/****************************************************** ****** MEDIA QUERY SOUS MON AILE 320x480px ******* *******************************************************/ @media screen and (min-width: 10px) and (max-width:479px) and (min-height: 10px) and (max-height: 599px){ /**** SPIP CONTENT 320x480px *****/ .contenu-mobil.spip-content{ display: none;} .contenu-desktop.spip-content{display: block; height: 343px; margin-left: 1px; margin-top: 50px; width: 268px; z-index:100;} /*** FIL d'ARIANE SPIP 320x480px *****/ .spip-content .ariane{ display: none; z-index:100; margin-top: 0px; } .spip-content .ariane .arbo{ padding-left: 10px; padding-right: 10px; font-size: 11px; line-height: 11px; width: auto; height: 20px; margin-top: 0px; text-shadow: 0 0 1px #FFFFFF, 0 0 1px #FFFFFF, 0 0 2px #FFFFFF, 0 0 5px #FFFFFF;} /*** CONTNER CONTENU SPIP 320x480px *****/ .spip-content .main { width: 518px; height: 343px; margin-left: 0px; top: 48px; z-index: 50;} .spip-content .main .wrapper .content { width: 518px; height: 343px; margin-top: 0px;} /*** TITRES TITRE DE LA RUBRIQUE-1 320x480px *****/ .titre-sma{ display: none; font-size: 20px; line-height: 2px; margin-top: 89px; padding-left: 138px; text-shadow: 0 0 1px #FFFFFF, 0 0 1px #FFFFFF, 0 0 2px #FFFFFF, 0 0 5px #FFFFFF, 0 0 10px #FFFFFF, 0 0 16px #FFFFFF; } .spip-content .main .wrapper .content .container2 { width: 1615px; margin-left:0px; margin-top: 0px;} /*** TITRES TITRE DE LA SOUS-RUBRIQUE-1 320x480px *****/ h1.titre-sma-rub1, h1.titre-sma-ssrub{ width: 210px; font-size: 14px; margin-left: 44px; margin-top: -13px; text-shadow: 0 0 1px #FFFFFF, 0 0 1px #FFFFFF, 0 0 2px #FFFFFF, 0 0 5px #FFFFFF, 0 0 10px #FFFFFF, 0 0 13px #FFFFFF;} h1.titre-sma-rub1 .spip_logos , h1.titre-sma-ssrub .spip_logos { height: 40px; margin: 0px 0 0 -20px; width: 40px;} h1.titre-sma-rub1 .descriptif, h1.titre-sma-ssrub .descriptif{ font-size: 10px; line-height: 12px; margin-top: -11px; margin-left: 0px; width: 191px;} /*** TEXTE DE LA RUBRIQUE-1 320x480px *****/ .spip-content .main .wrapper .content .texte-rub1{ border-radius: 12px 12px 0 0; font-size: 10px; height: 74px; left: 10px; line-height: 11px; margin-top: 24px; padding: 8px 7px 0 12px; width: 227px; display: block;} .spip-content .main #menu_rubriques2 { height: 190px; left: -44px; margin-top: 211px;} .spip-content .main #menu_rubriques2 li{ font-size: .8em; margin-left: -1px; margin-top: -15px; } /*** LES BLOCS 320x480px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li { width: 263px; height: 75px; z-index: 1;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:hover{ width: 263px; height: 75px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child{ left: 37px; top: 114px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2){ left: 26px; top: 62px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3){ left: 26px; top: 10px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4){ left: 26px; top: -42px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child{ left: 37px; top: -94px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child {border-top-right-radius: 0px; border-bottom-right-radius: 0px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2), .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3), .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4){ margin-left: 10px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child{ border-top-left-radius: 0px; border-bottom-left-radius: 0px; } /*** LES CADRES-INNER 320x480px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner{ width: 263px; height: 68px; padding-top: 7px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child:hover .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2):hover .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3):hover .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4):hover .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child:hover .cadre-inner{ width: 263px; height: 68px; padding-top: 7px; } .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner { border-top-right-radius: 15px; border-bottom-right-radius: 15px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner{} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner { border-top-left-radius: 0px; border-bottom-left-radius: 0px;} /*** LES CADRES-ITEM 320x480px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item{ width: 268px; height: 51px; margin-left: 7px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item{ border-top-left-radius: 0px; border-bottom-left-radius: 12px; border-top-right-radius: 0px; border-bottom-right-radius: 12px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item{ border-top-left-radius: 0px; border-bottom-left-radius: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 0px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item{ border-top-left-radius: 0px; border-bottom-left-radius: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 0px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child:hover .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2):hover .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3):hover .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4):hover .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child:hover .cadre-inner .cadre-item{ box-shadow: 0 0 2px #FFFFFF, 0 0 5px #FFFFFF, 0 0 10px #ffffff, 0 0 18px #ffffff; } .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child:hover .cadre-inner .cadre-item{ border-top-left-radius: 0px; border-bottom-left-radius: 12px; border-top-right-radius: 0px; border-bottom-right-radius: 12px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2):hover .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3):hover .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4):hover .cadre-inner .cadre-item{ border-top-left-radius: 0px; border-bottom-left-radius: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 0px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child:hover .cadre-inner .cadre-item{ border-top-left-radius: 0px; border-bottom-left-radius: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 0px;} /*** LES CADRES-ITEM-FINAL 320x480px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final{ width: 258px; height: 41px; margin-left: 4px; margin-top: 4px; } /*** CADRE ITEM FIX ***/ /*** Gradient Red ***/ /*** Gradient Orange ***/ /*** Gradient Yellow ***/ /*** Gradient Green ***/ /*** Gradient Blue ***/ /** COLOR INSIDE = DEGRADE GRIS 320x480px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final .color-inside{ width: 250px; height: 33px; left: 16px; margin-top: 3px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final .color-inside{ border-top-left-radius: 4px; border-bottom-left-radius: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final .color-inside{ border-top-left-radius: 4px; border-bottom-left-radius: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final .color-inside{ border-top-left-radius: 4px; border-bottom-left-radius: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final{ border-top-left-radius: 7px; border-bottom-left-radius: 7px; border-top-right-radius: 7px; border-bottom-right-radius: 7px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final{ border-top-left-radius: 7px; border-bottom-left-radius: 7px; border-top-right-radius: 7px; border-bottom-right-radius: 7px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final{ border-top-left-radius: 7px; border-bottom-left-radius: 7px; border-top-right-radius: 7px; border-bottom-right-radius: 7px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child:hover .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2):hover .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3):hover .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4):hover .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child:hover .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child:hover .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2):hover .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3):hover .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4):hover .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child:hover .cadre-inner .cadre-item .cadre-item-final{ width: 258px; height: 41px; margin-left: 4px; margin-top: 4px; } /*** Les LOGOS 320x480px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .spip_logos_rappel{ position: absolute; height: 40px; margin-left: 10px; margin-top: -4px; width: 40px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child:hover .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2):hover .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3):hover .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4):hover .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child:hover .cadre-inner .spip_logos_rappel{ height: 40px; margin-left: 10px; margin-top: -4px; width: 40px;} /*** Les TITRES 320x480px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li .spip_titre_rappel{ font-size: 15px; left: 50px; line-height: 28px; padding: 6px 0; text-align: left; text-shadow: 0 0 1px #FFFFFF, 0 0 1px #FFFFFF, 0 0 2px #FFFFFF, 0 0 5px #FFFFFF, 0 0 10px #FFFFFF, 0 0 16px #FFFFFF; top: -3px; width: 190px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:hover .spip_titre_rappel{ text-shadow: 0 0 1px #FFFFFF, 0 0 1px #FFFFFF, 0 0 2px #FFFFFF, 0 0 5px #FFFFFF, 0 0 10px #FFFFFF, 0 0 16px #FFFFFF;} /*** Les DESCRIPTIFS V1 avec titre sur 1 ligne 320x480px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li .spip_descriptif_item-rappel{ display: block; width: 200px; margin-top: 0px; margin-left: 19px; font-size: 13px; line-height: 15px; padding: 10px 5px 1px 15px; border-radius: 10px;} /*** Les DESCRIPTIFS V2 avec titre sur 2 lignes 320x480px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li .spip_descriptif_item-rappel2{ display: none; border-radius: 6px; font-size: 10px; line-height: 10px; margin-left: -1px; margin-top: -1px; padding: 35px 5px 6px 6px; width: 217px;} /*** POUR Les BTNS COULEURS(noir en fait) 320x480px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final .color-inside .mon-btn-color, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final .color-inside .mon-btn-color, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final .color-inside .mon-btn-color, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final .color-inside .mon-btn-color, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final .color-inside .mon-btn-color{ display: none; border-radius: 5px; color: #FFFFFF; font-size: 9px; line-height: 0; margin-left: 152px; margin-top: -21px; padding: 7px 2px 7px 7px; width: 26.5%; z-index: 1000;} /*** POUR Les BTNS NOIR 320x480px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final-fix .color-inside .mon-btn, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside .mon-btn, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside .mon-btn, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside .mon-btn, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final-fix .color-inside .mon-btn{ left: 0px; width: 36%; font-size: 16px; line-height: 16px; padding-left: 10px; padding-right: 10px; padding-top: 10px; padding-bottom: 10px; border-radius: 10px; margin-left: 74px; margin-top: 18px; } /******************************************************************************* LES SOUS-RUBRIQUE DE CONTENU 320x480px ************************************************************************************/ /*** CONTENU RUBRIQUES ITEMS 320x480px *****/ .spip-content .main .wrapper .content .box-texte{ background-color: rgba(255, 255, 255, 0.25); border: 1px solid #FFFFFF; border-radius: 0 0 12px 12px; left: -1px; position: absolute; text-shadow: none; top: 101px; transition: all 0.35s ease-in-out 0s; width: 268px; height: 291px; z-index: 10;} .spip-content .main .wrapper .content .box-texte .inner-txt{ padding: 0px; border-radius: 10px 0px 0px 10px;} .spip-content .main .wrapper .content .box-texte .inner-txt .bg-texte{ width: 268px; height: 215px; padding: 0px; border-radius: 0px; background-color: rgba(255, 255, 255, 0.85); border: 0px solid #fff;} .spip-content .main .wrapper .content .box-texte .inner-txt .bg-texte .texte{ border-radius: 0 0 8px 8px; color: #808080; float: left; font-family: Arial,Helvetica,sans-serif; font-size: 9px; height: 215px; line-height: 11px; margin-left: -10px; overflow: auto; padding: 0 10px 0 20px; text-align: left; width: 248px;} .spip_document_1, .spip_document_2, .spip_document_3, .spip_document_4, .spip_document_5, .spip_document_6, .spip_document_7, .spip_document_8, .spip_document_9, .spip_document_10, .spip_document_11, .spip_document_12, .spip_document_13, .spip_document_14, .spip_document_15, .spip_document_16, .spip_document_17, .spip_document_18, .spip_document_19, .spip_document_20, .spip_document_21, .spip_document_22, .spip_document_23, .spip_document_24, .spip_document_25, .spip_document_26, .spip_document_27, .spip_document_28, .spip_document_29, .spip_document_30, .spip_document_31, .spip_document_32, .spip_document_33, .spip_document_34, .spip_document_35, .spip_document_36, .spip_document_37, .spip_document_38, .spip_document_39, .spip_document_40, .spip_document_41, .spip_document_42, .spip_document_43, .spip_document_44, .spip_document_45, .spip_document_46, .spip_document_47, .spip_document_48, .spip_document_49, .spip_document_50, .spip_document_51, .spip_document_52, .spip_document_53, .spip_document_54, .spip_document_55, .spip_document_56, .spip_document_57, .spip_document_58, .spip_document_59, .spip_document_60, .spip_document_61, .spip_document_62, .spip_document_63, .spip_document_64, .spip_document_65, .spip_document_66, .spip_document_67, .spip_document_68, .spip_document_69, .spip_document_70, .spip_document_71, .spip_document_72{ width: 30px!important; height: 60px!important; margin-left: -10px; margin-top: 0px; background-color: transparent;} p { margin: 0 0 0px;} /*** TEXTE DE LA RUBRIQUE-B 320x480px *****/ .spip-content .main .wrapper .content .texte-rub1{ background-color: rgba(241, 241, 241, 0); border: 0px solid #FFFFFF; border-radius: 8px 8px 0 0; color: #555555; float: left; font-family: Arial,Helvetica,sans-serif; font-size: 10px; height: 54px; left: 10px; line-height: 12px; padding: 3px 10px 2px 5px; position: absolute; text-align: left; top: 34px; width: 238px;} .spip-content .main #menu_rubriques1 { width: 1600px; height: 350px; left: 70px; margin-top: 240px;} .spip-content .main #menu_rubriques1 li{ font-size: .8em; margin-left: -1px; margin-top: -15px; } /*** DESCRIPTIF SSRUB 320x480px *****/ .spip-content .main .wrapper .content .descriptif-ssrub{ background-color: rgba(241, 241, 241, 0); border: 0px solid #FFFFFF; border-radius: 0; color: #555555; float: left; font-family: Arial,Helvetica,sans-serif; font-size: 10px; left: -1px; line-height: 11px; padding: 35px 20px 0; position: absolute; text-align: left; top: 14px; width: 230px; height: 52px; z-index: 1;} /*** TAILLE DE L'IMAGE DANS LE CORPS DE TEXTE SPIP 320x480px *****/ .spip_documents_left img{width: 30px; height: 30px; margin-left: 10px; margin-top: -3px; background-color: #fbfbfb;} /*** PARTICULARITE RUBRIQUE FORMULAIRE 320x480px *****/ .spip-content .main .wrapper .content .box-texte .inner-txt-formulaire{ padding: 0px; border-radius: 0px; font-family: Arial,Helvetica,sans-serif; text-align: left;} .spip-content .main .wrapper .content .box-texte .inner-txt-formulaire .bg-texte-formulaire{ border-radius: 0px 0px 12px 12px; background-color: rgba(255, 255, 255, 0.85); border: 0px solid #fff; float: left; overflow: none; padding: 0 10px 0 0px; text-align: left; float: left; overflow: auto; color: #808080; font-family: Arial,Helvetica,sans-serif; text-align: left; font-size: 12px; line-height: 12px; width: 258px; height: 292px;} /*** PARTICULARITE RUBRIQUE SIMPLE 320x480px *****/ .spip-content .main .wrapper .content .box-texte .inner-txt-simple{ padding: 0px; border-radius: 0px 0px 0px 10px; font-family: Arial,Helvetica,sans-serif; text-align: left;} .spip-content .main .wrapper .content .box-texte .inner-txt-simple .bg-texte-simple{ background-color: rgba(255, 255, 255, 0.85); border-color: #FFFFFF; border-radius: 0 0 0 10px; border-style: solid; border-width: 0 1px 1px 0; color: #808080; float: left; font-family: Arial,Helvetica,sans-serif; font-size: 11px; height: 271px; line-height: 11px; overflow: auto; padding: 20px 20px 0; text-align: left; width: 228px;} /*** POUR LE PETIT MENU des SOUS RUBRIQUES en haut à droite 320x480px *****/ .spip-content .main #menu_rubriques1 { position: absolute; text-align: left; width: 248px; height: 75px; z-index: 1000; top: 77px; padding-right: 20px; left: -1px; background-color: rgba(241, 241, 241, 0.7); border-top-left-radius: 0px; border-bottom-left-radius: 12px; border-top-right-radius: 0px; border-bottom-right-radius: 12px; border: 1px solid #fff; } .spip-content .main #menu_rubriques1 li{ font-size: .8em; margin-left: 5px; list-style: none; float: left; margin-top: -7px; } .spip-content .main #menu_rubriques1 li ul li{ font-size: 1em; margin-left: 0em;} .spip-content .main #menu_rubriques1 { list-style-type:none; } .spip-content .main #menu_rubriques1 li { list-style-type: none; } .spip-content .main #menu_rubriques1 li li { list-style-type: none; } .spip-content .main #menu_rubriques1 li li li { list-style-type: none; } .spip-content .main #menu_rubriques1 hr {margin : 0.7em 0;} .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li { width: 56px; } .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li:hover { width: 56px; } .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li .spip_logos_rappel { height: 60px; width: 60px; margin-bottom: 6px; margin-left: 8px; margin-top: 3px;} .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li:hover .spip_logos_rappel { } .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li .spip_titre_rappel{ font-family: "Arial"; font-size: 9px; line-height: 10px; list-style: none outside none; margin: -14px 25px 1px 4px; position: absolute; text-align: center; width: 70px;} .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li:hover .spip_titre_rappel { } /*** Les currents 320x480px ***/ .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li .nav_current_rub{ display: none;width: 120px; } .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li .nav_current_rub .spip_logos_rappel { height: 60px; width: 60px; margin-bottom: 6px; margin-left: 8px; margin-top: 3px;} .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li .nav_current_rub .spip_titre_rappel { position: absolute; width: 120px; margin-top: -14px; margin-left:-1px; text-align: center; font-size: 14px; line-height: 14px; list-style: none;} /*** FIN de 320x480px *****/ } /****************************************************** ****** MEDIA QUERY SOUS MON AILE 320x600px ******* *******************************************************/ @media screen and (min-width: 10px) and (max-width:479px) and (min-height: 600px) and (max-height: 749px){ /**** SPIP CONTENT 320x600px *****/ .contenu-mobil.spip-content{ display: none;} .contenu-desktop.spip-content{display: block; height: 343px; margin-left: 1px; margin-top: 50px; width: 268px; z-index:100;} /*** FIL d'ARIANE SPIP 320x600px *****/ .spip-content .ariane{ display: none; z-index:100; margin-top: 0px; } .spip-content .ariane .arbo{ padding-left: 10px; padding-right: 10px; font-size: 11px; line-height: 11px; width: auto; height: 20px; margin-top: 0px; text-shadow: 0 0 1px #FFFFFF, 0 0 1px #FFFFFF, 0 0 2px #FFFFFF, 0 0 5px #FFFFFF;} /*** CONTNER CONTENU SPIP 320x600px *****/ .spip-content .main { width: 518px; height: 343px; margin-left: 0px; top: -1px; z-index: 50;} .spip-content .main .wrapper .content { width: 518px; height: 343px; margin-top: 0px;} /*** TITRES TITRE DE LA RUBRIQUE-1 320x600px *****/ .titre-sma{ display: none; font-size: 20px; line-height: 2px; margin-top: 89px; padding-left: 138px; text-shadow: 0 0 1px #FFFFFF, 0 0 1px #FFFFFF, 0 0 2px #FFFFFF, 0 0 5px #FFFFFF, 0 0 10px #FFFFFF, 0 0 16px #FFFFFF; } .spip-content .main .wrapper .content .container2 { width: 1615px; margin-left:0px; margin-top: 0px;} /*** TITRES TITRE DE LA SOUS-RUBRIQUE-1 320x600px *****/ h1.titre-sma-rub1, h1.titre-sma-ssrub{ width: 210px; font-size: 14px; margin-left: 44px; margin-top: 36px; text-shadow: 0 0 1px #FFFFFF, 0 0 1px #FFFFFF, 0 0 2px #FFFFFF, 0 0 5px #FFFFFF, 0 0 10px #FFFFFF, 0 0 13px #FFFFFF;} h1.titre-sma-rub1 .spip_logos , h1.titre-sma-ssrub .spip_logos { height: 40px; margin: 0px 0 0 -20px; width: 40px;} h1.titre-sma-rub1 .descriptif, h1.titre-sma-ssrub .descriptif{ font-size: 10px; line-height: 12px; margin-top: -11px; margin-left: 0px; width: 191px;} /*** TEXTE DE LA RUBRIQUE-1 320x600px *****/ .spip-content .main .wrapper .content .texte-rub1{ border-radius: 8px 8px 0 0; font-size: 10px; height: 74px; left: 10px; line-height: 11px; margin-top: 87px; padding: 8px 7px 0 12px; width: 227px; display: block;} .spip-content .main #menu_rubriques2 { height: 320px; left: -33px; margin-top: 260px;} .spip-content .main #menu_rubriques2 li{ font-size: .8em; margin-left: -1px; margin-top: -15px; } /*** LES BLOCS 320x600px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li { width: 263px; height: 65px; z-index: 1;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:hover{ width: 263px; height: 65px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child{ left: 26px; top: 215px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2){ left: 15px; top: 140px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3){ left: 15px; top: 65px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4){ left: 15px; top: -10px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child{ left: 26px; top: -85px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child {border-top-right-radius: 0px; border-bottom-right-radius: 0px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2), .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3), .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4){ margin-left: 10px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child{ border-top-left-radius: 0px; border-bottom-left-radius: 0px; } /*** LES CADRES-INNER 320x600px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner{ width: 263px; height: 60px; padding-top: 0px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child:hover .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2):hover .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3):hover .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4):hover .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child:hover .cadre-inner{ width: 263px; height: 60px; padding-top: 0px; } .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner { border-top-right-radius: 15px; border-bottom-right-radius: 15px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner{} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner { border-top-left-radius: 0px; border-bottom-left-radius: 0px;} /*** LES CADRES-ITEM 320x600px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item{ width: 268px; height: 74px; margin-left: 7px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item{ border-top-left-radius: 0px; border-bottom-left-radius: 12px; border-top-right-radius: 0px; border-bottom-right-radius: 12px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item{ border-top-left-radius: 0px; border-bottom-left-radius: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 0px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item{ border-top-left-radius: 0px; border-bottom-left-radius: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 0px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child:hover .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2):hover .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3):hover .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4):hover .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child:hover .cadre-inner .cadre-item{ box-shadow: 0 0 2px #FFFFFF, 0 0 5px #FFFFFF, 0 0 10px #ffffff, 0 0 18px #ffffff; } .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child:hover .cadre-inner .cadre-item{ border-top-left-radius: 0px; border-bottom-left-radius: 12px; border-top-right-radius: 0px; border-bottom-right-radius: 12px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2):hover .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3):hover .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4):hover .cadre-inner .cadre-item{ border-top-left-radius: 0px; border-bottom-left-radius: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 0px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child:hover .cadre-inner .cadre-item{ border-top-left-radius: 0px; border-bottom-left-radius: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 0px;} /*** LES CADRES-ITEM-FINAL 320x600px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final{ width: 258px; height: 64px; margin-left: 4px; margin-top: 4px; } /*** CADRE ITEM FIX ***/ /*** Gradient Red ***/ /*** Gradient Orange ***/ /*** Gradient Yellow ***/ /*** Gradient Green ***/ /*** Gradient Blue ***/ /** COLOR INSIDE = DEGRADE GRIS 320x600px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final .color-inside{ width: 250px; height: 56px; left: 16px; margin-top: 3px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final .color-inside{ border-top-left-radius: 4px; border-bottom-left-radius: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final .color-inside{ border-top-left-radius: 4px; border-bottom-left-radius: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final .color-inside{ border-top-left-radius: 4px; border-bottom-left-radius: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final{ border-top-left-radius: 7px; border-bottom-left-radius: 7px; border-top-right-radius: 7px; border-bottom-right-radius: 7px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final{ border-top-left-radius: 7px; border-bottom-left-radius: 7px; border-top-right-radius: 7px; border-bottom-right-radius: 7px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final{ border-top-left-radius: 7px; border-bottom-left-radius: 7px; border-top-right-radius: 7px; border-bottom-right-radius: 7px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child:hover .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2):hover .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3):hover .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4):hover .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child:hover .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child:hover .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2):hover .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3):hover .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4):hover .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child:hover .cadre-inner .cadre-item .cadre-item-final{ width: 258px; height: 64px; margin-left: 4px; margin-top: 4px; } /*** Les LOGOS 320x600px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .spip_logos_rappel{ position: absolute; height: 50px; margin-left: -2px; margin-top: 2px; width: 50px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child:hover .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2):hover .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3):hover .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4):hover .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child:hover .cadre-inner .spip_logos_rappel{ height: 50px; margin-left: -2px; margin-top: 2px; width: 50px;} /*** Les TITRES 320x600px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li .spip_titre_rappel{ font-size: 16px; left: 46px; line-height: 15px; padding: 6px 0; text-align: left; text-shadow: 0 0 1px #FFFFFF, 0 0 1px #FFFFFF, 0 0 2px #FFFFFF, 0 0 5px #FFFFFF, 0 0 10px #FFFFFF, 0 0 16px #FFFFFF; top: 14px; width: 200px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:hover .spip_titre_rappel{ text-shadow: 0 0 1px #FFFFFF, 0 0 1px #FFFFFF, 0 0 2px #FFFFFF, 0 0 5px #FFFFFF, 0 0 10px #FFFFFF, 0 0 16px #FFFFFF;} /*** Les DESCRIPTIFS V1 avec titre sur 1 ligne 320x600px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li .spip_descriptif_item-rappel{ display: block; width: 200px; margin-top: 0px; margin-left: 19px; font-size: 13px; line-height: 15px; padding: 10px 5px 1px 15px; border-radius: 10px;} /*** Les DESCRIPTIFS V2 avec titre sur 2 lignes 320x600px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li .spip_descriptif_item-rappel2{ display: none; border-radius: 6px; font-size: 10px; line-height: 10px; margin-left: -1px; margin-top: -1px; padding: 35px 5px 6px 6px; width: 217px;} /*** POUR Les BTNS COULEURS(noir en fait) 320x600px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final .color-inside .mon-btn-color, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final .color-inside .mon-btn-color, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final .color-inside .mon-btn-color, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final .color-inside .mon-btn-color, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final .color-inside .mon-btn-color{ display: none; border-radius: 5px; color: #FFFFFF; font-size: 9px; line-height: 0; margin-left: 152px; margin-top: -21px; padding: 7px 2px 7px 7px; width: 26.5%; z-index: 1000;} /*** POUR Les BTNS NOIR 320x600px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final-fix .color-inside .mon-btn, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside .mon-btn, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside .mon-btn, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside .mon-btn, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final-fix .color-inside .mon-btn{ left: 0px; width: 36%; font-size: 16px; line-height: 16px; padding-left: 10px; padding-right: 10px; padding-top: 10px; padding-bottom: 10px; border-radius: 10px; margin-left: 74px; margin-top: 18px; } /******************************************************************************* LES SOUS-RUBRIQUE DE CONTENU 320x600px ************************************************************************************/ /*** CONTENU RUBRIQUES ITEMS 320x600px *****/ .spip-content .main .wrapper .content .box-texte{ background-color: rgba(255, 255, 255, 0.25); border: 1px solid #FFFFFF; border-radius: 0 0 12px 12px; left: -1px; position: absolute; text-shadow: none; top: 150px; transition: all 0.35s ease-in-out 0s; width: 268px; height: 408px; z-index: 10;} .spip-content .main .wrapper .content .box-texte .inner-txt{ padding: 0px; border-radius: 10px 0px 0px 10px;} .spip-content .main .wrapper .content .box-texte .inner-txt .bg-texte{ width: 268px; height: 332px; padding: 0px; border-radius: 0px; background-color: rgba(255, 255, 255, 0.85); border: 0px solid #fff;} .spip-content .main .wrapper .content .box-texte .inner-txt .bg-texte .texte{ border-radius: 0 0 8px 8px; color: #808080; float: left; font-family: Arial,Helvetica,sans-serif; font-size: 9px; height: 332px; line-height: 11px; margin-left: -10px; overflow: auto; padding: 0px 10px 0 10px; text-align: left; width: 258px;} .spip_document_1, .spip_document_2, .spip_document_3, .spip_document_4, .spip_document_5, .spip_document_6, .spip_document_7, .spip_document_8, .spip_document_9, .spip_document_10, .spip_document_11, .spip_document_12, .spip_document_13, .spip_document_14, .spip_document_15, .spip_document_16, .spip_document_17, .spip_document_18, .spip_document_19, .spip_document_20, .spip_document_21, .spip_document_22, .spip_document_23, .spip_document_24, .spip_document_25, .spip_document_26, .spip_document_27, .spip_document_28, .spip_document_29, .spip_document_30, .spip_document_31, .spip_document_32, .spip_document_33, .spip_document_34, .spip_document_35, .spip_document_36, .spip_document_37, .spip_document_38, .spip_document_39, .spip_document_40, .spip_document_41, .spip_document_42, .spip_document_43, .spip_document_44, .spip_document_45, .spip_document_46, .spip_document_47, .spip_document_48, .spip_document_49, .spip_document_50, .spip_document_51, .spip_document_52, .spip_document_53, .spip_document_54, .spip_document_55, .spip_document_56, .spip_document_57, .spip_document_58, .spip_document_59, .spip_document_60, .spip_document_61, .spip_document_62, .spip_document_63, .spip_document_64, .spip_document_65, .spip_document_66, .spip_document_67, .spip_document_68, .spip_document_69, .spip_document_70, .spip_document_71, .spip_document_72{ width: 30px!important; height: 60px!important; margin-left:px; margin-top: 0px; background-color: #fbfbfb;} p { margin: 0 0 0px;} /*** TEXTE DE LA RUBRIQUE-B 320x600px *****/ .spip-content .main .wrapper .content .texte-rub1{ background-color: rgba(241, 241, 241, 0); border: 0px solid #FFFFFF; border-radius: 8px 8px 0 0; color: #555555; float: left; font-family: Arial,Helvetica,sans-serif; font-size: 10px; height: 54px; left: 10px; line-height: 12px; padding: 3px 10px 2px 5px; position: absolute; text-align: left; top: 20px; width: 238px;} .spip-content .main #menu_rubriques1 { width: 1600px; height: 350px; left: 70px; margin-top: 240px;} .spip-content .main #menu_rubriques1 li{ font-size: .8em; margin-left: -1px; margin-top: -15px; } /*** DESCRIPTIF SSRUB 320x600px *****/ .spip-content .main .wrapper .content .descriptif-ssrub{ background-color: rgba(241, 241, 241, 0); border: 0px solid #FFFFFF; border-radius: 0; color: #555555; float: left; font-family: Arial,Helvetica,sans-serif; font-size: 10px; left: -1px; line-height: 11px; padding: 35px 20px 0; position: absolute; text-align: left; top: 63px; width: 230px; height: 52px; z-index: 1;} /*** TAILLE DE L'IMAGE DANS LE CORPS DE TEXTE SPIP 320x600px *****/ .spip_documents_left img{width: 30px; height: 30px; margin-left: 8px; margin-top: -3px; background-color: #fbfbfb;} /*** PARTICULARITE RUBRIQUE FORMULAIRE 320x600px *****/ .spip-content .main .wrapper .content .box-texte .inner-txt-formulaire{ padding: 0px; border-radius: 10px 0px 0px 10px; font-family: Arial,Helvetica,sans-serif; text-align: left;} .spip-content .main .wrapper .content .box-texte .inner-txt-formulaire .bg-texte-formulaire{ background-color: rgba(255, 255, 255, 0.85); border: 1px solid #FFFFFF; border-radius: 0 0 12px 12px; color: #808080; overflow: none; float: left; font-family: Arial,Helvetica,sans-serif; font-size: 12px; height: 407px; line-height: 12px; padding: 0; text-align: left; width: 267px;} /*** PARTICULARITE RUBRIQUE SIMPLE 320x600px *****/ .spip-content .main .wrapper .content .box-texte .inner-txt-simple{ padding: 0px; border-radius: 0px 0px 0px 10px; font-family: Arial,Helvetica,sans-serif; text-align: left;} .spip-content .main .wrapper .content .box-texte .inner-txt-simple .bg-texte-simple{ background-color: rgba(255, 255, 255, 0.85); border-color: #FFFFFF; border-radius: 0 0 0 10px; border-style: solid; border-width: 0 1px 1px 0; color: #808080; float: left; font-family: Arial,Helvetica,sans-serif; font-size: 11px; height: 388px; line-height: 11px; overflow: auto; padding: 20px 20px 0; text-align: left; width: 228px;} /*** POUR LE PETIT MENU des SOUS RUBRIQUES en haut à droite 320x600px *****/ .spip-content .main #menu_rubriques1 { position: absolute; text-align: left; width: 248px; height: 75px; z-index: 1000; top: 243px; padding-right: 20px; left: -1px; background-color: rgba(241, 241, 241, 0.7); border-top-left-radius: 0px; border-bottom-left-radius: 12px; border-top-right-radius: 0px; border-bottom-right-radius: 12px; border: 1px solid #fff; } .spip-content .main #menu_rubriques1 li{ font-size: .8em; margin-left: 5px; list-style: none; float: left; margin-top: -7px; } .spip-content .main #menu_rubriques1 li ul li{ font-size: 1em; margin-left: 0em;} .spip-content .main #menu_rubriques1 { list-style-type:none; } .spip-content .main #menu_rubriques1 li { list-style-type: none; } .spip-content .main #menu_rubriques1 li li { list-style-type: none; } .spip-content .main #menu_rubriques1 li li li { list-style-type: none; } .spip-content .main #menu_rubriques1 hr {margin : 0.7em 0;} .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li { width: 56px; } .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li:hover { width: 56px; } .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li .spip_logos_rappel { height: 60px; width: 60px; margin-bottom: 6px; margin-left: 8px; margin-top: 3px;} .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li:hover .spip_logos_rappel {} .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li .spip_titre_rappel{ font-family: "Arial"; font-size: 9px; line-height: 10px; list-style: none outside none; margin: -14px 25px 1px 4px; position: absolute; text-align: center; width: 70px;} .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li:hover .spip_titre_rappel { } /*** Les currents 320x600px ***/ .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li .nav_current_rub{ display: none;width: 120px; } .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li .nav_current_rub .spip_logos_rappel { width: 80px; height: 80px; padding-left: 18px; padding-top: 18px; padding-bottom: 10px;} .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li .nav_current_rub .spip_titre_rappel { position: absolute; width: 120px; margin-top: -14px; margin-left:-1px; text-align: center; font-size: 14px; line-height: 14px; list-style: none;} /*** FIN de 320x600px *****/ } /************************************************** ****** MEDIA QUERY SOUS MON AILE 320x768px ******* ***************************************************/ @media screen and (min-width: 10px) and (max-width:479px) and (min-height: 750px) and (max-height: 799px){ /**** SPIP CONTENT 320x768px *****/ .contenu-mobil.spip-content{ display: none;} .contenu-desktop.spip-content{display: block; height: 343px; margin-left: 1px; margin-top: 50px; width: 268px; z-index:100;} /*** FIL d'ARIANE SPIP 320x768px *****/ .spip-content .ariane{ display: none; z-index:100; margin-top: 0px; } .spip-content .ariane .arbo{ padding-left: 10px; padding-right: 10px; font-size: 11px; line-height: 11px; width: auto; height: 20px; margin-top: 0px; text-shadow: 0 0 1px #FFFFFF, 0 0 1px #FFFFFF, 0 0 2px #FFFFFF, 0 0 5px #FFFFFF;} /*** CONTNER CONTENU SPIP 320x768px *****/ .spip-content .main { width: 518px; height: 343px; margin-left: 0px; top: -1px; z-index: 50;} .spip-content .main .wrapper .content { width: 518px; height: 343px; margin-top: 0px;} /*** TITRES TITRE DE LA RUBRIQUE-1 320x768px *****/ .titre-sma{ display: none; font-size: 20px; line-height: 2px; margin-top: 89px; padding-left: 138px; text-shadow: 0 0 1px #FFFFFF, 0 0 1px #FFFFFF, 0 0 2px #FFFFFF, 0 0 5px #FFFFFF, 0 0 10px #FFFFFF, 0 0 16px #FFFFFF; } .spip-content .main .wrapper .content .container2 { width: 1615px; margin-left:0px; margin-top: 0px;} /*** TITRES TITRE DE LA SOUS-RUBRIQUE-1 320x768px *****/ h1.titre-sma-rub1, h1.titre-sma-ssrub{ width: 210px; font-size: 14px; margin-left: 44px; margin-top: 36px; text-shadow: 0 0 1px #FFFFFF, 0 0 1px #FFFFFF, 0 0 2px #FFFFFF, 0 0 5px #FFFFFF, 0 0 10px #FFFFFF, 0 0 13px #FFFFFF;} h1.titre-sma-rub1 .spip_logos , h1.titre-sma-ssrub .spip_logos { height: 40px; margin: 0px 0 0 -20px; width: 40px;} h1.titre-sma-rub1 .descriptif, h1.titre-sma-ssrub .descriptif{ font-size: 10px; line-height: 12px; margin-top: -11px; margin-left: 0px; width: 191px;} /*** TEXTE DE LA RUBRIQUE-1 320x768px *****/ .spip-content .main .wrapper .content .texte-rub1{ border-radius: 8px 8px 0 0; font-size: 10px; height: 75px; left: 10px; line-height: 11px; margin-top: 86px; padding: 8px 7px 0 12px; width: 227px; display: block;} .spip-content .main #menu_rubriques2 { height: 320px; left: -33px; margin-top: 259px;} .spip-content .main #menu_rubriques2 li{ font-size: .8em; margin-left: -1px; margin-top: -15px; } /*** LES BLOCS 320x768px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li { width: 263px; height: 65px; z-index: 1;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:hover{ width: 263px; height: 65px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child{ left: 37px; top: 289px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2){ left: 26px; top: 198px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3){ left: 26px; top: 107px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4){ left: 26px; top: 16px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child{ left: 37px; top: -75px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child {border-top-right-radius: 0px; border-bottom-right-radius: 0px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2), .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3), .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4){ margin-left: 10px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child{ border-top-left-radius: 0px; border-bottom-left-radius: 0px; } /*** LES CADRES-INNER 320x768px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner{ width: 263px; height: 60px; padding-top: 0px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child:hover .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2):hover .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3):hover .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4):hover .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child:hover .cadre-inner{ width: 263px; height: 60px; padding-top: 0px; } .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner { border-top-right-radius: 15px; border-bottom-right-radius: 15px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner{} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner { border-top-left-radius: 0px; border-bottom-left-radius: 0px;} /*** LES CADRES-ITEM 320x768px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item{ width: 246px; height: 90px; margin-left: 7px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item{ border-top-left-radius: 0px; border-bottom-left-radius: 8px; border-top-right-radius: 0px; border-bottom-right-radius: 8px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item{ border-top-left-radius: 0px; border-bottom-left-radius: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 0px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item{ border-top-left-radius: 0px; border-bottom-left-radius: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 0px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child:hover .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2):hover .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3):hover .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4):hover .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child:hover .cadre-inner .cadre-item{ box-shadow: 0 0 2px #FFFFFF, 0 0 5px #FFFFFF, 0 0 10px #ffffff, 0 0 18px #ffffff; } .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child:hover .cadre-inner .cadre-item{ border-top-left-radius: 0px; border-bottom-left-radius: 8px; border-top-right-radius: 0px; border-bottom-right-radius: 8px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2):hover .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3):hover .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4):hover .cadre-inner .cadre-item{ border-top-left-radius: 0px; border-bottom-left-radius: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 0px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child:hover .cadre-inner .cadre-item{ border-top-left-radius: 0px; border-bottom-left-radius: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 0px;} /*** LES CADRES-ITEM-FINAL 320x768px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final{ width: 236px; height: 80px; margin-left: 4px; margin-top: 4px; } /*** CADRE ITEM FIX ***/ /*** Gradient Red ***/ /*** Gradient Orange ***/ /*** Gradient Yellow ***/ /*** Gradient Green ***/ /*** Gradient Blue ***/ /** COLOR INSIDE = DEGRADE GRIS 320x768px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final .color-inside{ width: 228px; height: 72px; left: 16px; margin-top: 3px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final .color-inside{ border-top-left-radius: 4px; border-bottom-left-radius: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final .color-inside{ border-top-left-radius: 4px; border-bottom-left-radius: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final .color-inside{ border-top-left-radius: 4px; border-bottom-left-radius: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final{ border-top-left-radius: 7px; border-bottom-left-radius: 7px; border-top-right-radius: 7px; border-bottom-right-radius: 7px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final{ border-top-left-radius: 7px; border-bottom-left-radius: 7px; border-top-right-radius: 7px; border-bottom-right-radius: 7px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final{ border-top-left-radius: 7px; border-bottom-left-radius: 7px; border-top-right-radius: 7px; border-bottom-right-radius: 7px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child:hover .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2):hover .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3):hover .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4):hover .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child:hover .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child:hover .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2):hover .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3):hover .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4):hover .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child:hover .cadre-inner .cadre-item .cadre-item-final{ width: 236px; height: 80px; margin-left: 4px; margin-top: 4px; } /*** Les LOGOS 320x768px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .spip_logos_rappel{ position: absolute; height: 30px; margin-left: -1px; margin-top: -5px; width: 30px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child:hover .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2):hover .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3):hover .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4):hover .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child:hover .cadre-inner .spip_logos_rappel{ height: 30px; margin-left: -1px; margin-top: -5px; width: 30px;} /*** Les TITRES 320x768px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li .spip_titre_rappel{ font-size: 13px; left: 29px; line-height: 14px; padding: 6px 0; text-align: left; text-shadow: 0 0 1px #FFFFFF, 0 0 1px #FFFFFF, 0 0 2px #FFFFFF, 0 0 5px #FFFFFF, 0 0 10px #FFFFFF, 0 0 16px #FFFFFF; top: -3px; width: 185px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:hover .spip_titre_rappel{ text-shadow: 0 0 1px #FFFFFF, 0 0 1px #FFFFFF, 0 0 2px #FFFFFF, 0 0 5px #FFFFFF, 0 0 10px #FFFFFF, 0 0 16px #FFFFFF;} /*** Les DESCRIPTIFS V1 avec titre sur 1 ligne 320x768px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li .spip_descriptif_item-rappel{ display: none; width: 200px; margin-top: 0px; margin-left: 19px; font-size: 13px; line-height: 15px; padding: 10px 5px 1px 15px; border-radius: 10px;} /*** Les DESCRIPTIFS V2 avec titre sur 2 lignes 320x768px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li .spip_descriptif_item-rappel2{ display: block; border-radius: 6px; font-size: 9px; line-height: 9px; margin-left: -1px; margin-top: -1px; padding: 21px 4px 1px 26px; width: 198px; height: 49px;} /*** POUR Les BTNS COULEURS(noir en fait) 320x768px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final .color-inside .mon-btn-color, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final .color-inside .mon-btn-color, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final .color-inside .mon-btn-color, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final .color-inside .mon-btn-color, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final .color-inside .mon-btn-color{ display: block; border-radius: 5px; color: #FFFFFF; font-size: 8px; line-height: 0; margin-left: -2px; margin-top: -14px; padding: 5px 4px 7px 95px; width: 56.5%; z-index: 1000;} /*** POUR Les BTNS NOIR 320x768px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final-fix .color-inside .mon-btn, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside .mon-btn, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside .mon-btn, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside .mon-btn, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final-fix .color-inside .mon-btn{ left: 0px; width: 36%; font-size: 16px; line-height: 16px; padding-left: 10px; padding-right: 10px; padding-top: 10px; padding-bottom: 10px; border-radius: 10px; margin-left: 74px; margin-top: 18px; } /******************************************************************************* LES SOUS-RUBRIQUE DE CONTENU 320x768px ************************************************************************************/ /*** CONTENU RUBRIQUES ITEMS 320x768px *****/ .spip-content .main .wrapper .content .box-texte{ background-color: rgba(255, 255, 255, 0.25); border: 1px solid #FFFFFF; border-radius: 0 0 12px 12px; left: -1px; position: absolute; text-shadow: none; top: 150px; transition: all 0.35s ease-in-out 0s; width: 268px; height: 581px; z-index: 10;} .spip-content .main .wrapper .content .box-texte .inner-txt{ padding: 0px; border-radius: 10px 0px 0px 10px;} .spip-content .main .wrapper .content .box-texte .inner-txt .bg-texte{ width: 268px; height: 505px; padding: 0px; border-radius: 0px; background-color: rgba(255, 255, 255, 0.85); border: 0px solid #fff;} .spip-content .main .wrapper .content .box-texte .inner-txt .bg-texte .texte{ border-radius: 0 0 8px 8px; color: #808080; float: left; font-family: Arial,Helvetica,sans-serif; font-size: 9px; line-height: 11px; margin-left: -20px; overflow: auto; padding: 10px 10px 0 10px; text-align: left; width: 268px; height: 495px; } .spip_document_1, .spip_document_2, .spip_document_3, .spip_document_4, .spip_document_5, .spip_document_6, .spip_document_7, .spip_document_8, .spip_document_9, .spip_document_10, .spip_document_11, .spip_document_12, .spip_document_13, .spip_document_14, .spip_document_15, .spip_document_16, .spip_document_17, .spip_document_18, .spip_document_19, .spip_document_20, .spip_document_21, .spip_document_22, .spip_document_23, .spip_document_24, .spip_document_25, .spip_document_26, .spip_document_27, .spip_document_28, .spip_document_29, .spip_document_30, .spip_document_31, .spip_document_32, .spip_document_33, .spip_document_34, .spip_document_35, .spip_document_36, .spip_document_37, .spip_document_38, .spip_document_39, .spip_document_40, .spip_document_41, .spip_document_42, .spip_document_43, .spip_document_44, .spip_document_45, .spip_document_46, .spip_document_47, .spip_document_48, .spip_document_49, .spip_document_50, .spip_document_51, .spip_document_52, .spip_document_53, .spip_document_54, .spip_document_55, .spip_document_56, .spip_document_57, .spip_document_58, .spip_document_59, .spip_document_60, .spip_document_61, .spip_document_62, .spip_document_63, .spip_document_64, .spip_document_65, .spip_document_66, .spip_document_67, .spip_document_68, .spip_document_69, .spip_document_70, .spip_document_71, .spip_document_72{ width: 30px!important; height: 60px!important; margin-left: 10px; margin-top: 0px; background-color: #fbfbfb;} p { margin: 0 0 0px;} /*** TEXTE DE LA RUBRIQUE-B 320x768px *****/ .spip-content .main .wrapper .content .texte-rub1{ background-color: rgba(241, 241, 241, 0); border: 0px solid #FFFFFF; border-radius: 8px 8px 0 0; color: #555555; float: left; font-family: Arial,Helvetica,sans-serif; font-size: 10px; height: 54px; left: 10px; line-height: 12px; padding: 4px 10px 2px 5px; position: absolute; text-align: left; top: 20px; width: 238px;} .spip-content .main #menu_rubriques1 { width: 1600px; height: 350px; left: 70px; margin-top: 240px;} .spip-content .main #menu_rubriques1 li{ font-size: .8em; margin-left: -1px; margin-top: -15px; } /*** DESCRIPTIF SSRUB 320x768px *****/ .spip-content .main .wrapper .content .descriptif-ssrub{ background-color: rgba(241, 241, 241, 0); border: 0px solid #FFFFFF; border-radius: 0; color: #555555; float: left; font-family: Arial,Helvetica,sans-serif; font-size: 10px; left: -1px; line-height: 11px; padding: 35px 20px 0; position: absolute; text-align: left; top: 63px; width: 230px; height: 52px; z-index: 1;} /*** TAILLE DE L'IMAGE DANS LE CORPS DE TEXTE SPIP 320x768px *****/ .spip_documents_left img{width: 30px; height: 30px; margin-left: 8px; margin-top: -3px; background-color: #fbfbfb;} /*** PARTICULARITE RUBRIQUE FORMULAIRE 320x768px *****/ .spip-content .main .wrapper .content .box-texte .inner-txt-formulaire{ padding: 0px; border-radius: 10px 0px 0px 10px; font-family: Arial,Helvetica,sans-serif; text-align: left;} .spip-content .main .wrapper .content .box-texte .inner-txt-formulaire .bg-texte-formulaire{ background-color: rgba(255, 255, 255, 0.85); border: 1px solid #FFFFFF; border-radius: 0 0 12px 12px; color: #808080; overflow: none; float: left; font-family: Arial,Helvetica,sans-serif; font-size: 12px; height: 579px; line-height: 12px; padding: 0; text-align: left; width: 267px;} /*** PARTICULARITE RUBRIQUE SIMPLE 320x768px *****/ .spip-content .main .wrapper .content .box-texte .inner-txt-simple{ padding: 0px; border-radius: 0px 0px 0px 10px; font-family: Arial,Helvetica,sans-serif; text-align: left;} .spip-content .main .wrapper .content .box-texte .inner-txt-simple .bg-texte-simple{ background-color: rgba(255, 255, 255, 0.85); border-color: #FFFFFF; border-radius: 0 0 0 10px; border-style: solid; border-width: 0 1px 1px 0; color: #808080; float: left; font-family: Arial,Helvetica,sans-serif; font-size: 11px; height: 561px; line-height: 12px; overflow: auto; padding: 20px 20px 0; text-align: left; width: 228px;} /*** POUR LE PETIT MENU des SOUS RUBRIQUES en haut à droite 320x768px *****/ .spip-content .main #menu_rubriques1 { position: absolute; text-align: left; width: 248px; height: 75px; z-index: 1000; top: 416px; padding-right: 20px; left: -1px; background-color: rgba(241, 241, 241, 0.7); border-top-left-radius: 0px; border-bottom-left-radius: 12px; border-top-right-radius: 0px; border-bottom-right-radius: 12px; border: 1px solid #fff; } .spip-content .main #menu_rubriques1 li{ font-size: .8em; margin-left: 5px; list-style: none; float: left; margin-top: -7px; } .spip-content .main #menu_rubriques1 li ul li{ font-size: 1em; margin-left: 0em;} .spip-content .main #menu_rubriques1 { list-style-type:none; } .spip-content .main #menu_rubriques1 li { list-style-type: none; } .spip-content .main #menu_rubriques1 li li { list-style-type: none; } .spip-content .main #menu_rubriques1 li li li { list-style-type: none; } .spip-content .main #menu_rubriques1 hr {margin : 0.7em 0;} .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li { width: 56px; } .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li:hover { width: 56px; } .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li .spip_logos_rappel { height: 60px; width: 60px; margin-bottom: 6px; margin-left: 8px; margin-top: 3px;} .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li:hover .spip_logos_rappel {} .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li .spip_titre_rappel{ font-family: "Arial"; font-size: 9px; line-height: 10px; list-style: none outside none; margin: -14px 25px 1px 4px; position: absolute; text-align: center; width: 70px;} .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li:hover .spip_titre_rappel { } /*** Les currents 320x768px ***/ .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li .nav_current_rub{ display: none;width: 120px; } .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li .nav_current_rub .spip_logos_rappel { width: 80px; height: 80px; padding-left: 18px; padding-top: 18px; padding-bottom: 10px;} .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li .nav_current_rub .spip_titre_rappel { position: absolute; width: 120px; margin-top: -14px; margin-left:-1px; text-align: center; font-size: 14px; line-height: 14px; list-style: none;} /*** FIN de 320x768px *****/ } /************************************************** ****** MEDIA QUERY SOUS MON AILE 320x800px ******* ***************************************************/ @media screen and (min-width: 10px) and (max-width:479px) and (min-height: 800px) and (max-height: 899px){ /**** SPIP CONTENT 320x800px *****/ .contenu-mobil.spip-content{ display: none;} .contenu-desktop.spip-content{display: block; height: 343px; margin-left: 1px; margin-top: 50px; width: 268px; z-index:100;} /*** FIL d'ARIANE SPIP 320x768px *****/ .spip-content .ariane{ display: none; z-index:100; margin-top: 0px; } .spip-content .ariane .arbo{ padding-left: 10px; padding-right: 10px; font-size: 11px; line-height: 11px; width: auto; height: 20px; margin-top: 0px; text-shadow: 0 0 1px #FFFFFF, 0 0 1px #FFFFFF, 0 0 2px #FFFFFF, 0 0 5px #FFFFFF;} /*** CONTNER CONTENU SPIP 320x800px *****/ .spip-content .main { width: 518px; height: 343px; margin-left: 0px; top: -1px; z-index: 50;} .spip-content .main .wrapper .content { width: 518px; height: 343px; margin-top: 0px;} /*** TITRES TITRE DE LA RUBRIQUE-1 320x800px *****/ .titre-sma{ display: none; font-size: 20px; line-height: 2px; margin-top: 89px; padding-left: 138px; text-shadow: 0 0 1px #FFFFFF, 0 0 1px #FFFFFF, 0 0 2px #FFFFFF, 0 0 5px #FFFFFF, 0 0 10px #FFFFFF, 0 0 16px #FFFFFF; } .spip-content .main .wrapper .content .container2 { width: 1615px; margin-left:0px; margin-top: 0px;} /*** TITRES TITRE DE LA SOUS-RUBRIQUE-1 320x800px *****/ h1.titre-sma-rub1, h1.titre-sma-ssrub{ width: 210px; font-size: 14px; margin-left: 44px; margin-top: 36px; text-shadow: 0 0 1px #FFFFFF, 0 0 1px #FFFFFF, 0 0 2px #FFFFFF, 0 0 5px #FFFFFF, 0 0 10px #FFFFFF, 0 0 13px #FFFFFF;} h1.titre-sma-rub1 .spip_logos , h1.titre-sma-ssrub .spip_logos { height: 40px; margin: 0px 0 0 -20px; width: 40px;} h1.titre-sma-rub1 .descriptif, h1.titre-sma-ssrub .descriptif{ font-size: 10px; line-height: 12px; margin-top: -11px; margin-left: 0px; width: 191px;} /*** TEXTE DE LA RUBRIQUE-1 320x800px *****/ .spip-content .main .wrapper .content .texte-rub1{ border-radius: 8px 8px 0 0; font-size: 10px; height: 75px; left: 10px; line-height: 11px; margin-top: 86px; padding: 8px 7px 0 12px; width: 227px; display: block;} .spip-content .main #menu_rubriques2 { height: 320px; left: -33px; margin-top: 259px;} .spip-content .main #menu_rubriques2 li{ font-size: .8em; margin-left: -1px; margin-top: -15px; } /*** LES BLOCS 320x800px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li { width: 263px; height: 65px; z-index: 1;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:hover{ width: 263px; height: 65px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child{ left: 37px; top: 289px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2){ left: 26px; top: 198px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3){ left: 26px; top: 107px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4){ left: 26px; top: 16px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child{ left: 37px; top: -75px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child {border-top-right-radius: 0px; border-bottom-right-radius: 0px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2), .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3), .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4){ margin-left: 10px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child{ border-top-left-radius: 0px; border-bottom-left-radius: 0px; } /*** LES CADRES-INNER 320x800px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner{ width: 263px; height: 60px; padding-top: 0px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child:hover .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2):hover .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3):hover .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4):hover .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child:hover .cadre-inner{ width: 263px; height: 60px; padding-top: 0px; } .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner { border-top-right-radius: 15px; border-bottom-right-radius: 15px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner{} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner { border-top-left-radius: 0px; border-bottom-left-radius: 0px;} /*** LES CADRES-ITEM 320x800px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item{ width: 246px; height: 90px; margin-left: 7px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item{ border-top-left-radius: 0px; border-bottom-left-radius: 8px; border-top-right-radius: 0px; border-bottom-right-radius: 8px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item{ border-top-left-radius: 0px; border-bottom-left-radius: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 0px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item{ border-top-left-radius: 0px; border-bottom-left-radius: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 0px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child:hover .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2):hover .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3):hover .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4):hover .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child:hover .cadre-inner .cadre-item{ box-shadow: 0 0 2px #FFFFFF, 0 0 5px #FFFFFF, 0 0 10px #ffffff, 0 0 18px #ffffff; } .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child:hover .cadre-inner .cadre-item{ border-top-left-radius: 0px; border-bottom-left-radius: 8px; border-top-right-radius: 0px; border-bottom-right-radius: 8px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2):hover .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3):hover .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4):hover .cadre-inner .cadre-item{ border-top-left-radius: 0px; border-bottom-left-radius: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 0px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child:hover .cadre-inner .cadre-item{ border-top-left-radius: 0px; border-bottom-left-radius: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 0px;} /*** LES CADRES-ITEM-FINAL 320x800px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final{ width: 236px; height: 80px; margin-left: 4px; margin-top: 4px; } /*** CADRE ITEM FIX ***/ /*** Gradient Red ***/ /*** Gradient Orange ***/ /*** Gradient Yellow ***/ /*** Gradient Green ***/ /*** Gradient Blue ***/ /** COLOR INSIDE = DEGRADE GRIS 320x800px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final .color-inside{ width: 228px; height: 72px; left: 16px; margin-top: 3px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final .color-inside{ border-top-left-radius: 4px; border-bottom-left-radius: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final .color-inside{ border-top-left-radius: 4px; border-bottom-left-radius: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final .color-inside{ border-top-left-radius: 4px; border-bottom-left-radius: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final{ border-top-left-radius: 7px; border-bottom-left-radius: 7px; border-top-right-radius: 7px; border-bottom-right-radius: 7px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final{ border-top-left-radius: 7px; border-bottom-left-radius: 7px; border-top-right-radius: 7px; border-bottom-right-radius: 7px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final{ border-top-left-radius: 7px; border-bottom-left-radius: 7px; border-top-right-radius: 7px; border-bottom-right-radius: 7px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child:hover .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2):hover .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3):hover .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4):hover .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child:hover .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child:hover .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2):hover .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3):hover .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4):hover .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child:hover .cadre-inner .cadre-item .cadre-item-final{ width: 236px; height: 80px; margin-left: 4px; margin-top: 4px; } /*** Les LOGOS 320x800px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .spip_logos_rappel{ position: absolute; height: 30px; margin-left: -1px; margin-top: -5px; width: 30px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child:hover .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2):hover .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3):hover .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4):hover .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child:hover .cadre-inner .spip_logos_rappel{ height: 30px; margin-left: -1px; margin-top: -5px; width: 30px;} /*** Les TITRES 320x800px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li .spip_titre_rappel{ font-size: 13px; left: 29px; line-height: 14px; padding: 6px 0; text-align: left; text-shadow: 0 0 1px #FFFFFF, 0 0 1px #FFFFFF, 0 0 2px #FFFFFF, 0 0 5px #FFFFFF, 0 0 10px #FFFFFF, 0 0 16px #FFFFFF; top: -3px; width: 185px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:hover .spip_titre_rappel{ text-shadow: 0 0 1px #FFFFFF, 0 0 1px #FFFFFF, 0 0 2px #FFFFFF, 0 0 5px #FFFFFF, 0 0 10px #FFFFFF, 0 0 16px #FFFFFF;} /*** Les DESCRIPTIFS V1 avec titre sur 1 ligne 320x800px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li .spip_descriptif_item-rappel{ display: none; width: 200px; margin-top: 0px; margin-left: 19px; font-size: 13px; line-height: 15px; padding: 10px 5px 1px 15px; border-radius: 10px;} /*** Les DESCRIPTIFS V2 avec titre sur 2 lignes 320x800px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li .spip_descriptif_item-rappel2{ display: block; border-radius: 6px; font-size: 9px; line-height: 9px; margin-left: -1px; margin-top: -1px; padding: 21px 4px 1px 26px; width: 198px; height: 49px;} /*** POUR Les BTNS COULEURS(noir en fait) 320x800px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final .color-inside .mon-btn-color, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final .color-inside .mon-btn-color, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final .color-inside .mon-btn-color, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final .color-inside .mon-btn-color, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final .color-inside .mon-btn-color{ display: block; border-radius: 5px; color: #FFFFFF; font-size: 8px; line-height: 0; margin-left: -2px; margin-top: -14px; padding: 5px 4px 7px 95px; width: 56.5%; z-index: 1000;} /*** POUR Les BTNS NOIR 320x800px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final-fix .color-inside .mon-btn, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside .mon-btn, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside .mon-btn, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside .mon-btn, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final-fix .color-inside .mon-btn{ left: 0px; width: 36%; font-size: 16px; line-height: 16px; padding-left: 10px; padding-right: 10px; padding-top: 10px; padding-bottom: 10px; border-radius: 10px; margin-left: 74px; margin-top: 18px; } /******************************************************************************* LES SOUS-RUBRIQUE DE CONTENU 320x800px ************************************************************************************/ /*** CONTENU RUBRIQUES ITEMS 320x800px *****/ .spip-content .main .wrapper .content .box-texte{ background-color: rgba(255, 255, 255, 0.25); border: 1px solid #FFFFFF; border-radius: 0 0 12px 12px; left: -1px; position: absolute; text-shadow: none; top: 150px; transition: all 0.35s ease-in-out 0s; width: 268px; height: 616px; z-index: 10;} .spip-content .main .wrapper .content .box-texte .inner-txt{ padding: 0px; border-radius: 10px 0px 0px 10px;} .spip-content .main .wrapper .content .box-texte .inner-txt .bg-texte{ width: 268px; height: 540px; padding: 0px; border-radius: 0px; background-color: rgba(255, 255, 255, 0.85); border: 0px solid #fff;} .spip-content .main .wrapper .content .box-texte .inner-txt .bg-texte .texte{ border-radius: 0 0 8px 8px; color: #808080; float: left; font-family: Arial,Helvetica,sans-serif; font-size: 10px; line-height: 11px; margin-left: -15px; overflow: auto; padding: 10px 20px 0 10px; text-align: left; width: 258px; height: 530px; } .spip_document_1, .spip_document_2, .spip_document_3, .spip_document_4, .spip_document_5, .spip_document_6, .spip_document_7, .spip_document_8, .spip_document_9, .spip_document_10, .spip_document_11, .spip_document_12, .spip_document_13, .spip_document_14, .spip_document_15, .spip_document_16, .spip_document_17, .spip_document_18, .spip_document_19, .spip_document_20, .spip_document_21, .spip_document_22, .spip_document_23, .spip_document_24, .spip_document_25, .spip_document_26, .spip_document_27, .spip_document_28, .spip_document_29, .spip_document_30, .spip_document_31, .spip_document_32, .spip_document_33, .spip_document_34, .spip_document_35, .spip_document_36, .spip_document_37, .spip_document_38, .spip_document_39, .spip_document_40, .spip_document_41, .spip_document_42, .spip_document_43, .spip_document_44, .spip_document_45, .spip_document_46, .spip_document_47, .spip_document_48, .spip_document_49, .spip_document_50, .spip_document_51, .spip_document_52, .spip_document_53, .spip_document_54, .spip_document_55, .spip_document_56, .spip_document_57, .spip_document_58, .spip_document_59, .spip_document_60, .spip_document_61, .spip_document_62, .spip_document_63, .spip_document_64, .spip_document_65, .spip_document_66, .spip_document_67, .spip_document_68, .spip_document_69, .spip_document_70, .spip_document_71, .spip_document_72{ width: 30px!important; height: 60px!important; margin-left: 0px; margin-top: 0px; background-color: transparent;} p { margin: 0 0 0px;} /*** TEXTE DE LA RUBRIQUE-B 320x800px *****/ .spip-content .main .wrapper .content .texte-rub1{ background-color: rgba(241, 241, 241, 0); border: 0px solid #FFFFFF; border-radius: 8px 8px 0 0; color: #555555; float: left; font-family: Arial,Helvetica,sans-serif; font-size: 10px; height: 54px; left: 10px; line-height: 12px; padding: 4px 10px 2px 5px; position: absolute; text-align: left; top: 20px; width: 238px;} .spip-content .main #menu_rubriques1 { width: 1600px; height: 350px; left: 70px; margin-top: 240px;} .spip-content .main #menu_rubriques1 li{ font-size: .8em; margin-left: -1px; margin-top: -15px; } /*** DESCRIPTIF SSRUB 320x800px *****/ .spip-content .main .wrapper .content .descriptif-ssrub{ background-color: rgba(241, 241, 241, 0); border: 0px solid #FFFFFF; border-radius: 0; color: #555555; float: left; font-family: Arial,Helvetica,sans-serif; font-size: 10px; left: -1px; line-height: 11px; padding: 35px 20px 0; position: absolute; text-align: left; top: 63px; width: 230px; height: 52px; z-index: 1;} /*** TAILLE DE L'IMAGE DANS LE CORPS DE TEXTE SPIP 320x800px *****/ .spip_documents_left img{width: 30px; height: 30px; margin-left: 8px; margin-top: -3px; background-color: #fbfbfb;} /*** PARTICULARITE RUBRIQUE FORMULAIRE 320x800px *****/ .spip-content .main .wrapper .content .box-texte .inner-txt-formulaire{ padding: 0px; border-radius: 10px 0px 0px 10px; font-family: Arial,Helvetica,sans-serif; text-align: left;} .spip-content .main .wrapper .content .box-texte .inner-txt-formulaire .bg-texte-formulaire{ background-color: rgba(255, 255, 255, 0.85); border: 1px solid #FFFFFF; border-radius: 0 0 12px 12px; color: #808080; overflow: none; float: left; font-family: Arial,Helvetica,sans-serif; font-size: 12px; height: 614px; line-height: 12px; padding: 0; text-align: left; width: 267px;} /*** PARTICULARITE RUBRIQUE SIMPLE 320x800px *****/ .spip-content .main .wrapper .content .box-texte .inner-txt-simple{ padding: 0px; border-radius: 0px 0px 0px 10px; font-family: Arial,Helvetica,sans-serif; text-align: left;} .spip-content .main .wrapper .content .box-texte .inner-txt-simple .bg-texte-simple{ background-color: rgba(255, 255, 255, 0.85); border-color: #FFFFFF; border-radius: 0 0 0 10px; border-style: solid; border-width: 0 1px 1px 0; color: #808080; float: left; font-family: Arial,Helvetica,sans-serif; font-size: 11px; height: 596px; line-height: 12px; overflow: auto; padding: 20px 20px 0; text-align: left; width: 228px;} /*** POUR LE PETIT MENU des SOUS RUBRIQUES en haut à droite 320x800px *****/ .spip-content .main #menu_rubriques1 { position: absolute; text-align: left; width: 248px; height: 75px; z-index: 1000; top: 451px; padding-right: 20px; left: -1px; background-color: rgba(241, 241, 241, 0.7); border-top-left-radius: 0px; border-bottom-left-radius: 12px; border-top-right-radius: 0px; border-bottom-right-radius: 12px; border: 1px solid #fff; } .spip-content .main #menu_rubriques1 li{ font-size: .8em; margin-left: 5px; list-style: none; float: left; margin-top: -7px; } .spip-content .main #menu_rubriques1 li ul li{ font-size: 1em; margin-left: 0em;} .spip-content .main #menu_rubriques1 { list-style-type:none; } .spip-content .main #menu_rubriques1 li { list-style-type: none; } .spip-content .main #menu_rubriques1 li li { list-style-type: none; } .spip-content .main #menu_rubriques1 li li li { list-style-type: none; } .spip-content .main #menu_rubriques1 hr {margin : 0.7em 0;} .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li { width: 56px; } .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li:hover { width: 56px; } .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li .spip_logos_rappel { height: 60px; width: 60px; margin-bottom: 6px; margin-left: 8px; margin-top: 3px;} .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li:hover .spip_logos_rappel {} .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li .spip_titre_rappel{ font-family: "Arial"; font-size: 9px; line-height: 10px; list-style: none outside none; margin: -14px 25px 1px 4px; position: absolute; text-align: center; width: 70px;} .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li:hover .spip_titre_rappel { } /*** Les currents 320x800px ***/ .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li .nav_current_rub{ display: none;width: 120px; } .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li .nav_current_rub .spip_logos_rappel { width: 80px; height: 80px; padding-left: 18px; padding-top: 18px; padding-bottom: 10px;} .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li .nav_current_rub .spip_titre_rappel { position: absolute; width: 120px; margin-top: -14px; margin-left:-1px; text-align: center; font-size: 14px; line-height: 14px; list-style: none;} /*** FIN de 320x800px *****/ } /************************************************** ****** MEDIA QUERY SOUS MON AILE 320x900px ******* ***************************************************/ @media screen and (min-width: 10px) and (max-width:479px) and (min-height:900px) and (max-height: 1023px){ /**** SPIP CONTENT 320x900px *****/ .contenu-mobil.spip-content{ display: none;} .contenu-desktop.spip-content{display: block; height: 343px; margin-left: 1px; margin-top: 50px; width: 268px; z-index:100;} /*** FIL d'ARIANE SPIP 320x900px *****/ .spip-content .ariane{ display: none; z-index:100; margin-top: 0px; } .spip-content .ariane .arbo{ padding-left: 10px; padding-right: 10px; font-size: 11px; line-height: 11px; width: auto; height: 20px; margin-top: 0px; text-shadow: 0 0 1px #FFFFFF, 0 0 1px #FFFFFF, 0 0 2px #FFFFFF, 0 0 5px #FFFFFF;} /*** CONTNER CONTENU SPIP 320x900px *****/ .spip-content .main { width: 518px; height: 343px; margin-left: 0px; top: -1px; z-index: 50;} .spip-content .main .wrapper .content { width: 518px; height: 343px; margin-top: 0px;} /*** TITRES TITRE DE LA RUBRIQUE-1 320x900px *****/ .titre-sma{ display: none; font-size: 20px; line-height: 2px; margin-top: 89px; padding-left: 138px; text-shadow: 0 0 1px #FFFFFF, 0 0 1px #FFFFFF, 0 0 2px #FFFFFF, 0 0 5px #FFFFFF, 0 0 10px #FFFFFF, 0 0 16px #FFFFFF; } .spip-content .main .wrapper .content .container2 { width: 1615px; margin-left:0px; margin-top: 0px;} /*** TITRES TITRE DE LA SOUS-RUBRIQUE-1 320x900px *****/ h1.titre-sma-rub1, h1.titre-sma-ssrub{ width: 210px; font-size: 14px; margin-left: 44px; margin-top: 36px; text-shadow: 0 0 1px #FFFFFF, 0 0 1px #FFFFFF, 0 0 2px #FFFFFF, 0 0 5px #FFFFFF, 0 0 10px #FFFFFF, 0 0 13px #FFFFFF;} h1.titre-sma-rub1 .spip_logos , h1.titre-sma-ssrub .spip_logos { height: 40px; margin: 0px 0 0 -20px; width: 40px;} h1.titre-sma-rub1 .descriptif, h1.titre-sma-ssrub .descriptif{ font-size: 10px; line-height: 12px; margin-top: -11px; margin-left: 0px; width: 191px;} /*** TEXTE DE LA RUBRIQUE-1 320x900px *****/ .spip-content .main .wrapper .content .texte-rub1{ border-radius: 8px 8px 0 0; font-size: 10px; height: 75px; left: 10px; line-height: 11px; margin-top: 86px; padding: 8px 7px 0 12px; width: 227px; display: block;} .spip-content .main #menu_rubriques2 { height: 320px; left: -33px; margin-top: 259px;} .spip-content .main #menu_rubriques2 li{ font-size: .8em; margin-left: -1px; margin-top: -15px; } /*** LES BLOCS 320x900px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li { width: 263px; height: 65px; z-index: 1;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:hover{ width: 263px; height: 65px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child{ left: 37px; top: 289px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2){ left: 26px; top: 198px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3){ left: 26px; top: 107px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4){ left: 26px; top: 16px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child{ left: 37px; top: -75px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child {border-top-right-radius: 0px; border-bottom-right-radius: 0px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2), .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3), .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4){ margin-left: 10px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child{ border-top-left-radius: 0px; border-bottom-left-radius: 0px; } /*** LES CADRES-INNER 320x900px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner{ width: 263px; height: 60px; padding-top: 0px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child:hover .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2):hover .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3):hover .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4):hover .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child:hover .cadre-inner{ width: 263px; height: 60px; padding-top: 0px; } .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner { border-top-right-radius: 15px; border-bottom-right-radius: 15px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner{} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner { border-top-left-radius: 0px; border-bottom-left-radius: 0px;} /*** LES CADRES-ITEM 320x900px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item{ width: 246px; height: 90px; margin-left: 7px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item{ border-top-left-radius: 0px; border-bottom-left-radius: 8px; border-top-right-radius: 0px; border-bottom-right-radius: 8px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item{ border-top-left-radius: 0px; border-bottom-left-radius: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 0px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item{ border-top-left-radius: 0px; border-bottom-left-radius: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 0px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child:hover .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2):hover .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3):hover .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4):hover .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child:hover .cadre-inner .cadre-item{ box-shadow: 0 0 2px #FFFFFF, 0 0 5px #FFFFFF, 0 0 10px #ffffff, 0 0 18px #ffffff; } .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child:hover .cadre-inner .cadre-item{ border-top-left-radius: 0px; border-bottom-left-radius: 8px; border-top-right-radius: 0px; border-bottom-right-radius: 8px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2):hover .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3):hover .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4):hover .cadre-inner .cadre-item{ border-top-left-radius: 0px; border-bottom-left-radius: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 0px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child:hover .cadre-inner .cadre-item{ border-top-left-radius: 0px; border-bottom-left-radius: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 0px;} /*** LES CADRES-ITEM-FINAL 320x900px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final{ width: 236px; height: 80px; margin-left: 4px; margin-top: 4px; } /*** CADRE ITEM FIX ***/ /*** Gradient Red ***/ /*** Gradient Orange ***/ /*** Gradient Yellow ***/ /*** Gradient Green ***/ /*** Gradient Blue ***/ /** COLOR INSIDE = DEGRADE GRIS 320x900px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final .color-inside{ width: 228px; height: 72px; left: 16px; margin-top: 3px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final .color-inside{ border-top-left-radius: 4px; border-bottom-left-radius: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final .color-inside{ border-top-left-radius: 4px; border-bottom-left-radius: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final .color-inside{ border-top-left-radius: 4px; border-bottom-left-radius: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final{ border-top-left-radius: 7px; border-bottom-left-radius: 7px; border-top-right-radius: 7px; border-bottom-right-radius: 7px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final{ border-top-left-radius: 7px; border-bottom-left-radius: 7px; border-top-right-radius: 7px; border-bottom-right-radius: 7px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final{ border-top-left-radius: 7px; border-bottom-left-radius: 7px; border-top-right-radius: 7px; border-bottom-right-radius: 7px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child:hover .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2):hover .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3):hover .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4):hover .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child:hover .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child:hover .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2):hover .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3):hover .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4):hover .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child:hover .cadre-inner .cadre-item .cadre-item-final{ width: 236px; height: 80px; margin-left: 4px; margin-top: 4px; } /*** Les LOGOS 320x900px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .spip_logos_rappel{ position: absolute; height: 30px; margin-left: -1px; margin-top: -5px; width: 30px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child:hover .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2):hover .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3):hover .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4):hover .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child:hover .cadre-inner .spip_logos_rappel{ height: 30px; margin-left: -1px; margin-top: -5px; width: 30px;} /*** Les TITRES 320x900px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li .spip_titre_rappel{ font-size: 13px; left: 29px; line-height: 14px; padding: 6px 0; text-align: left; text-shadow: 0 0 1px #FFFFFF, 0 0 1px #FFFFFF, 0 0 2px #FFFFFF, 0 0 5px #FFFFFF, 0 0 10px #FFFFFF, 0 0 16px #FFFFFF; top: -3px; width: 185px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:hover .spip_titre_rappel{ text-shadow: 0 0 1px #FFFFFF, 0 0 1px #FFFFFF, 0 0 2px #FFFFFF, 0 0 5px #FFFFFF, 0 0 10px #FFFFFF, 0 0 16px #FFFFFF;} /*** Les DESCRIPTIFS V1 avec titre sur 1 ligne 320x900px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li .spip_descriptif_item-rappel{ display: none; width: 200px; margin-top: 0px; margin-left: 19px; font-size: 13px; line-height: 15px; padding: 10px 5px 1px 15px; border-radius: 10px;} /*** Les DESCRIPTIFS V2 avec titre sur 2 lignes 320x900px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li .spip_descriptif_item-rappel2{ display: block; border-radius: 6px; font-size: 9px; line-height: 9px; margin-left: -1px; margin-top: -1px; padding: 21px 4px 1px 26px; width: 198px; height: 49px;} /*** POUR Les BTNS COULEURS(noir en fait) 320x900px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final .color-inside .mon-btn-color, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final .color-inside .mon-btn-color, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final .color-inside .mon-btn-color, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final .color-inside .mon-btn-color, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final .color-inside .mon-btn-color{ display: block; border-radius: 5px; color: #FFFFFF; font-size: 8px; line-height: 0; margin-left: -2px; margin-top: -14px; padding: 5px 4px 7px 95px; width: 56.5%; z-index: 1000;} /*** POUR Les BTNS NOIR 320x900px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final-fix .color-inside .mon-btn, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside .mon-btn, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside .mon-btn, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside .mon-btn, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final-fix .color-inside .mon-btn{ left: 0px; width: 36%; font-size: 16px; line-height: 16px; padding-left: 10px; padding-right: 10px; padding-top: 10px; padding-bottom: 10px; border-radius: 10px; margin-left: 74px; margin-top: 18px; } /******************************************************************************* LES SOUS-RUBRIQUE DE CONTENU 320x900px ************************************************************************************/ /*** CONTENU RUBRIQUES ITEMS 320x900px *****/ .spip-content .main .wrapper .content .box-texte{ background-color: rgba(255, 255, 255, 0.25); border: 1px solid #FFFFFF; border-radius: 0 0 12px 12px; left: -1px; position: absolute; text-shadow: none; top: 150px; transition: all 0.35s ease-in-out 0s; width: 268px; height: 712px; z-index: 10;} .spip-content .main .wrapper .content .box-texte .inner-txt{ padding: 0px; border-radius: 10px 0px 0px 10px;} .spip-content .main .wrapper .content .box-texte .inner-txt .bg-texte{ width: 268px; height: 636px; padding: 0px; border-radius: 0px; background-color: rgba(255, 255, 255, 0.85); border: 0px solid #fff;} .spip-content .main .wrapper .content .box-texte .inner-txt .bg-texte .texte{ border-radius: 0 0 8px 8px; color: #808080; float: left; font-family: Arial,Helvetica,sans-serif; font-size: 10px; line-height: 11px; margin-left: -15px; overflow: auto; padding: 10px 10px 0 10px; text-align: left; width: 268px; height: 530px; } .spip_document_1, .spip_document_2, .spip_document_3, .spip_document_4, .spip_document_5, .spip_document_6, .spip_document_7, .spip_document_8, .spip_document_9, .spip_document_10, .spip_document_11, .spip_document_12, .spip_document_13, .spip_document_14, .spip_document_15, .spip_document_16, .spip_document_17, .spip_document_18, .spip_document_19, .spip_document_20, .spip_document_21, .spip_document_22, .spip_document_23, .spip_document_24, .spip_document_25, .spip_document_26, .spip_document_27, .spip_document_28, .spip_document_29, .spip_document_30, .spip_document_31, .spip_document_32, .spip_document_33, .spip_document_34, .spip_document_35, .spip_document_36, .spip_document_37, .spip_document_38, .spip_document_39, .spip_document_40, .spip_document_41, .spip_document_42, .spip_document_43, .spip_document_44, .spip_document_45, .spip_document_46, .spip_document_47, .spip_document_48, .spip_document_49, .spip_document_50, .spip_document_51, .spip_document_52, .spip_document_53, .spip_document_54, .spip_document_55, .spip_document_56, .spip_document_57, .spip_document_58, .spip_document_59, .spip_document_60, .spip_document_61, .spip_document_62, .spip_document_63, .spip_document_64, .spip_document_65, .spip_document_66, .spip_document_67, .spip_document_68, .spip_document_69, .spip_document_70, .spip_document_71, .spip_document_72{ width: 30px!important; height: 60px!important; margin-left: 0px; margin-top: 0px; background-color: transparent;} p { margin: 0 0 0px 0px;} /*** TEXTE DE LA RUBRIQUE-B 320x900px *****/ .spip-content .main .wrapper .content .texte-rub1{ background-color: rgba(241, 241, 241, 0); border: 0px solid #FFFFFF; border-radius: 8px 8px 0 0; color: #555555; float: left; font-family: Arial,Helvetica,sans-serif; font-size: 10px; height: 54px; left: 10px; line-height: 12px; padding: 4px 10px 2px 5px; position: absolute; text-align: left; top: 20px; width: 238px;} .spip-content .main #menu_rubriques1 { width: 1600px; height: 350px; left: 70px; margin-top: 240px;} .spip-content .main #menu_rubriques1 li{ font-size: .8em; margin-left: -1px; margin-top: -15px; } /*** DESCRIPTIF SSRUB 320x900px *****/ .spip-content .main .wrapper .content .descriptif-ssrub{ background-color: rgba(241, 241, 241, 0); border: 0px solid #FFFFFF; border-radius: 0; color: #555555; float: left; font-family: Arial,Helvetica,sans-serif; font-size: 10px; left: -1px; line-height: 11px; padding: 35px 20px 0; position: absolute; text-align: left; top: 63px; width: 230px; height: 52px; z-index: 1;} /*** TAILLE DE L'IMAGE DANS LE CORPS DE TEXTE SPIP 320x900px *****/ .spip_documents_left img{width: 30px; height: 30px; margin-left: 10px; margin-top: -3px; background-color: #fbfbfb;} /*** PARTICULARITE RUBRIQUE FORMULAIRE 320x900px *****/ .spip-content .main .wrapper .content .box-texte .inner-txt-formulaire{ padding: 0px; border-radius: 10px 0px 0px 10px; font-family: Arial,Helvetica,sans-serif; text-align: left;} .spip-content .main .wrapper .content .box-texte .inner-txt-formulaire .bg-texte-formulaire{ background-color: rgba(255, 255, 255, 0.85); border: 1px solid #FFFFFF; border-radius: 0 0 12px 12px; color: #808080; overflow: none; float: left; font-family: Arial,Helvetica,sans-serif; font-size: 12px; height: 711px; line-height: 12px; padding: 0; text-align: left; width: 267px;} /*** PARTICULARITE RUBRIQUE SIMPLE 320x900px *****/ .spip-content .main .wrapper .content .box-texte .inner-txt-simple{ padding: 0px; border-radius: 0px 0px 0px 10px; font-family: Arial,Helvetica,sans-serif; text-align: left;} .spip-content .main .wrapper .content .box-texte .inner-txt-simple .bg-texte-simple{ background-color: rgba(255, 255, 255, 0.85); border-color: #FFFFFF; border-radius: 0 0 0 10px; border-style: solid; border-width: 0 1px 1px 0; color: #808080; float: left; font-family: Arial,Helvetica,sans-serif; font-size: 11px; height: 692px; line-height: 12px; overflow: auto; padding: 20px 20px 0; text-align: left; width: 228px;} /*** POUR LE PETIT MENU des SOUS RUBRIQUES en haut à droite 320x900px *****/ .spip-content .main #menu_rubriques1 { position: absolute; text-align: left; width: 248px; height: 75px; z-index: 1000; top: 547px; padding-right: 20px; left: -1px; background-color: rgba(241, 241, 241, 0.7); border-top-left-radius: 0px; border-bottom-left-radius: 12px; border-top-right-radius: 0px; border-bottom-right-radius: 12px; border: 1px solid #fff; } .spip-content .main #menu_rubriques1 li{ font-size: .8em; margin-left: 5px; list-style: none; float: left; margin-top: -7px; } .spip-content .main #menu_rubriques1 li ul li{ font-size: 1em; margin-left: 0em;} .spip-content .main #menu_rubriques1 { list-style-type:none; } .spip-content .main #menu_rubriques1 li { list-style-type: none; } .spip-content .main #menu_rubriques1 li li { list-style-type: none; } .spip-content .main #menu_rubriques1 li li li { list-style-type: none; } .spip-content .main #menu_rubriques1 hr {margin : 0.7em 0;} .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li { width: 56px; } .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li:hover { width: 56px; } .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li .spip_logos_rappel { height: 60px; width: 60px; margin-bottom: 6px; margin-left: 8px; margin-top: 3px;} .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li:hover .spip_logos_rappel {} .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li .spip_titre_rappel{ font-family: "Arial"; font-size: 9px; line-height: 10px; list-style: none outside none; margin: -14px 25px 1px 4px; position: absolute; text-align: center; width: 70px;} .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li:hover .spip_titre_rappel { } /*** Les currents 320x900px ***/ .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li .nav_current_rub{ display: none;width: 120px; } .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li .nav_current_rub .spip_logos_rappel { width: 80px; height: 80px; padding-left: 18px; padding-top: 18px; padding-bottom: 10px;} .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li .nav_current_rub .spip_titre_rappel { position: absolute; width: 120px; margin-top: -14px; margin-left:-1px; text-align: center; font-size: 14px; line-height: 14px; list-style: none;} /*** FIN de 320x900px *****/ } /************************************************** ****** MEDIA QUERY SOUS MON AILE 320x1024px ****** ***************************************************/ @media screen and (min-width: 10px) and (max-width:479px) and (min-height: 1024px) and (max-height: 1049px){ /**** SPIP CONTENT 320x1024px *****/ .contenu-mobil.spip-content{ display: none;} .contenu-desktop.spip-content{display: block; height: 343px; margin-left: 1px; margin-top: 50px; width: 268px; z-index:100;} /*** FIL d'ARIANE SPIP 320x1024px *****/ .spip-content .ariane{ display: none; z-index:100; margin-top: 0px; } .spip-content .ariane .arbo{ padding-left: 10px; padding-right: 10px; font-size: 11px; line-height: 11px; width: auto; height: 20px; margin-top: 0px; text-shadow: 0 0 1px #FFFFFF, 0 0 1px #FFFFFF, 0 0 2px #FFFFFF, 0 0 5px #FFFFFF;} /*** CONTNER CONTENU SPIP 320x1024px *****/ .spip-content .main { width: 518px; height: 343px; margin-left: 0px; top: -1px; z-index: 50;} .spip-content .main .wrapper .content { width: 518px; height: 343px; margin-top: 0px;} /*** TITRES TITRE DE LA RUBRIQUE-1 320x1024px *****/ .titre-sma{ display: none; font-size: 20px; line-height: 2px; margin-top: 89px; padding-left: 138px; text-shadow: 0 0 1px #FFFFFF, 0 0 1px #FFFFFF, 0 0 2px #FFFFFF, 0 0 5px #FFFFFF, 0 0 10px #FFFFFF, 0 0 16px #FFFFFF; } .spip-content .main .wrapper .content .container2 { width: 1615px; margin-left:0px; margin-top: 0px;} /*** TITRES TITRE DE LA SOUS-RUBRIQUE-1 320x1024px *****/ h1.titre-sma-rub1, h1.titre-sma-ssrub{ width: 210px; font-size: 14px; margin-left: 44px; margin-top: 36px; text-shadow: 0 0 1px #FFFFFF, 0 0 1px #FFFFFF, 0 0 2px #FFFFFF, 0 0 5px #FFFFFF, 0 0 10px #FFFFFF, 0 0 13px #FFFFFF;} h1.titre-sma-rub1 .spip_logos , h1.titre-sma-ssrub .spip_logos { height: 40px; margin: 0px 0 0 -20px; width: 40px;} h1.titre-sma-rub1 .descriptif, h1.titre-sma-ssrub .descriptif{ font-size: 10px; line-height: 12px; margin-top: -11px; margin-left: 0px; width: 191px;} /*** TEXTE DE LA RUBRIQUE-1 320x1024px *****/ .spip-content .main .wrapper .content .texte-rub1{ border-radius: 8px 8px 0 0; font-size: 10px; height: 75px; left: 10px; line-height: 11px; margin-top: 86px; padding: 8px 7px 0 12px; width: 227px; display: block;} .spip-content .main #menu_rubriques2 { height: 320px; left: -33px; margin-top: 259px;} .spip-content .main #menu_rubriques2 li{ font-size: .8em; margin-left: -1px; margin-top: -15px; } /*** LES BLOCS 320x1024px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li { width: 263px; height: 65px; z-index: 1;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:hover{ width: 263px; height: 65px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child{ left: 37px; top: 289px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2){ left: 26px; top: 198px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3){ left: 26px; top: 107px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4){ left: 26px; top: 16px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child{ left: 37px; top: -75px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child {border-top-right-radius: 0px; border-bottom-right-radius: 0px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2), .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3), .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4){ margin-left: 10px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child{ border-top-left-radius: 0px; border-bottom-left-radius: 0px; } /*** LES CADRES-INNER 320x1024px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner{ width: 263px; height: 60px; padding-top: 0px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child:hover .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2):hover .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3):hover .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4):hover .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child:hover .cadre-inner{ width: 263px; height: 60px; padding-top: 0px; } .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner { border-top-right-radius: 15px; border-bottom-right-radius: 15px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner{} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner { border-top-left-radius: 0px; border-bottom-left-radius: 0px;} /*** LES CADRES-ITEM 320x1024px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item{ width: 246px; height: 90px; margin-left: 7px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item{ border-top-left-radius: 0px; border-bottom-left-radius: 8px; border-top-right-radius: 0px; border-bottom-right-radius: 8px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item{ border-top-left-radius: 0px; border-bottom-left-radius: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 0px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item{ border-top-left-radius: 0px; border-bottom-left-radius: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 0px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child:hover .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2):hover .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3):hover .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4):hover .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child:hover .cadre-inner .cadre-item{ box-shadow: 0 0 2px #FFFFFF, 0 0 5px #FFFFFF, 0 0 10px #ffffff, 0 0 18px #ffffff; } .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child:hover .cadre-inner .cadre-item{ border-top-left-radius: 0px; border-bottom-left-radius: 8px; border-top-right-radius: 0px; border-bottom-right-radius: 8px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2):hover .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3):hover .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4):hover .cadre-inner .cadre-item{ border-top-left-radius: 0px; border-bottom-left-radius: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 0px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child:hover .cadre-inner .cadre-item{ border-top-left-radius: 0px; border-bottom-left-radius: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 0px;} /*** LES CADRES-ITEM-FINAL 320x1024px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final{ width: 236px; height: 80px; margin-left: 4px; margin-top: 4px; } /*** CADRE ITEM FIX ***/ /*** Gradient Red ***/ /*** Gradient Orange ***/ /*** Gradient Yellow ***/ /*** Gradient Green ***/ /*** Gradient Blue ***/ /** COLOR INSIDE = DEGRADE GRIS 320x1024px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final .color-inside{ width: 228px; height: 72px; left: 16px; margin-top: 3px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final .color-inside{ border-top-left-radius: 4px; border-bottom-left-radius: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final .color-inside{ border-top-left-radius: 4px; border-bottom-left-radius: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final .color-inside{ border-top-left-radius: 4px; border-bottom-left-radius: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final{ border-top-left-radius: 7px; border-bottom-left-radius: 7px; border-top-right-radius: 7px; border-bottom-right-radius: 7px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final{ border-top-left-radius: 7px; border-bottom-left-radius: 7px; border-top-right-radius: 7px; border-bottom-right-radius: 7px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final{ border-top-left-radius: 7px; border-bottom-left-radius: 7px; border-top-right-radius: 7px; border-bottom-right-radius: 7px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child:hover .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2):hover .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3):hover .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4):hover .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child:hover .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child:hover .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2):hover .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3):hover .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4):hover .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child:hover .cadre-inner .cadre-item .cadre-item-final{ width: 236px; height: 80px; margin-left: 4px; margin-top: 4px; } /*** Les LOGOS 320x1024px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .spip_logos_rappel{ position: absolute; height: 30px; margin-left: -1px; margin-top: -5px; width: 30px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child:hover .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2):hover .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3):hover .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4):hover .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child:hover .cadre-inner .spip_logos_rappel{ height: 30px; margin-left: -1px; margin-top: -5px; width: 30px;} /*** Les TITRES 320x1024px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li .spip_titre_rappel{ font-size: 13px; left: 29px; line-height: 14px; padding: 6px 0; text-align: left; text-shadow: 0 0 1px #FFFFFF, 0 0 1px #FFFFFF, 0 0 2px #FFFFFF, 0 0 5px #FFFFFF, 0 0 10px #FFFFFF, 0 0 16px #FFFFFF; top: -3px; width: 185px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:hover .spip_titre_rappel{ text-shadow: 0 0 1px #FFFFFF, 0 0 1px #FFFFFF, 0 0 2px #FFFFFF, 0 0 5px #FFFFFF, 0 0 10px #FFFFFF, 0 0 16px #FFFFFF;} /*** Les DESCRIPTIFS V1 avec titre sur 1 ligne 320x1024px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li .spip_descriptif_item-rappel{ display: none; width: 200px; margin-top: 0px; margin-left: 19px; font-size: 13px; line-height: 15px; padding: 10px 5px 1px 15px; border-radius: 10px;} /*** Les DESCRIPTIFS V2 avec titre sur 2 lignes 320x1024px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li .spip_descriptif_item-rappel2{ display: block; border-radius: 6px; font-size: 9px; line-height: 9px; margin-left: -1px; margin-top: -1px; padding: 21px 4px 1px 26px; width: 198px; height: 49px;} /*** POUR Les BTNS COULEURS(noir en fait) 320x1024px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final .color-inside .mon-btn-color, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final .color-inside .mon-btn-color, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final .color-inside .mon-btn-color, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final .color-inside .mon-btn-color, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final .color-inside .mon-btn-color{ display: block; border-radius: 5px; color: #FFFFFF; font-size: 8px; line-height: 0; margin-left: -2px; margin-top: -14px; padding: 5px 4px 7px 95px; width: 56.5%; z-index: 1000;} /*** POUR Les BTNS NOIR 320x1024px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final-fix .color-inside .mon-btn, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside .mon-btn, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside .mon-btn, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside .mon-btn, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final-fix .color-inside .mon-btn{ left: 0px; width: 36%; font-size: 16px; line-height: 16px; padding-left: 10px; padding-right: 10px; padding-top: 10px; padding-bottom: 10px; border-radius: 10px; margin-left: 74px; margin-top: 18px; } /******************************************************************************* LES SOUS-RUBRIQUE DE CONTENU 320x1024px ************************************************************************************/ /*** CONTENU RUBRIQUES ITEMS 320x1024px *****/ .spip-content .main .wrapper .content .box-texte{ background-color: rgba(255, 255, 255, 0.25); border: 1px solid #FFFFFF; border-radius: 0 0 12px 12px; left: -1px; position: absolute; text-shadow: none; top: 150px; transition: all 0.35s ease-in-out 0s; width: 268px; height: 833px; z-index: 10;} .spip-content .main .wrapper .content .box-texte .inner-txt{ padding: 0px; border-radius: 10px 0px 0px 10px;} .spip-content .main .wrapper .content .box-texte .inner-txt .bg-texte{ width: 268px; height: 757px; padding: 0px; border-radius: 0px; background-color: rgba(255, 255, 255, 0.85); border: 0px solid #fff;} .spip-content .main .wrapper .content .box-texte .inner-txt .bg-texte .texte{ border-radius: 0 0 8px 8px; color: #808080; float: left; font-family: Arial,Helvetica,sans-serif; font-size: 10px; line-height: 11px; margin-left: -15px; overflow: auto; padding: 10px 10px 0 10px; text-align: left; width: 268px; height: 747px; } .spip_document_1, .spip_document_2, .spip_document_3, .spip_document_4, .spip_document_5, .spip_document_6, .spip_document_7, .spip_document_8, .spip_document_9, .spip_document_10, .spip_document_11, .spip_document_12, .spip_document_13, .spip_document_14, .spip_document_15, .spip_document_16, .spip_document_17, .spip_document_18, .spip_document_19, .spip_document_20, .spip_document_21, .spip_document_22, .spip_document_23, .spip_document_24, .spip_document_25, .spip_document_26, .spip_document_27, .spip_document_28, .spip_document_29, .spip_document_30, .spip_document_31, .spip_document_32, .spip_document_33, .spip_document_34, .spip_document_35, .spip_document_36, .spip_document_37, .spip_document_38, .spip_document_39, .spip_document_40, .spip_document_41, .spip_document_42, .spip_document_43, .spip_document_44, .spip_document_45, .spip_document_46, .spip_document_47, .spip_document_48, .spip_document_49, .spip_document_50, .spip_document_51, .spip_document_52, .spip_document_53, .spip_document_54, .spip_document_55, .spip_document_56, .spip_document_57, .spip_document_58, .spip_document_59, .spip_document_60, .spip_document_61, .spip_document_62, .spip_document_63, .spip_document_64, .spip_document_65, .spip_document_66, .spip_document_67, .spip_document_68, .spip_document_69, .spip_document_70, .spip_document_71, .spip_document_72{ width: 30px!important; height: 60px!important; margin-left: 0px; margin-top: 0px; background-color: transparent;} p { margin: 0 0 0px;} /*** TEXTE DE LA RUBRIQUE-B 320x1024px *****/ .spip-content .main .wrapper .content .texte-rub1{ background-color: rgba(241, 241, 241, 0); border: 0px solid #FFFFFF; border-radius: 8px 8px 0 0; color: #555555; float: left; font-family: Arial,Helvetica,sans-serif; font-size: 10px; height: 54px; left: 10px; line-height: 12px; padding: 4px 10px 2px 5px; position: absolute; text-align: left; top: 20px; width: 238px;} .spip-content .main #menu_rubriques1 { width: 1600px; height: 350px; left: 70px; margin-top: 240px;} .spip-content .main #menu_rubriques1 li{ font-size: .8em; margin-left: -1px; margin-top: -15px; } /*** DESCRIPTIF SSRUB 320x1024px *****/ .spip-content .main .wrapper .content .descriptif-ssrub{ background-color: rgba(241, 241, 241, 0); border: 0px solid #FFFFFF; border-radius: 0; color: #555555; float: left; font-family: Arial,Helvetica,sans-serif; font-size: 10px; left: -1px; line-height: 11px; padding: 35px 20px 0; position: absolute; text-align: left; top: 63px; width: 230px; height: 52px; z-index: 1;} /*** TAILLE DE L'IMAGE DANS LE CORPS DE TEXTE SPIP 320x1024px *****/ .spip_documents_left img{width: 30px; height: 30px; margin-left: 10px; margin-top: -3px; background-color: #fbfbfb;} /*** PARTICULARITE RUBRIQUE FORMULAIRE 320x1024px *****/ .spip-content .main .wrapper .content .box-texte .inner-txt-formulaire{ padding: 0px; border-radius: 10px 0px 0px 10px; font-family: Arial,Helvetica,sans-serif; text-align: left;} .spip-content .main .wrapper .content .box-texte .inner-txt-formulaire .bg-texte-formulaire{ background-color: rgba(255, 255, 255, 0.85); border: 1px solid #FFFFFF; border-radius: 0 0 12px 12px; color: #808080; overflow: none; float: left; font-family: Arial,Helvetica,sans-serif; font-size: 12px; height: 832px; line-height: 12px; padding: 0; text-align: left; width: 267px;} /*** PARTICULARITE RUBRIQUE SIMPLE 320x1024px *****/ .spip-content .main .wrapper .content .box-texte .inner-txt-simple{ padding: 0px; border-radius: 0px 0px 0px 10px; font-family: Arial,Helvetica,sans-serif; text-align: left;} .spip-content .main .wrapper .content .box-texte .inner-txt-simple .bg-texte-simple{ background-color: rgba(255, 255, 255, 0.85); border-color: #FFFFFF; border-radius: 0 0 0 10px; border-style: solid; border-width: 0 1px 1px 0; color: #808080; float: left; font-family: Arial,Helvetica,sans-serif; font-size: 11px; height: 813px; line-height: 12px; overflow: auto; padding: 20px 20px 0; text-align: left; width: 228px;} /*** POUR LE PETIT MENU des SOUS RUBRIQUES en haut à droite 320x1024px *****/ .spip-content .main #menu_rubriques1 { position: absolute; text-align: left; width: 248px; height: 75px; z-index: 1000; top: 668px; padding-right: 20px; left: -1px; background-color: rgba(241, 241, 241, 0.7); border-top-left-radius: 0px; border-bottom-left-radius: 12px; border-top-right-radius: 0px; border-bottom-right-radius: 12px; border: 1px solid #fff; } .spip-content .main #menu_rubriques1 li{ font-size: .8em; margin-left: 5px; list-style: none; float: left; margin-top: -7px; } .spip-content .main #menu_rubriques1 li ul li{ font-size: 1em; margin-left: 0em;} .spip-content .main #menu_rubriques1 { list-style-type:none; } .spip-content .main #menu_rubriques1 li { list-style-type: none; } .spip-content .main #menu_rubriques1 li li { list-style-type: none; } .spip-content .main #menu_rubriques1 li li li { list-style-type: none; } .spip-content .main #menu_rubriques1 hr {margin : 0.7em 0;} .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li { width: 56px; } .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li:hover { width: 56px; } .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li .spip_logos_rappel { height: 60px; width: 60px; margin-bottom: 6px; margin-left: 8px; margin-top: 3px;} .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li:hover .spip_logos_rappel {} .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li .spip_titre_rappel{ font-family: "Arial"; font-size: 9px; line-height: 10px; list-style: none outside none; margin: -14px 25px 1px 4px; position: absolute; text-align: center; width: 70px;} .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li:hover .spip_titre_rappel { } /*** Les currents 320x1024px ***/ .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li .nav_current_rub{ display: none;width: 120px; } .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li .nav_current_rub .spip_logos_rappel { width: 80px; height: 80px; padding-left: 18px; padding-top: 18px; padding-bottom: 10px;} .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li .nav_current_rub .spip_titre_rappel { position: absolute; width: 120px; margin-top: -14px; margin-left:-1px; text-align: center; font-size: 14px; line-height: 14px; list-style: none;} /*** FIN de 320x1024px *****/ } /************************************************** ****** MEDIA QUERY SOUS MON AILE 320x1050px ****** ***************************************************/ @media screen and (min-width: 10px) and (max-width:479px) and (min-height: 1050px) and (max-height: 1080px){ /**** SPIP CONTENT 320x1050px *****/ .contenu-mobil.spip-content{ display: none;} .contenu-desktop.spip-content{display: block; height: 343px; margin-left: 1px; margin-top: 50px; width: 268px; z-index:100;} /*** FIL d'ARIANE SPIP 320x1050px *****/ .spip-content .ariane{ display: none; z-index:100; margin-top: 0px; } .spip-content .ariane .arbo{ padding-left: 10px; padding-right: 10px; font-size: 11px; line-height: 11px; width: auto; height: 20px; margin-top: 0px; text-shadow: 0 0 1px #FFFFFF, 0 0 1px #FFFFFF, 0 0 2px #FFFFFF, 0 0 5px #FFFFFF;} /*** CONTNER CONTENU SPIP 320x1050px *****/ .spip-content .main { width: 518px; height: 343px; margin-left: 0px; top: -1px; z-index: 50;} .spip-content .main .wrapper .content { width: 518px; height: 343px; margin-top: 0px;} /*** TITRES TITRE DE LA RUBRIQUE-1 320x1050px *****/ .titre-sma{ display: none; font-size: 20px; line-height: 2px; margin-top: 89px; padding-left: 138px; text-shadow: 0 0 1px #FFFFFF, 0 0 1px #FFFFFF, 0 0 2px #FFFFFF, 0 0 5px #FFFFFF, 0 0 10px #FFFFFF, 0 0 16px #FFFFFF; } .spip-content .main .wrapper .content .container2 { width: 1615px; margin-left:0px; margin-top: 0px;} /*** TITRES TITRE DE LA SOUS-RUBRIQUE-1 320x1050px *****/ h1.titre-sma-rub1, h1.titre-sma-ssrub{ width: 210px; font-size: 14px; margin-left: 44px; margin-top: 36px; text-shadow: 0 0 1px #FFFFFF, 0 0 1px #FFFFFF, 0 0 2px #FFFFFF, 0 0 5px #FFFFFF, 0 0 10px #FFFFFF, 0 0 13px #FFFFFF;} h1.titre-sma-rub1 .spip_logos , h1.titre-sma-ssrub .spip_logos { height: 40px; margin: 0px 0 0 -20px; width: 40px;} h1.titre-sma-rub1 .descriptif, h1.titre-sma-ssrub .descriptif{ font-size: 10px; line-height: 12px; margin-top: -11px; margin-left: 0px; width: 191px;} /*** TEXTE DE LA RUBRIQUE-1 320x1050px *****/ .spip-content .main .wrapper .content .texte-rub1{ border-radius: 8px 8px 0 0; font-size: 10px; height: 75px; left: 10px; line-height: 11px; margin-top: 86px; padding: 8px 7px 0 12px; width: 227px; display: block;} .spip-content .main #menu_rubriques2 { height: 320px; left: -33px; margin-top: 259px;} .spip-content .main #menu_rubriques2 li{ font-size: .8em; margin-left: -1px; margin-top: -15px; } /*** LES BLOCS 320x1050px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li { width: 263px; height: 65px; z-index: 1;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:hover{ width: 263px; height: 65px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child{ left: 37px; top: 289px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2){ left: 26px; top: 198px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3){ left: 26px; top: 107px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4){ left: 26px; top: 16px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child{ left: 37px; top: -75px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child {border-top-right-radius: 0px; border-bottom-right-radius: 0px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2), .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3), .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4){ margin-left: 10px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child{ border-top-left-radius: 0px; border-bottom-left-radius: 0px; } /*** LES CADRES-INNER 320x1050px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner{ width: 263px; height: 60px; padding-top: 0px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child:hover .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2):hover .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3):hover .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4):hover .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child:hover .cadre-inner{ width: 263px; height: 60px; padding-top: 0px; } .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner { border-top-right-radius: 15px; border-bottom-right-radius: 15px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner{} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner { border-top-left-radius: 0px; border-bottom-left-radius: 0px;} /*** LES CADRES-ITEM 320x1050px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item{ width: 246px; height: 90px; margin-left: 7px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item{ border-top-left-radius: 0px; border-bottom-left-radius: 8px; border-top-right-radius: 0px; border-bottom-right-radius: 8px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item{ border-top-left-radius: 0px; border-bottom-left-radius: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 0px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item{ border-top-left-radius: 0px; border-bottom-left-radius: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 0px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child:hover .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2):hover .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3):hover .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4):hover .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child:hover .cadre-inner .cadre-item{ box-shadow: 0 0 2px #FFFFFF, 0 0 5px #FFFFFF, 0 0 10px #ffffff, 0 0 18px #ffffff; } .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child:hover .cadre-inner .cadre-item{ border-top-left-radius: 0px; border-bottom-left-radius: 8px; border-top-right-radius: 0px; border-bottom-right-radius: 8px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2):hover .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3):hover .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4):hover .cadre-inner .cadre-item{ border-top-left-radius: 0px; border-bottom-left-radius: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 0px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child:hover .cadre-inner .cadre-item{ border-top-left-radius: 0px; border-bottom-left-radius: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 0px;} /*** LES CADRES-ITEM-FINAL 320x1050px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final{ width: 236px; height: 80px; margin-left: 4px; margin-top: 4px; } /*** CADRE ITEM FIX ***/ /*** Gradient Red ***/ /*** Gradient Orange ***/ /*** Gradient Yellow ***/ /*** Gradient Green ***/ /*** Gradient Blue ***/ /** COLOR INSIDE = DEGRADE GRIS 320x1050px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final .color-inside{ width: 228px; height: 72px; left: 16px; margin-top: 3px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final .color-inside{ border-top-left-radius: 4px; border-bottom-left-radius: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final .color-inside{ border-top-left-radius: 4px; border-bottom-left-radius: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final .color-inside{ border-top-left-radius: 4px; border-bottom-left-radius: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final{ border-top-left-radius: 7px; border-bottom-left-radius: 7px; border-top-right-radius: 7px; border-bottom-right-radius: 7px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final{ border-top-left-radius: 7px; border-bottom-left-radius: 7px; border-top-right-radius: 7px; border-bottom-right-radius: 7px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final{ border-top-left-radius: 7px; border-bottom-left-radius: 7px; border-top-right-radius: 7px; border-bottom-right-radius: 7px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child:hover .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2):hover .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3):hover .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4):hover .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child:hover .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child:hover .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2):hover .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3):hover .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4):hover .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child:hover .cadre-inner .cadre-item .cadre-item-final{ width: 236px; height: 80px; margin-left: 4px; margin-top: 4px; } /*** Les LOGOS 320x1050px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .spip_logos_rappel{ position: absolute; height: 30px; margin-left: -1px; margin-top: -5px; width: 30px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child:hover .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2):hover .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3):hover .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4):hover .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child:hover .cadre-inner .spip_logos_rappel{ height: 30px; margin-left: -1px; margin-top: -5px; width: 30px;} /*** Les TITRES 320x1050px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li .spip_titre_rappel{ font-size: 13px; left: 29px; line-height: 14px; padding: 6px 0; text-align: left; text-shadow: 0 0 1px #FFFFFF, 0 0 1px #FFFFFF, 0 0 2px #FFFFFF, 0 0 5px #FFFFFF, 0 0 10px #FFFFFF, 0 0 16px #FFFFFF; top: -3px; width: 185px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:hover .spip_titre_rappel{ text-shadow: 0 0 1px #FFFFFF, 0 0 1px #FFFFFF, 0 0 2px #FFFFFF, 0 0 5px #FFFFFF, 0 0 10px #FFFFFF, 0 0 16px #FFFFFF;} /*** Les DESCRIPTIFS V1 avec titre sur 1 ligne 320x1050px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li .spip_descriptif_item-rappel{ display: none; width: 200px; margin-top: 0px; margin-left: 19px; font-size: 13px; line-height: 15px; padding: 10px 5px 1px 15px; border-radius: 10px;} /*** Les DESCRIPTIFS V2 avec titre sur 2 lignes 320x1050px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li .spip_descriptif_item-rappel2{ display: block; border-radius: 6px; font-size: 9px; line-height: 9px; margin-left: -1px; margin-top: -1px; padding: 21px 4px 1px 26px; width: 198px; height: 49px;} /*** POUR Les BTNS COULEURS(noir en fait) 320x1050px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final .color-inside .mon-btn-color, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final .color-inside .mon-btn-color, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final .color-inside .mon-btn-color, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final .color-inside .mon-btn-color, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final .color-inside .mon-btn-color{ display: block; border-radius: 5px; color: #FFFFFF; font-size: 8px; line-height: 0; margin-left: -2px; margin-top: -14px; padding: 5px 4px 7px 95px; width: 56.5%; z-index: 1000;} /*** POUR Les BTNS NOIR 320x1050px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final-fix .color-inside .mon-btn, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside .mon-btn, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside .mon-btn, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside .mon-btn, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final-fix .color-inside .mon-btn{ left: 0px; width: 36%; font-size: 16px; line-height: 16px; padding-left: 10px; padding-right: 10px; padding-top: 10px; padding-bottom: 10px; border-radius: 10px; margin-left: 74px; margin-top: 18px; } /******************************************************************************* LES SOUS-RUBRIQUE DE CONTENU 320x1024px ************************************************************************************/ /*** CONTENU RUBRIQUES ITEMS 320x1050px *****/ .spip-content .main .wrapper .content .box-texte{ background-color: rgba(255, 255, 255, 0.25); border: 1px solid #FFFFFF; border-radius: 0 0 12px 12px; left: -1px; position: absolute; text-shadow: none; top: 150px; transition: all 0.35s ease-in-out 0s; width: 268px; height: 873px; z-index: 10;} .spip-content .main .wrapper .content .box-texte .inner-txt{ padding: 0px; border-radius: 10px 0px 0px 10px;} .spip-content .main .wrapper .content .box-texte .inner-txt .bg-texte{ width: 268px; height: 797px; padding: 0px; border-radius: 0px; background-color: rgba(255, 255, 255, 0.85); border: 0px solid #fff;} .spip-content .main .wrapper .content .box-texte .inner-txt .bg-texte .texte{ border-radius: 0 0 8px 8px; color: #808080; float: left; font-family: Arial,Helvetica,sans-serif; font-size: 10px; line-height: 11px; margin-left: -15px; overflow: auto; padding: 10px 10px 0 10px; text-align: left; width: 268px; height: 747px; } .spip_document_1, .spip_document_2, .spip_document_3, .spip_document_4, .spip_document_5, .spip_document_6, .spip_document_7, .spip_document_8, .spip_document_9, .spip_document_10, .spip_document_11, .spip_document_12, .spip_document_13, .spip_document_14, .spip_document_15, .spip_document_16, .spip_document_17, .spip_document_18, .spip_document_19, .spip_document_20, .spip_document_21, .spip_document_22, .spip_document_23, .spip_document_24, .spip_document_25, .spip_document_26, .spip_document_27, .spip_document_28, .spip_document_29, .spip_document_30, .spip_document_31, .spip_document_32, .spip_document_33, .spip_document_34, .spip_document_35, .spip_document_36, .spip_document_37, .spip_document_38, .spip_document_39, .spip_document_40, .spip_document_41, .spip_document_42, .spip_document_43, .spip_document_44, .spip_document_45, .spip_document_46, .spip_document_47, .spip_document_48, .spip_document_49, .spip_document_50, .spip_document_51, .spip_document_52, .spip_document_53, .spip_document_54, .spip_document_55, .spip_document_56, .spip_document_57, .spip_document_58, .spip_document_59, .spip_document_60, .spip_document_61, .spip_document_62, .spip_document_63, .spip_document_64, .spip_document_65, .spip_document_66, .spip_document_67, .spip_document_68, .spip_document_69, .spip_document_70, .spip_document_71, .spip_document_72{ width: 30px!important; height: 60px!important; margin-left: 0px; margin-top: 0px; background-color: transparent;} p { margin: 0 0 0px;} /*** TEXTE DE LA RUBRIQUE-B 320x1050px *****/ .spip-content .main .wrapper .content .texte-rub1{ background-color: rgba(241, 241, 241, 0); border: 0px solid #FFFFFF; border-radius: 8px 8px 0 0; color: #555555; float: left; font-family: Arial,Helvetica,sans-serif; font-size: 10px; height: 54px; left: 10px; line-height: 12px; padding: 4px 10px 2px 5px; position: absolute; text-align: left; top: 20px; width: 238px;} .spip-content .main #menu_rubriques1 { width: 1600px; height: 350px; left: 70px; margin-top: 240px;} .spip-content .main #menu_rubriques1 li{ font-size: .8em; margin-left: -1px; margin-top: -15px; } /*** DESCRIPTIF SSRUB 320x1050px *****/ .spip-content .main .wrapper .content .descriptif-ssrub{ background-color: rgba(241, 241, 241, 0); border: 0px solid #FFFFFF; border-radius: 0; color: #555555; float: left; font-family: Arial,Helvetica,sans-serif; font-size: 10px; left: -1px; line-height: 11px; padding: 35px 20px 0; position: absolute; text-align: left; top: 63px; width: 230px; height: 52px; z-index: 1;} /*** TAILLE DE L'IMAGE DANS LE CORPS DE TEXTE SPIP 320x1050px *****/ .spip_documents_left img{width: 30px; height: 30px; margin-left: 10px; margin-top: -3px; background-color: #fbfbfb;} /*** PARTICULARITE RUBRIQUE FORMULAIRE 320x1050px *****/ .spip-content .main .wrapper .content .box-texte .inner-txt-formulaire{ padding: 0px; border-radius: 10px 0px 0px 10px; font-family: Arial,Helvetica,sans-serif; text-align: left;} .spip-content .main .wrapper .content .box-texte .inner-txt-formulaire .bg-texte-formulaire{ background-color: rgba(255, 255, 255, 0.85); border: 1px solid #FFFFFF; border-radius: 0 0 12px 12px; color: #808080; overflow: none; float: left; font-family: Arial,Helvetica,sans-serif; font-size: 12px; height: 872px; line-height: 12px; padding: 0px 0px 0px 20px; text-align: left; width: 247px;} /*** PARTICULARITE RUBRIQUE SIMPLE 320x1050px *****/ .spip-content .main .wrapper .content .box-texte .inner-txt-simple{ padding: 0px; border-radius: 0px 0px 0px 10px; font-family: Arial,Helvetica,sans-serif; text-align: left;} .spip-content .main .wrapper .content .box-texte .inner-txt-simple .bg-texte-simple{ background-color: rgba(255, 255, 255, 0.85); border-color: #FFFFFF; border-radius: 0 0 0 10px; border-style: solid; border-width: 0 1px 1px 0; color: #808080; float: left; font-family: Arial,Helvetica,sans-serif; font-size: 11px; height: 853px; line-height: 12px; overflow: auto; padding: 20px 20px 0; text-align: left; width: 228px;} /*** POUR LE PETIT MENU des SOUS RUBRIQUES en haut à droite 320x1050px *****/ .spip-content .main #menu_rubriques1 { position: absolute; text-align: left; width: 248px; height: 75px; z-index: 1000; top: 708px; padding-right: 20px; left: -1px; background-color: rgba(241, 241, 241, 0.7); border-top-left-radius: 0px; border-bottom-left-radius: 12px; border-top-right-radius: 0px; border-bottom-right-radius: 12px; border: 1px solid #fff; } .spip-content .main #menu_rubriques1 li{ font-size: .8em; margin-left: 5px; list-style: none; float: left; margin-top: -7px; } .spip-content .main #menu_rubriques1 li ul li{ font-size: 1em; margin-left: 0em;} .spip-content .main #menu_rubriques1 { list-style-type:none; } .spip-content .main #menu_rubriques1 li { list-style-type: none; } .spip-content .main #menu_rubriques1 li li { list-style-type: none; } .spip-content .main #menu_rubriques1 li li li { list-style-type: none; } .spip-content .main #menu_rubriques1 hr {margin : 0.7em 0;} .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li { width: 56px; } .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li:hover { width: 56px; } .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li .spip_logos_rappel { height: 60px; width: 60px; margin-bottom: 6px; margin-left: 8px; margin-top: 3px;} .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li:hover .spip_logos_rappel {} .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li .spip_titre_rappel{ font-family: "Arial"; font-size: 9px; line-height: 10px; list-style: none outside none; margin: -14px 25px 1px 4px; position: absolute; text-align: center; width: 70px;} .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li:hover .spip_titre_rappel { } /*** Les currents 320x1050px ***/ .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li .nav_current_rub{ display: none;width: 120px; } .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li .nav_current_rub .spip_logos_rappel { width: 80px; height: 80px; padding-left: 18px; padding-top: 18px; padding-bottom: 10px;} .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li .nav_current_rub .spip_titre_rappel { position: absolute; width: 120px; margin-top: -14px; margin-left:-1px; text-align: center; font-size: 14px; line-height: 14px; list-style: none;} /*** FIN de 320x1050px *****/ } /************************************************** ****** MEDIA QUERY SOUS MON AILE 320x1200px ****** ***************************************************/ @media screen and (min-width: 10px) and (max-width:479px) and (min-height: 1081px) and (max-height: 1549px){ /**** SPIP CONTENT 320x1200px *****/ .contenu-mobil.spip-content{ display: none;} .contenu-desktop.spip-content{display: block; height: 343px; margin-left: 1px; margin-top: 50px; width: 268px; z-index:100;} /*** FIL d'ARIANE SPIP 320x1200px *****/ .spip-content .ariane{ display: none; z-index:100; margin-top: 0px; } .spip-content .ariane .arbo{ padding-left: 10px; padding-right: 10px; font-size: 11px; line-height: 11px; width: auto; height: 20px; margin-top: 0px; text-shadow: 0 0 1px #FFFFFF, 0 0 1px #FFFFFF, 0 0 2px #FFFFFF, 0 0 5px #FFFFFF;} /*** CONTNER CONTENU SPIP 320x1200px *****/ .spip-content .main { width: 518px; height: 343px; margin-left: 0px; top: -1px; z-index: 50;} .spip-content .main .wrapper .content { width: 518px; height: 343px; margin-top: 0px;} /*** TITRES TITRE DE LA RUBRIQUE-1 320x1200px *****/ .titre-sma{ display: none; font-size: 20px; line-height: 2px; margin-top: 89px; padding-left: 138px; text-shadow: 0 0 1px #FFFFFF, 0 0 1px #FFFFFF, 0 0 2px #FFFFFF, 0 0 5px #FFFFFF, 0 0 10px #FFFFFF, 0 0 16px #FFFFFF; } .spip-content .main .wrapper .content .container2 { width: 1615px; margin-left:0px; margin-top: 0px;} /*** TITRES TITRE DE LA SOUS-RUBRIQUE-1 320x1200px *****/ h1.titre-sma-rub1, h1.titre-sma-ssrub{ width: 210px; font-size: 14px; margin-left: 44px; margin-top: 36px; text-shadow: 0 0 1px #FFFFFF, 0 0 1px #FFFFFF, 0 0 2px #FFFFFF, 0 0 5px #FFFFFF, 0 0 10px #FFFFFF, 0 0 13px #FFFFFF;} h1.titre-sma-rub1 .spip_logos , h1.titre-sma-ssrub .spip_logos { height: 40px; margin: 0px 0 0 -20px; width: 40px;} h1.titre-sma-rub1 .descriptif, h1.titre-sma-ssrub .descriptif{ font-size: 10px; line-height: 12px; margin-top: -11px; margin-left: 0px; width: 191px;} /*** TEXTE DE LA RUBRIQUE-1 320x1200px *****/ .spip-content .main .wrapper .content .texte-rub1{ border-radius: 8px 8px 0 0; font-size: 10px; height: 75px; left: 10px; line-height: 11px; margin-top: 86px; padding: 8px 7px 0 12px; width: 227px; display: block;} .spip-content .main #menu_rubriques2 { height: 320px; left: -33px; margin-top: 259px;} .spip-content .main #menu_rubriques2 li{ font-size: .8em; margin-left: -1px; margin-top: -15px; } /*** LES BLOCS 320x1200px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li { width: 263px; height: 65px; z-index: 1;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:hover{ width: 263px; height: 65px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child{ left: 37px; top: 289px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2){ left: 26px; top: 198px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3){ left: 26px; top: 107px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4){ left: 26px; top: 16px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child{ left: 37px; top: -75px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child {border-top-right-radius: 0px; border-bottom-right-radius: 0px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2), .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3), .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4){ margin-left: 10px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child{ border-top-left-radius: 0px; border-bottom-left-radius: 0px; } /*** LES CADRES-INNER 320x1200px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner{ width: 263px; height: 60px; padding-top: 0px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child:hover .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2):hover .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3):hover .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4):hover .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child:hover .cadre-inner{ width: 263px; height: 60px; padding-top: 0px; } .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner { border-top-right-radius: 15px; border-bottom-right-radius: 15px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner{} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner { border-top-left-radius: 0px; border-bottom-left-radius: 0px;} /*** LES CADRES-ITEM 320x1200px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item{ width: 246px; height: 90px; margin-left: 7px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item{ border-top-left-radius: 0px; border-bottom-left-radius: 8px; border-top-right-radius: 0px; border-bottom-right-radius: 8px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item{ border-top-left-radius: 0px; border-bottom-left-radius: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 0px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item{ border-top-left-radius: 0px; border-bottom-left-radius: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 0px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child:hover .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2):hover .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3):hover .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4):hover .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child:hover .cadre-inner .cadre-item{ box-shadow: 0 0 2px #FFFFFF, 0 0 5px #FFFFFF, 0 0 10px #ffffff, 0 0 18px #ffffff; } .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child:hover .cadre-inner .cadre-item{ border-top-left-radius: 0px; border-bottom-left-radius: 8px; border-top-right-radius: 0px; border-bottom-right-radius: 8px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2):hover .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3):hover .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4):hover .cadre-inner .cadre-item{ border-top-left-radius: 0px; border-bottom-left-radius: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 0px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child:hover .cadre-inner .cadre-item{ border-top-left-radius: 0px; border-bottom-left-radius: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 0px;} /*** LES CADRES-ITEM-FINAL 320x1200px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final{ width: 236px; height: 80px; margin-left: 4px; margin-top: 4px; } /*** CADRE ITEM FIX ***/ /*** Gradient Red ***/ /*** Gradient Orange ***/ /*** Gradient Yellow ***/ /*** Gradient Green ***/ /*** Gradient Blue ***/ /** COLOR INSIDE = DEGRADE GRIS 320x1200px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final .color-inside{ width: 228px; height: 72px; left: 16px; margin-top: 3px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final .color-inside{ border-top-left-radius: 4px; border-bottom-left-radius: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final .color-inside{ border-top-left-radius: 4px; border-bottom-left-radius: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final .color-inside{ border-top-left-radius: 4px; border-bottom-left-radius: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final{ border-top-left-radius: 7px; border-bottom-left-radius: 7px; border-top-right-radius: 7px; border-bottom-right-radius: 7px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final{ border-top-left-radius: 7px; border-bottom-left-radius: 7px; border-top-right-radius: 7px; border-bottom-right-radius: 7px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final{ border-top-left-radius: 7px; border-bottom-left-radius: 7px; border-top-right-radius: 7px; border-bottom-right-radius: 7px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child:hover .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2):hover .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3):hover .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4):hover .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child:hover .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child:hover .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2):hover .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3):hover .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4):hover .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child:hover .cadre-inner .cadre-item .cadre-item-final{ width: 236px; height: 80px; margin-left: 4px; margin-top: 4px; } /*** Les LOGOS 320x1200px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .spip_logos_rappel{ position: absolute; height: 30px; margin-left: -1px; margin-top: -5px; width: 30px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child:hover .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2):hover .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3):hover .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4):hover .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child:hover .cadre-inner .spip_logos_rappel{ height: 30px; margin-left: -1px; margin-top: -5px; width: 30px;} /*** Les TITRES 320x1200px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li .spip_titre_rappel{ font-size: 13px; left: 29px; line-height: 14px; padding: 6px 0; text-align: left; text-shadow: 0 0 1px #FFFFFF, 0 0 1px #FFFFFF, 0 0 2px #FFFFFF, 0 0 5px #FFFFFF, 0 0 10px #FFFFFF, 0 0 16px #FFFFFF; top: -3px; width: 185px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:hover .spip_titre_rappel{ text-shadow: 0 0 1px #FFFFFF, 0 0 1px #FFFFFF, 0 0 2px #FFFFFF, 0 0 5px #FFFFFF, 0 0 10px #FFFFFF, 0 0 16px #FFFFFF;} /*** Les DESCRIPTIFS V1 avec titre sur 1 ligne 320x1200px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li .spip_descriptif_item-rappel{ display: none; width: 200px; margin-top: 0px; margin-left: 19px; font-size: 13px; line-height: 15px; padding: 10px 5px 1px 15px; border-radius: 10px;} /*** Les DESCRIPTIFS V2 avec titre sur 2 lignes 320x1200px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li .spip_descriptif_item-rappel2{ display: block; border-radius: 6px; font-size: 9px; line-height: 9px; margin-left: -1px; margin-top: -1px; padding: 21px 4px 1px 26px; width: 198px; height: 49px;} /*** POUR Les BTNS COULEURS(noir en fait) 320x1200px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final .color-inside .mon-btn-color, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final .color-inside .mon-btn-color, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final .color-inside .mon-btn-color, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final .color-inside .mon-btn-color, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final .color-inside .mon-btn-color{ display: block; border-radius: 5px; color: #FFFFFF; font-size: 8px; line-height: 0; margin-left: -2px; margin-top: -14px; padding: 5px 4px 7px 95px; width: 56.5%; z-index: 1000;} /*** POUR Les BTNS NOIR 320x1200px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final-fix .color-inside .mon-btn, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside .mon-btn, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside .mon-btn, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside .mon-btn, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final-fix .color-inside .mon-btn{ left: 0px; width: 36%; font-size: 16px; line-height: 16px; padding-left: 10px; padding-right: 10px; padding-top: 10px; padding-bottom: 10px; border-radius: 10px; margin-left: 74px; margin-top: 18px; } /******************************************************************************* LES SOUS-RUBRIQUE DE CONTENU 320x1200px ************************************************************************************/ /*** CONTENU RUBRIQUES ITEMS 320x1200px *****/ .spip-content .main .wrapper .content .box-texte{ background-color: rgba(255, 255, 255, 0.25); border: 1px solid #FFFFFF; border-radius: 0 0 12px 12px; left: -1px; position: absolute; text-shadow: none; top: 150px; transition: all 0.35s ease-in-out 0s; width: 268px; height: 902px; z-index: 10;} .spip-content .main .wrapper .content .box-texte .inner-txt{ padding: 0px; border-radius: 10px 0px 0px 10px;} .spip-content .main .wrapper .content .box-texte .inner-txt .bg-texte{ width: 268px; height: 826px; padding: 0px; border-radius: 0px; background-color: rgba(255, 255, 255, 0.85); border: 0px solid #fff;} .spip-content .main .wrapper .content .box-texte .inner-txt .bg-texte .texte{ border-radius: 0 0 8px 8px; color: #808080; float: left; font-family: Arial,Helvetica,sans-serif; font-size: 10px; line-height: 11px; margin-left: -15px; overflow: auto; padding: 10px 10px 0 10px; text-align: left; width: 268px; height: 747px; } .spip_document_1, .spip_document_2, .spip_document_3, .spip_document_4, .spip_document_5, .spip_document_6, .spip_document_7, .spip_document_8, .spip_document_9, .spip_document_10, .spip_document_11, .spip_document_12, .spip_document_13, .spip_document_14, .spip_document_15, .spip_document_16, .spip_document_17, .spip_document_18, .spip_document_19, .spip_document_20, .spip_document_21, .spip_document_22, .spip_document_23, .spip_document_24, .spip_document_25, .spip_document_26, .spip_document_27, .spip_document_28, .spip_document_29, .spip_document_30, .spip_document_31, .spip_document_32, .spip_document_33, .spip_document_34, .spip_document_35, .spip_document_36, .spip_document_37, .spip_document_38, .spip_document_39, .spip_document_40, .spip_document_41, .spip_document_42, .spip_document_43, .spip_document_44, .spip_document_45, .spip_document_46, .spip_document_47, .spip_document_48, .spip_document_49, .spip_document_50, .spip_document_51, .spip_document_52, .spip_document_53, .spip_document_54, .spip_document_55, .spip_document_56, .spip_document_57, .spip_document_58, .spip_document_59, .spip_document_60, .spip_document_61, .spip_document_62, .spip_document_63, .spip_document_64, .spip_document_65, .spip_document_66, .spip_document_67, .spip_document_68, .spip_document_69, .spip_document_70, .spip_document_71, .spip_document_72{ width: 30px!important; height: 60px!important; margin-left: 0px; margin-top: 0px; background-color: transparent;} p { margin: 0 0 0px;} /*** TEXTE DE LA RUBRIQUE-B 320x1200px *****/ .spip-content .main .wrapper .content .texte-rub1{ background-color: rgba(241, 241, 241, 0); border: 0px solid #FFFFFF; border-radius: 8px 8px 0 0; color: #555555; float: left; font-family: Arial,Helvetica,sans-serif; font-size: 10px; height: 54px; left: 10px; line-height: 12px; padding: 4px 10px 2px 5px; position: absolute; text-align: left; top: 20px; width: 238px;} .spip-content .main #menu_rubriques1 { width: 1600px; height: 350px; left: 70px; margin-top: 240px;} .spip-content .main #menu_rubriques1 li{ font-size: .8em; margin-left: -1px; margin-top: -15px; } /*** DESCRIPTIF SSRUB 320x1200px *****/ .spip-content .main .wrapper .content .descriptif-ssrub{ background-color: rgba(241, 241, 241, 0); border: 0px solid #FFFFFF; border-radius: 0; color: #555555; float: left; font-family: Arial,Helvetica,sans-serif; font-size: 10px; left: -1px; line-height: 11px; padding: 35px 20px 0; position: absolute; text-align: left; top: 63px; width: 230px; height: 52px; z-index: 1;} /*** TAILLE DE L'IMAGE DANS LE CORPS DE TEXTE SPIP 320x1200px *****/ .spip_documents_left img{width: 30px; height: 30px; margin-left: 10px; margin-top: -3px; background-color: #fbfbfb;} /*** PARTICULARITE RUBRIQUE FORMULAIRE 320x1200px *****/ .spip-content .main .wrapper .content .box-texte .inner-txt-formulaire{ padding: 0px; border-radius: 10px 0px 0px 10px; font-family: Arial,Helvetica,sans-serif; text-align: left;} .spip-content .main .wrapper .content .box-texte .inner-txt-formulaire .bg-texte-formulaire{ background-color: rgba(255, 255, 255, 0.85); border: 1px solid #FFFFFF; border-radius: 0 0 12px 12px; color: #808080; overflow: none; float: left; font-family: Arial,Helvetica,sans-serif; font-size: 12px; height: 901px; line-height: 12px; padding: 0px 0px 0px 0px; text-align: left; width: 267px;} /*** PARTICULARITE RUBRIQUE SIMPLE 320x1200px *****/ .spip-content .main .wrapper .content .box-texte .inner-txt-simple{ padding: 0px; border-radius: 0px 0px 0px 10px; font-family: Arial,Helvetica,sans-serif; text-align: left;} .spip-content .main .wrapper .content .box-texte .inner-txt-simple .bg-texte-simple{ border-radius: 0px 0px 0px 10px; background-color: rgba(255, 255, 255, 0.85);float: left; overflow: auto; padding: 0 10px 0 10px; border-top: 0px solid #fff; border-right: 1px solid #fff; border-bottom: 1px solid #fff; border-left: 0px solid #fff; text-align: left; float: left; color: #808080; font-family: Arial,Helvetica,sans-serif; text-align: left; font-size: 9px; line-height: 10px; width: 248px; height: 902px;} /*** POUR LE PETIT MENU des SOUS RUBRIQUES en haut à droite 320x1200px *****/ .spip-content .main #menu_rubriques1 { position: absolute; text-align: left; width: 248px; height: 75px; z-index: 1000; top: 737px; padding-right: 20px; left: -1px; background-color: rgba(241, 241, 241, 0.7); border-top-left-radius: 0px; border-bottom-left-radius: 12px; border-top-right-radius: 0px; border-bottom-right-radius: 12px; border: 1px solid #fff; } .spip-content .main #menu_rubriques1 li{ font-size: .8em; margin-left: 5px; list-style: none; float: left; margin-top: -7px; } .spip-content .main #menu_rubriques1 li ul li{ font-size: 1em; margin-left: 0em;} .spip-content .main #menu_rubriques1 { list-style-type:none; } .spip-content .main #menu_rubriques1 li { list-style-type: none; } .spip-content .main #menu_rubriques1 li li { list-style-type: none; } .spip-content .main #menu_rubriques1 li li li { list-style-type: none; } .spip-content .main #menu_rubriques1 hr {margin : 0.7em 0;} .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li { width: 56px; } .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li:hover { width: 56px; } .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li .spip_logos_rappel { height: 60px; width: 60px; margin-bottom: 6px; margin-left: 8px; margin-top: 3px;} .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li:hover .spip_logos_rappel {} .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li .spip_titre_rappel{ font-family: "Arial"; font-size: 9px; line-height: 10px; list-style: none outside none; margin: -14px 25px 1px 4px; position: absolute; text-align: center; width: 70px;} .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li:hover .spip_titre_rappel { } /*** Les currents 320x1200px ***/ .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li .nav_current_rub{ display: none;width: 120px; } .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li .nav_current_rub .spip_logos_rappel { width: 80px; height: 80px; padding-left: 18px; padding-top: 18px; padding-bottom: 10px;} .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li .nav_current_rub .spip_titre_rappel { position: absolute; width: 120px; margin-top: -14px; margin-left:-1px; text-align: center; font-size: 14px; line-height: 14px; list-style: none;} /*** FIN de 320x1200px *****/ } /*********************************************************************************************************************** ************************************** MEDIA QUERY SOUS MON AILE 480px de largeur *********************************** ************************************************************************************************************************/ /*****MEDIA QUERY SOUS MON AILE 480x320px *****/ @media screen and (min-width: 480px) and (max-width: 559px) and (min-height: 10px) and (max-height: 479px){ /**** SPIP CONTENT 480x320px *****/ .contenu-mobil.spip-content{ display: none;} .contenu-desktop.spip-content{ display: block; height: 228px; margin-left: 1px; margin-top: 50px; width: 369px; z-index:100;} /*** FIL d'ARIANE SPIP 480x320px *****/ .spip-content .ariane{ display: none; z-index:100; margin-top: 0px; } .spip-content .ariane .arbo{ display: none; padding-left: 10px; padding-right: 10px; font-size: 11px; line-height: 11px; width: auto; height: 20px; margin-top: 0px; text-shadow: 0 0 1px #FFFFFF, 0 0 1px #FFFFFF, 0 0 2px #FFFFFF, 0 0 5px #FFFFFF;} /*** CONTNER CONTENU SPIP 480x320px *****/ .spip-content .main { width: 268px; height: 131px; margin-left: 0px; margin-top: 0px; z-index: 50;} .spip-content .main .wrapper .content { width: 268px; height: 131px; margin-top: 0px;} /*** TITRES TITRE DE LA RUBRIQUE-1 480x320px *****/ .titre-sma{ display: none; font-size: 20px; line-height: 2px; margin-top: 89px; padding-left: 138px; text-shadow: 0 0 1px #FFFFFF, 0 0 1px #FFFFFF, 0 0 2px #FFFFFF, 0 0 5px #FFFFFF, 0 0 10px #FFFFFF, 0 0 16px #FFFFFF; } /*** TITRES TITRE DE LA SOUS-RUBRIQUE-1 480x320px *****/ h1.titre-sma-rub1, h1.titre-sma-ssrub{ font-size: 12px; margin-left: 40px; margin-top: -24px; text-shadow: 0 0 1px #FFFFFF, 0 0 1px #FFFFFF, 0 0 2px #FFFFFF, 0 0 5px #FFFFFF, 0 0 10px #FFFFFF, 0 0 13px #FFFFFF; width: 223px;} h1.titre-sma-rub1 .spip_logos , h1.titre-sma-ssrub .spip_logos { height: 35px; margin: 1px 0 0 -17px; width: 35px;} h1.titre-sma-rub1 .descriptif, h1.titre-sma-ssrub .descriptif{ font-size: 9px; line-height: 6px; margin-top: -10px; margin-left: 0px; width: 213px;} /*** TEXTE DE LA RUBRIQUE-1 480x320px *****/ .spip-content .main .wrapper .content .texte-rub1{ border-radius: 12px 12px 0 0; font-size: 10px; height: 74px; left: 10px; line-height: 11px; margin-top: 24px; padding: 8px 7px 0 12px; width: 227px; display: none;} .spip-content .main #menu_rubriques2 { height: 100px; left: -33px; margin-top: 132px;} .spip-content .main #menu_rubriques2 li{ font-size: .8em; margin-left: -1px; margin-top: -15px; } /*** LES BLOCS 480x320px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li { width: 263px; height: 47px; z-index: 1;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:hover{ width: 263px; height: 47px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child{ left: 37px; top: 31px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2){ left: 26px; top: -3px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3){ left: 26px; top: -37px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4){ left: 26px; top: -71px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child{ left: 37px; top: -105px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child {border-top-right-radius: 0px; border-bottom-right-radius: 0px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2), .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3), .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4){ margin-left: 10px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child{ border-top-left-radius: 0px; border-bottom-left-radius: 0px; } /*** LES CADRES-INNER 480x320px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner{ width: 263px; height: 38px; padding-top: 7px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child:hover .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2):hover .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3):hover .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4):hover .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child:hover .cadre-inner{ width: 263px; height: 38px; padding-top: 7px; } .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner { border-top-right-radius: 15px; border-bottom-right-radius: 15px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner{} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner { border-top-left-radius: 0px; border-bottom-left-radius: 0px;} /*** LES CADRES-ITEM 480x320px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item{ width: 416px; height: 33px; margin-left: 7px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item{ border-top-left-radius: 0px; border-bottom-left-radius: 8px; border-top-right-radius: 0px; border-bottom-right-radius: 8px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item{ border-top-left-radius: 0px; border-bottom-left-radius: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 0px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item{ border-top-left-radius: 8px; border-bottom-left-radius: 0px; border-top-right-radius: 8px; border-bottom-right-radius: 0px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child:hover .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2):hover .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3):hover .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4):hover .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child:hover .cadre-inner .cadre-item{ box-shadow: 0 0 2px #FFFFFF, 0 0 5px #FFFFFF, 0 0 10px #ffffff, 0 0 18px #ffffff; } .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child:hover .cadre-inner .cadre-item{ border-top-left-radius: 0px; border-bottom-left-radius: 8px; border-top-right-radius: 0px; border-bottom-right-radius: 8px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2):hover .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3):hover .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4):hover .cadre-inner .cadre-item{ border-top-left-radius: 0px; border-bottom-left-radius: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 0px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child:hover .cadre-inner .cadre-item{ border-top-left-radius: 8px; border-bottom-left-radius: 0px; border-top-right-radius: 8px; border-bottom-right-radius: 0px;} /*** LES CADRES-ITEM-FINAL 480x320px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final{ width: 410px; height: 27px; margin-left: 2px; margin-top: 2px; } /*** CADRE ITEM FIX ***/ /*** Gradient Red ***/ /*** Gradient Orange ***/ /*** Gradient Yellow ***/ /*** Gradient Green ***/ /*** Gradient Blue ***/ /** COLOR INSIDE = DEGRADE GRIS 480x320px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final .color-inside{ width: 404px; height: 21px; left: 13px; margin-top: 2px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final .color-inside{ border-top-left-radius: 4px; border-bottom-left-radius: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final .color-inside{ border-top-left-radius: 4px; border-bottom-left-radius: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final .color-inside{ border-top-left-radius: 4px; border-bottom-left-radius: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final{ border-top-left-radius: 7px; border-bottom-left-radius: 7px; border-top-right-radius: 7px; border-bottom-right-radius: 7px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final{ border-top-left-radius: 7px; border-bottom-left-radius: 7px; border-top-right-radius: 7px; border-bottom-right-radius: 7px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final{ border-top-left-radius: 7px; border-bottom-left-radius: 7px; border-top-right-radius: 7px; border-bottom-right-radius: 7px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child:hover .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2):hover .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3):hover .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4):hover .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child:hover .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child:hover .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2):hover .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3):hover .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4):hover .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child:hover .cadre-inner .cadre-item .cadre-item-final{ width: 410px; height: 27px; margin-left: 2px; margin-top: 2px; } /*** Les LOGOS 480x320px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .spip_logos_rappel{ position: absolute; height: 32px; margin-left: 112px; margin-top: -6px; width: 32px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child:hover .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2):hover .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3):hover .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4):hover .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child:hover .cadre-inner .spip_logos_rappel{ height: 32px; margin-left: 112px; margin-top: -6px; width: 32px;} /*** Les TITRES 480x320px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li .spip_titre_rappel{ font-size: 13px; left: 145px; line-height: 14px; padding: 6px 0; text-align: left; text-shadow: 0 0 1px #FFFFFF, 0 0 1px #FFFFFF, 0 0 2px #FFFFFF, 0 0 5px #FFFFFF, 0 0 10px #FFFFFF, 0 0 16px #FFFFFF; top: -3px; width: 160px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:hover .spip_titre_rappel{ text-shadow: 0 0 1px #FFFFFF, 0 0 1px #FFFFFF, 0 0 2px #FFFFFF, 0 0 5px #FFFFFF, 0 0 10px #FFFFFF, 0 0 16px #FFFFFF;} /*** Les DESCRIPTIFS V1 avec titre sur 1 ligne 480x320px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li .spip_descriptif_item-rappel{ display: block; width: 200px; margin-top: 0px; margin-left: 19px; font-size: 13px; line-height: 15px; padding: 10px 5px 1px 15px; border-radius: 10px;} /*** Les DESCRIPTIFS V2 avec titre sur 2 lignes 480x320px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li .spip_descriptif_item-rappel2{ display: none; border-radius: 6px; font-size: 10px; line-height: 10px; margin-left: -1px; margin-top: -1px; padding: 35px 5px 6px 6px; width: 217px;} /*** POUR Les BTNS COULEURS(noir en fait) 480x320px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final .color-inside .mon-btn-color, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final .color-inside .mon-btn-color, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final .color-inside .mon-btn-color, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final .color-inside .mon-btn-color, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final .color-inside .mon-btn-color{ display: none; border-radius: 5px; color: #FFFFFF; font-size: 9px; line-height: 0; margin-left: 152px; margin-top: -21px; padding: 7px 2px 7px 7px; width: 26.5%; z-index: 1000;} /*** POUR Les BTNS NOIR 480x320px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final-fix .color-inside .mon-btn, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside .mon-btn, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside .mon-btn, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside .mon-btn, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final-fix .color-inside .mon-btn{ left: 0px; width: 36%; font-size: 16px; line-height: 16px; padding-left: 10px; padding-right: 10px; padding-top: 10px; padding-bottom: 10px; border-radius: 10px; margin-left: 74px; margin-top: 18px; } /******************************************************************************* LES SOUS-RUBRIQUE DE CONTENU 480x320px ************************************************************************************/ /*** CONTENU RUBRIQUES ITEMS 480x320px *****/ .spip-content .main .wrapper .content .box-texte{ background-color: rgba(255, 255, 255, 0.25); border: 1px solid #FFFFFF; border-radius: 0px 0px 12px 12px; left: -1px; position: absolute; text-shadow: none; top: 67px; transition: all 0.35s ease-in-out 0s; width: 438px; height: 161px; z-index: 10;} .spip-content .main .wrapper .content .box-texte .inner-txt{ padding: 0px; border-radius: 10px 0px 0px 10px;} .spip-content .main .wrapper .content .box-texte .inner-txt .bg-texte{ width: 438px; height: 173px; padding: 0px; border-radius: 0 0 11px 11px; background-color: rgba(255, 255, 255, 0.85); border: 0px solid #fff;} .spip-content .main .wrapper .content .box-texte .inner-txt .bg-texte .texte{ border-radius: 0 0 8px 8px; color: #808080; float: left; font-family: Arial,Helvetica,sans-serif; font-size: 9px; line-height: 11px; margin-left: 0px; overflow: auto; padding: 10px 10px 0 10px; text-align: left; width: 302px; height: 163px;} .spip_document_1, .spip_document_2, .spip_document_3, .spip_document_4, .spip_document_5, .spip_document_6, .spip_document_7, .spip_document_8, .spip_document_9, .spip_document_10, .spip_document_11, .spip_document_12, .spip_document_13, .spip_document_14, .spip_document_15, .spip_document_16, .spip_document_17, .spip_document_18, .spip_document_19, .spip_document_20, .spip_document_21, .spip_document_22, .spip_document_23, .spip_document_24, .spip_document_25, .spip_document_26, .spip_document_27, .spip_document_28, .spip_document_29, .spip_document_30, .spip_document_31, .spip_document_32, .spip_document_33, .spip_document_34, .spip_document_35, .spip_document_36, .spip_document_37, .spip_document_38, .spip_document_39, .spip_document_40, .spip_document_41, .spip_document_42, .spip_document_43, .spip_document_44, .spip_document_45, .spip_document_46, .spip_document_47, .spip_document_48, .spip_document_49, .spip_document_50, .spip_document_51, .spip_document_52, .spip_document_53, .spip_document_54, .spip_document_55, .spip_document_56, .spip_document_57, .spip_document_58, .spip_document_59, .spip_document_60, .spip_document_61, .spip_document_62, .spip_document_63, .spip_document_64, .spip_document_65, .spip_document_66, .spip_document_67, .spip_document_68, .spip_document_69, .spip_document_70, .spip_document_71, .spip_document_72{ width: 30px!important; height: 60px!important; margin-left: 9px; margin-top: 0px; background-color: #fbfbfb;} p { margin: 0 0 0px;} /*** TEXTE DE LA RUBRIQUE-B 480x320px *****/ .spip-content .main .wrapper .content .texte-rub1{ background-color: rgba(241, 241, 241, 0); border: 0px solid #FFFFFF; border-radius: 8px 8px 0 0; color: #555555; float: left; font-family: Arial,Helvetica,sans-serif; font-size: 10px; height: 54px; left: 10px; line-height: 12px; padding: 3px 10px 2px 5px; position: absolute; text-align: left; top: 34px; width: 238px;} .spip-content .main #menu_rubriques1 { width: 1600px; height: 350px; left: 70px; margin-top: 240px;} .spip-content .main #menu_rubriques1 li{ font-size: .8em; margin-left: -1px; margin-top: -15px; } /*** DESCRIPTIF SSRUB 480x320px *****/ .spip-content .main .wrapper .content .descriptif-ssrub{ display: block; background-color: rgba(0, 0, 0, 0); border: 0 solid #FFFFFF; border-radius: 8px 8px 0 0; color: #555555; float: left; font-family: Arial,Helvetica,sans-serif; font-size: 9px; left: 0; line-height: 10px; padding: 0 37px 0 40px; position: absolute; text-align: left; top: 29px; width: 362px; height: 29px;} /*** TAILLE DE L'IMAGE DANS LE CORPS DE TEXTE SPIP 480x320px *****/ .spip_documents_left img{width: 30px; height: 30px; margin-left: 8px; margin-top: -3px; background-color: #fbfbfb;} /*** PARTICULARITE RUBRIQUE FORMULAIRE 480x320px *****/ .spip-content .main .wrapper .content .box-texte .inner-txt-formulaire{ padding: 0px; border-radius: 0px 0px 12px 12px; font-family: Arial,Helvetica,sans-serif; text-align: left;} .spip-content .main .wrapper .content .box-texte .inner-txt-formulaire .bg-texte-formulaire{ border-radius: 0px 0px 12px 12px; background-color: rgba(255, 255, 255, 0.85); border: 0px solid #fff; float: left; overflow: none; padding: 0px; text-align: left; float: left; color: #808080; font-family: Arial,Helvetica,sans-serif; text-align: left; font-size: 9px; line-height: 10px; width: 438px; height: 173px;} /*** PARTICULARITE RUBRIQUE SIMPLE 480x320px *****/ .spip-content .main .wrapper .content .box-texte .inner-txt-simple{ padding: 0px; border-radius: 0px 0px 0px 12px; font-family: Arial,Helvetica,sans-serif; text-align: left;} .spip-content .main .wrapper .content .box-texte .inner-txt-simple .bg-texte-simple{ border-radius: 0px 0px 0px 12px; background-color: rgba(255, 255, 255, 0.85); border-top: 0px solid #fff; border-right: 1px solid #fff; border-bottom: 1px solid #fff; border-left: 1px solid #fff; float: left; overflow: auto; padding: 30px 35px 0 35px; text-align: left; float: left; color: #808080; font-family: Arial,Helvetica,sans-serif; text-align: left; font-size: 11px; line-height: 12px; width: 367px; height: 131px;} /*** POUR LE PETIT MENU des SOUS RUBRIQUES en haut à droite 480x320px *****/ .spip-content .main #menu_rubriques1 { background-color: rgba(241, 241, 241, 0.7); border: 1px solid #FFFFFF; border-radius: 0 0px 11px 0; height: 173px; left: 322px; padding-right: 20px; position: absolute; text-align: left; top: -185px; width: 95px; z-index: 1000;} .spip-content .main #menu_rubriques1 li{ font-size: .8em; margin-left: -1px; list-style: none; margin-top: 10px; } .spip-content .main #menu_rubriques1 li ul li{ font-size: 1em; margin-left: 0em;} .spip-content .main #menu_rubriques1 { list-style-type: none; } .spip-content .main #menu_rubriques1 li { list-style-type: none; } .spip-content .main #menu_rubriques1 li li { list-style-type: none; } .spip-content .main #menu_rubriques1 li li li { list-style-type: none; } .spip-content .main #menu_rubriques1 hr {margin : 0.7em 0;} .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li { width: 114px; } .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li:hover { width: 114px; } .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li .spip_logos_rappel { height: 30px; width: 30px; margin-bottom: 0px; margin-top: 0px; margin-left: 4px;} .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li:hover .spip_logos_rappel {} .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li .spip_titre_rappel{ font-family: Arial,Helvetica,sans-serif; font-size: 10px; line-height: 10px; list-style: none outside none; left: 34px; margin-top: -25px; position: absolute; text-align: left; width: 75px;} .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li:hover .spip_titre_rappel { } /*** Les currents 480x320px ***/ .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li .nav_current_rub{ display: none;width: 120px; } .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li .nav_current_rub .spip_logos_rappel { width: 80px; height: 80px; padding-left: 18px; padding-top: 18px; padding-bottom: 10px;} .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li .nav_current_rub .spip_titre_rappel { position: absolute; width: 120px; margin-top: -14px; margin-left:-1px; text-align: center; font-size: 14px; line-height: 14px; list-style: none;} /*** FIN de 480x320px *****/ } /*****MEDIA QUERY SOUS MON AILE 480x480px *****/ @media screen and (min-width: 480px) and (max-width: 559px) and (min-height: 480px) and (max-height: 599px){ /**** SPIP CONTENT 480x480px *****/ .contenu-mobil.spip-content{ display: none;} .contenu-desktop.spip-content{display: block; height: 343px; margin-left: 1px; margin-top: 50px; width: 437px; z-index:100;} /*** FIL d'ARIANE SPIP 480x480px *****/ .spip-content .ariane{ display: none; z-index:100; margin-top: 0px; } .spip-content .ariane .arbo{ padding-left: 10px; padding-right: 10px; font-size: 11px; line-height: 11px; width: auto; height: 20px; margin-top: 0px; text-shadow: 0 0 1px #FFFFFF, 0 0 1px #FFFFFF, 0 0 2px #FFFFFF, 0 0 5px #FFFFFF;} /*** CONTNER CONTENU SPIP 480x480px *****/ .spip-content .main { width: 518px; height: 343px; margin-left: 0px; top: 48px; z-index: 50;} .spip-content .main .wrapper .content { width: 518px; height: 343px; margin-top: 0px;} /*** TITRES TITRE DE LA RUBRIQUE-1 480x480px *****/ .titre-sma{ display: none; font-size: 20px; line-height: 2px; margin-top: 89px; padding-left: 138px; text-shadow: 0 0 1px #FFFFFF, 0 0 1px #FFFFFF, 0 0 2px #FFFFFF, 0 0 5px #FFFFFF, 0 0 10px #FFFFFF, 0 0 16px #FFFFFF; } .spip-content .main .wrapper .content .container2 { width: 1615px; margin-left:0px; margin-top: 0px;} /*** TITRES TITRE DE LA SOUS-RUBRIQUE-1 480x480px *****/ h1.titre-sma-rub1, h1.titre-sma-ssrub{ width: 370px; font-size: 15px; line-height: 18x; margin-left: 44px; margin-top: 0px; text-shadow: 0 0 1px #FFFFFF, 0 0 1px #FFFFFF, 0 0 2px #FFFFFF, 0 0 5px #FFFFFF, 0 0 10px #FFFFFF, 0 0 13px #FFFFFF;} h1.titre-sma-rub1 .spip_logos , h1.titre-sma-ssrub .spip_logos { height: 40px; margin: 0px 0 0 -20px; width: 40px;} h1.titre-sma-rub1 .descriptif, h1.titre-sma-ssrub .descriptif{ font-size: 10px; line-height: 12px; margin-top: -11px; margin-left: 0px; width: 351px;} /*** TEXTE DE LA RUBRIQUE-1 480x480px *****/ .spip-content .main .wrapper .content .texte-rub1{ display: block; border-radius: 12px 12px 0 0; font-size: 11px; left: 14px; line-height: 13px; margin-top: 50px; padding: 8px 13px 0 29px; width: 446px;} .spip-content .main #menu_rubriques2 { height: 200px; left: -29px; margin-top: 225px;} .spip-content .main #menu_rubriques2 li{ font-size: .8em; margin-left: -1px; margin-top: -15px; } /*** LES BLOCS 480x480px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li { width: 263px; height: 75px; z-index: 1;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:hover{ width: 263px; height: 75px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child{ left: 37px; top: 71px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2){ left: 26px; top: 27px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3){ left: 26px; top: -17px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4){ left: 26px; top: -61px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child{ left: 37px; top: -105px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child {border-top-right-radius: 0px; border-bottom-right-radius: 0px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2), .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3), .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4){ margin-left: 10px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child{ border-top-left-radius: 0px; border-bottom-left-radius: 0px; } /*** LES CADRES-INNER 480x480px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner{ width: 263px; height: 68px; padding-top: 7px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child:hover .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2):hover .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3):hover .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4):hover .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child:hover .cadre-inner{ width: 263px; height: 68px; padding-top: 7px; } .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner { border-top-right-radius: 15px; border-bottom-right-radius: 15px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner{} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner { border-top-left-radius: 0px; border-bottom-left-radius: 0px;} /*** LES CADRES-ITEM 480x480px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item{ width: 409px; height: 43px; margin-left: 7px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item{ border-top-left-radius: 0px; border-bottom-left-radius: 10px; border-top-right-radius: 0px; border-bottom-right-radius: 10px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item{ border-top-left-radius: 0px; border-bottom-left-radius: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 0px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item{ border-top-left-radius: 0px; border-bottom-left-radius: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 0px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child:hover .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2):hover .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3):hover .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4):hover .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child:hover .cadre-inner .cadre-item{ box-shadow: 0 0 2px #FFFFFF, 0 0 5px #FFFFFF, 0 0 10px #ffffff, 0 0 18px #ffffff; } .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child:hover .cadre-inner .cadre-item{ border-top-left-radius: 0px; border-bottom-left-radius: 10px; border-top-right-radius: 0px; border-bottom-right-radius: 10px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2):hover .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3):hover .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4):hover .cadre-inner .cadre-item{ border-top-left-radius: 0px; border-bottom-left-radius: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 0px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child:hover .cadre-inner .cadre-item{ border-top-left-radius: 0px; border-bottom-left-radius: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 0px;} /*** LES CADRES-ITEM-FINAL 480x480px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final{ width: 403px; height: 37px; margin-left: 2px; margin-top: 2px; } /*** CADRE ITEM FIX ***/ /*** Gradient Red ***/ /*** Gradient Orange ***/ /*** Gradient Yellow ***/ /*** Gradient Green ***/ /*** Gradient Blue ***/ /** COLOR INSIDE = DEGRADE GRIS 480x480px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final .color-inside{ width: 395px; height: 29px; left: 14px; margin-top: 3px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final .color-inside{ border-top-left-radius: 4px; border-bottom-left-radius: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final .color-inside{ border-top-left-radius: 4px; border-bottom-left-radius: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final .color-inside{ border-top-left-radius: 4px; border-bottom-left-radius: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final{ border-top-left-radius: 7px; border-bottom-left-radius: 7px; border-top-right-radius: 7px; border-bottom-right-radius: 7px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final{ border-top-left-radius: 7px; border-bottom-left-radius: 7px; border-top-right-radius: 7px; border-bottom-right-radius: 7px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final{ border-top-left-radius: 7px; border-bottom-left-radius: 7px; border-top-right-radius: 7px; border-bottom-right-radius: 7px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child:hover .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2):hover .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3):hover .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4):hover .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child:hover .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child:hover .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2):hover .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3):hover .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4):hover .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child:hover .cadre-inner .cadre-item .cadre-item-final{ width: 403px; height: 37px; margin-left: 2px; margin-top: 2px; } /*** Les LOGOS 480x480px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .spip_logos_rappel{ position: absolute; height: 40px; margin-left: 85px; margin-top: -6px; width: 40px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child:hover .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2):hover .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3):hover .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4):hover .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child:hover .cadre-inner .spip_logos_rappel{ height: 40px; margin-left: 85px; margin-top: -6px; width: 40px;} /*** Les TITRES 480x480px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li .spip_titre_rappel{ font-size: 15px; left: 124px; line-height: 22px; padding: 6px 0; text-align: left; text-shadow: 0 0 1px #FFFFFF, 0 0 1px #FFFFFF, 0 0 2px #FFFFFF, 0 0 5px #FFFFFF, 0 0 10px #FFFFFF, 0 0 16px #FFFFFF; top: -3px; width: 190px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:hover .spip_titre_rappel{ text-shadow: 0 0 1px #FFFFFF, 0 0 1px #FFFFFF, 0 0 2px #FFFFFF, 0 0 5px #FFFFFF, 0 0 10px #FFFFFF, 0 0 16px #FFFFFF;} /*** Les DESCRIPTIFS V1 avec titre sur 1 ligne 480x480px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li .spip_descriptif_item-rappel{ display: block; width: 200px; margin-top: 0px; margin-left: 19px; font-size: 13px; line-height: 15px; padding: 10px 5px 1px 15px; border-radius: 10px;} /*** Les DESCRIPTIFS V2 avec titre sur 2 lignes 480x480px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li .spip_descriptif_item-rappel2{ display: none; border-radius: 6px; font-size: 10px; line-height: 10px; margin-left: -1px; margin-top: -1px; padding: 35px 5px 6px 6px; width: 217px;} /*** POUR Les BTNS COULEURS(noir en fait) 480x480px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final .color-inside .mon-btn-color, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final .color-inside .mon-btn-color, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final .color-inside .mon-btn-color, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final .color-inside .mon-btn-color, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final .color-inside .mon-btn-color{ display: none; border-radius: 5px; color: #FFFFFF; font-size: 9px; line-height: 0; margin-left: 152px; margin-top: -21px; padding: 7px 2px 7px 7px; width: 26.5%; z-index: 1000;} /*** POUR Les BTNS NOIR 480x480px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final-fix .color-inside .mon-btn, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside .mon-btn, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside .mon-btn, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside .mon-btn, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final-fix .color-inside .mon-btn{ left: 0px; width: 36%; font-size: 16px; line-height: 16px; padding-left: 10px; padding-right: 10px; padding-top: 10px; padding-bottom: 10px; border-radius: 10px; margin-left: 74px; margin-top: 18px; } /******************************************************************************* LES SOUS-RUBRIQUE DE CONTENU 480x480px ************************************************************************************/ /*** CONTENU RUBRIQUES ITEMS 480x480px *****/ .spip-content .main .wrapper .content .box-texte{ background-color: rgba(255, 255, 255, 0.25); border: 1px solid #FFFFFF; border-radius: 0 0 8px 8px; left: 14px; position: absolute; text-shadow: none; top: 114px; transition: all 0.35s ease-in-out 0s; width: 409px; height: 267px; z-index: 10;} .spip-content .main .wrapper .content .box-texte .inner-txt{ padding: 0px; border-radius: 10px 0px 0px 10px;} .spip-content .main .wrapper .content .box-texte .inner-txt .bg-texte{ width: 409px; height: 193px; padding: 0px; border-radius: 0px; background-color: rgba(255, 255, 255, 0.85); border: 0px solid #fff;} .spip-content .main .wrapper .content .box-texte .inner-txt .bg-texte .texte{ border-radius: 0 0 8px 8px; color: #808080; float: left; font-family: Arial,Helvetica,sans-serif; font-size: 10px; line-height: 11px; margin-left: -15px; overflow: auto; padding: 10px 15px 0 0; text-align: left; width: 409px; height: 183px;} .spip_document_1, .spip_document_2, .spip_document_3, .spip_document_4, .spip_document_5, .spip_document_6, .spip_document_7, .spip_document_8, .spip_document_9, .spip_document_10, .spip_document_11, .spip_document_12, .spip_document_13, .spip_document_14, .spip_document_15, .spip_document_16, .spip_document_17, .spip_document_18, .spip_document_19, .spip_document_20, .spip_document_21, .spip_document_22, .spip_document_23, .spip_document_24, .spip_document_25, .spip_document_26, .spip_document_27, .spip_document_28, .spip_document_29, .spip_document_30, .spip_document_31, .spip_document_32, .spip_document_33, .spip_document_34, .spip_document_35, .spip_document_36, .spip_document_37, .spip_document_38, .spip_document_39, .spip_document_40, .spip_document_41, .spip_document_42, .spip_document_43, .spip_document_44, .spip_document_45, .spip_document_46, .spip_document_47, .spip_document_48, .spip_document_49, .spip_document_50, .spip_document_51, .spip_document_52, .spip_document_53, .spip_document_54, .spip_document_55, .spip_document_56, .spip_document_57, .spip_document_58, .spip_document_59, .spip_document_60, .spip_document_61, .spip_document_62, .spip_document_63, .spip_document_64, .spip_document_65, .spip_document_66, .spip_document_67, .spip_document_68, .spip_document_69, .spip_document_70, .spip_document_71, .spip_document_72{ width: 40px!important; height: 67px!important; margin-left: 16px; margin-top: 0px; background-color: #fbfbfb;} p { margin: 0 0 0px;} /*** TEXTE DE LA RUBRIQUE-B 480x480px *****/ .spip-content .main .wrapper .content .texte-rub1{ background-color: rgba(241, 241, 241, 0.85); border: 1px solid #FFFFFF; border-radius: 8px 8px 0 0; color: #555555; float: left; font-family: Arial,Helvetica,sans-serif; font-size: 11px; height: 54px; left: 14px; line-height: 12px; padding: 7px 10px 2px 18px; position: absolute; text-align: left; top: 22px; width: 381px;} .spip-content .main #menu_rubriques1 { width: 1600px; height: 350px; left: 70px; margin-top: 240px;} .spip-content .main #menu_rubriques1 li{ font-size: .8em; margin-left: -1px; margin-top: -15px; } /*** DESCRIPTIF SSRUB 480x480px *****/ .spip-content .main .wrapper .content .descriptif-ssrub{ background-color: rgba(241, 241, 241, 0.85); border: 1px solid #FFFFFF; border-radius: 8px 8px 0 0; color: #555555; float: left; font-family: Arial,Helvetica,sans-serif; font-size: 11px; height: 44px; left: 14px; line-height: 12px; padding: 8px 20px 0; position: absolute; text-align: left; top: 61px; width: 369px;} /*** TAILLE DE L'IMAGE DANS LE CORPS DE TEXTE SPIP 480x480px *****/ .spip_documents_left img{width: 40px; height: 40px; margin-left: 8px; margin-top: -3px; background-color: #fbfbfb;} /*** PARTICULARITE RUBRIQUE FORMULAIRE 480x480px *****/ .spip-content .main .wrapper .content .box-texte .inner-txt-formulaire{ padding: 0px; border-radius: 0px 0px 7px 7px; font-family: Arial,Helvetica,sans-serif; text-align: left;} .spip-content .main .wrapper .content .box-texte .inner-txt-formulaire .bg-texte-formulaire{ border-radius: 0px 0px 7px 7px; background-color: rgba(255, 255, 255, 0.85); border: 0px solid #fff; float: left; overflow: none; padding: 0px; text-align: left; float: left; overflow: none; color: #808080; font-family: Arial,Helvetica,sans-serif; text-align: left; font-size: 11px; line-height: 11px; width: 409px; height: 267px;} /*** PARTICULARITE RUBRIQUE SIMPLE 480x480px *****/ .spip-content .main .wrapper .content .box-texte .inner-txt-simple{ padding: 0px; border-radius: 0px 0px 0px 10px; font-family: Arial,Helvetica,sans-serif; text-align: left;} .spip-content .main .wrapper .content .box-texte .inner-txt-simple .bg-texte-simple{ border-radius: 0px 0px 0px 10px; background-color: rgba(255, 255, 255, 0.85); float: left; overflow: auto; padding: 20px 20px 0 20px; border-top: 0px solid #fff; border-right: 1px solid #fff; border-bottom: 1px solid #fff; border-left: 0px solid #fff; text-align: left; float: left; color: #808080; font-family: Arial,Helvetica,sans-serif; text-align: left; font-size: 11px; line-height: 12px; width: 369px; height: 247px;} /*** POUR LE PETIT MENU des SOUS RUBRIQUES en haut à droite 480x480px *****/ .spip-content .main #menu_rubriques1 { position: absolute; text-align: left; width: 389px; height: 73px; z-index: 1000; top: 68px; padding-right: 20px; left: 14px; background-color: rgba(241, 241, 241, 0.7); border-top-left-radius: 0px; border-bottom-left-radius: 8px; border-top-right-radius: 0px; border-bottom-right-radius: 8px; border: 1px solid #fff; } .spip-content .main #menu_rubriques1 li{ font-size: .8em; margin-left: 32px; list-style: none; float: left; margin-top: -7px; } .spip-content .main #menu_rubriques1 li ul li{ font-size: 1em; margin-left: 0em;} .spip-content .main #menu_rubriques1 { list-style-type:none; } .spip-content .main #menu_rubriques1 li { list-style-type: none; } .spip-content .main #menu_rubriques1 li li { list-style-type: none; } .spip-content .main #menu_rubriques1 li li li { list-style-type: none; } .spip-content .main #menu_rubriques1 hr {margin : 0.7em 0;} .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li { width: 56px; } .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li:hover { width: 56px; } .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li .spip_logos_rappel { height: 60px; width: 60px; margin-bottom: 6px; margin-left: 8px; margin-top: 3px;} .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li:hover .spip_logos_rappel {} .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li .spip_titre_rappel{ font-family: "Arial"; font-size: 9px; line-height: 10px; list-style: none outside none; margin: -14px 25px 1px 4px; position: absolute; text-align: center; width: 70px;} .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li:hover .spip_titre_rappel { } /*** Les currents 480x480px ***/ .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li .nav_current_rub{ display: none;width: 120px; } .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li .nav_current_rub .spip_logos_rappel { width: 80px; height: 80px; padding-left: 18px; padding-top: 18px; padding-bottom: 10px;} .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li .nav_current_rub .spip_titre_rappel { position: absolute; width: 120px; margin-top: -14px; margin-left:-1px; text-align: center; font-size: 14px; line-height: 14px; list-style: none;} /*** FIN de 480x480px *****/ } /*****MEDIA QUERY SOUS MON AILE 480x600px *****/ @media screen and (min-width: 480px) and (max-width: 559px) and (min-height: 600px) and (max-height: 749px){ /**** SPIP CONTENT 480x600px *****/ .contenu-mobil.spip-content{ display: none;} .contenu-desktop.spip-content{display: block; height: 433px; margin-left: 1px; margin-top: 50px; width: 437px; z-index:100;} /*** FIL d'ARIANE SPIP 480x600px *****/ .spip-content .ariane{ display: none; z-index:100; margin-top: 0px; } .spip-content .ariane .arbo{ padding-left: 10px; padding-right: 10px; font-size: 11px; line-height: 11px; width: auto; height: 20px; margin-top: 0px; text-shadow: 0 0 1px #FFFFFF, 0 0 1px #FFFFFF, 0 0 2px #FFFFFF, 0 0 5px #FFFFFF;} /*** CONTNER CONTENU SPIP 480x600px *****/ .spip-content .main { width: 518px; height: 403px; margin-left: 0px; top: 66px; z-index: 50;} .spip-content .main .wrapper .content { width: 518px; height: 403px; margin-top: 0px;} /*** TITRES TITRE DE LA RUBRIQUE-1 480x600px *****/ .titre-sma{ display: none; font-size: 20px; line-height: 2px; margin-top: 89px; padding-left: 138px; text-shadow: 0 0 1px #FFFFFF, 0 0 1px #FFFFFF, 0 0 2px #FFFFFF, 0 0 5px #FFFFFF, 0 0 10px #FFFFFF, 0 0 16px #FFFFFF; } .spip-content .main .wrapper .content .container2 { width: 1615px; margin-left:0px; margin-top: 0px;} /*** TITRES TITRE DE LA SOUS-RUBRIQUE-1 480x600px *****/ h1.titre-sma-rub1, h1.titre-sma-ssrub{ width: 370px; font-size: 21px; margin-left: 66px; margin-top: -10px; text-shadow: 0 0 1px #FFFFFF, 0 0 1px #FFFFFF, 0 0 2px #FFFFFF, 0 0 5px #FFFFFF, 0 0 10px #FFFFFF, 0 0 13px #FFFFFF;} h1.titre-sma-rub1 .spip_logos , h1.titre-sma-ssrub .spip_logos { height: 60px; margin: -5px 0 0 -30px; width: 60px;} h1.titre-sma-rub1 .descriptif, h1.titre-sma-ssrub .descriptif{ font-size: 12px; line-height: 12px; margin-top: -7px; margin-left: 0px; width: 351px;} /*** TEXTE DE LA RUBRIQUE-1 480x600px *****/ .spip-content .main .wrapper .content .texte-rub1{ border-radius: 12px 12px 0 0; font-size: 11px; height: 57px; left: 14px; line-height: 13px; margin-top: 55px; padding: 8px 13px 0 19px; width: 377px;} .spip-content .main #menu_rubriques2 { height: 350px; left: -29px; margin-top: 163px;} .spip-content .main #menu_rubriques2 li{ font-size: .8em; margin-left: -1px; margin-top: -15px; } /*** LES BLOCS 480x600px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li { width: 426px; height: 77px; z-index: 1;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:hover{ width: 426px; height: 77px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child{ left: 37px; top: 194px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2){ left: 26px; top: 137px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3){ left: 26px; top: 80px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4){ left: 26px; top: 23px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child{ left: 37px; top: -34px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child {border-top-right-radius: 0px; border-bottom-right-radius: 0px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2), .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3), .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4){ margin-left: 10px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child{ border-top-left-radius: 0px; border-bottom-left-radius: 0px; } /*** LES CADRES-INNER 480x600px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner{ width: 425px; height: 56px; padding-top: 7px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child:hover .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2):hover .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3):hover .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4):hover .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child:hover .cadre-inner{ width: 425px; height: 56px; padding-top: 7px; } .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner { border-top-right-radius: 15px; border-bottom-right-radius: 15px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner{} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner { border-top-left-radius: 0px; border-bottom-left-radius: 0px;} /*** LES CADRES-ITEM 480x600px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item{ width: 409px; height: 56px; margin-left: 7px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item{ border-top-left-radius: 0px; border-bottom-left-radius: 12px; border-top-right-radius: 0px; border-bottom-right-radius: 12px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item{ border-top-left-radius: 0px; border-bottom-left-radius: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 0px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item{ border-top-left-radius: 0px; border-bottom-left-radius: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 0px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child:hover .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2):hover .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3):hover .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4):hover .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child:hover .cadre-inner .cadre-item{ box-shadow: 0 0 2px #FFFFFF, 0 0 5px #FFFFFF, 0 0 10px #ffffff, 0 0 18px #ffffff; } .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child:hover .cadre-inner .cadre-item{ border-top-left-radius: 0px; border-bottom-left-radius: 12px; border-top-right-radius: 0px; border-bottom-right-radius: 12px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2):hover .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3):hover .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4):hover .cadre-inner .cadre-item{ border-top-left-radius: 0px; border-bottom-left-radius: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 0px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child:hover .cadre-inner .cadre-item{ border-top-left-radius: 0px; border-bottom-left-radius: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 0px;} /*** LES CADRES-ITEM-FINAL 480x600px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final{ width: 399px; height: 46px; margin-left: 4px; margin-top: 4px; } /*** CADRE ITEM FIX ***/ /*** Gradient Red ***/ /*** Gradient Orange ***/ /*** Gradient Yellow ***/ /*** Gradient Green ***/ /*** Gradient Blue ***/ /** COLOR INSIDE = DEGRADE GRIS 480x600px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final .color-inside{ width: 391px; height: 38px; left: 16px; margin-top: 3px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final .color-inside{ border-top-left-radius: 4px; border-bottom-left-radius: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final .color-inside{ border-top-left-radius: 4px; border-bottom-left-radius: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final .color-inside{ border-top-left-radius: 4px; border-bottom-left-radius: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final{ border-top-left-radius: 7px; border-bottom-left-radius: 7px; border-top-right-radius: 7px; border-bottom-right-radius: 7px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final{ border-top-left-radius: 7px; border-bottom-left-radius: 7px; border-top-right-radius: 7px; border-bottom-right-radius: 7px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final{ border-top-left-radius: 7px; border-bottom-left-radius: 7px; border-top-right-radius: 7px; border-bottom-right-radius: 7px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child:hover .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2):hover .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3):hover .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4):hover .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child:hover .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child:hover .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2):hover .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3):hover .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4):hover .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child:hover .cadre-inner .cadre-item .cadre-item-final{ width: 399px; height: 46px; margin-left: 4px; margin-top: 4px; } /*** Les LOGOS 480x600px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .spip_logos_rappel{ height: 50px; margin-left: 46px; margin-top: -7px; width: 50px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child:hover .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2):hover .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3):hover .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4):hover .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child:hover .cadre-inner .spip_logos_rappel{ height: 50px; margin-left: 46px; margin-top: -7px; width: 50px;} /*** Les TITRES 480x600px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li .spip_titre_rappel{ font-size: 21px; left: 102px; line-height: 4px; margin-left: 0; padding: 10px 0; text-align: left; text-shadow: 0 0 1px #FFFFFF, 0 0 1px #FFFFFF, 0 0 2px #FFFFFF, 0 0 5px #FFFFFF, 0 0 10px #FFFFFF, 0 0 16px #FFFFFF; top: 6px; width: 282px;} /*** Les DESCRIPTIFS V1 avec titre sur 1 ligne 480x600px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li .spip_descriptif_item-rappel{ display: block; width: 200px; margin-top: 0px; margin-left: 19px; font-size: 13px; line-height: 15px; padding: 10px 5px 1px 15px; border-radius: 10px;} /*** Les DESCRIPTIFS V2 avec titre sur 2 lignes 480x600px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li .spip_descriptif_item-rappel2{ display: none; border-radius: 6px; font-size: 11px; line-height: 12px; margin-left: -1px; margin-top: -79px; padding: 26px 99px 0px 81px; width: 290px;} /*** POUR Les BTNS COULEURS(noir en fait) 480x600px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final .color-inside .mon-btn-color, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final .color-inside .mon-btn-color, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final .color-inside .mon-btn-color, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final .color-inside .mon-btn-color, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final .color-inside .mon-btn-color{ display: none; border-radius: 5px; color: #FFFFFF; font-size: 10px; line-height: 0; margin-left: 381px; margin-top: -31px; padding: 10px 4px 10px 6px; width: 12.5%; z-index: 1000;} /*** POUR Les BTNS NOIR 480x600px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final-fix .color-inside .mon-btn, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside .mon-btn, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside .mon-btn, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside .mon-btn, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final-fix .color-inside .mon-btn{ display: none; left: 0px; width: 36%; font-size: 16px; line-height: 16px; padding-left: 10px; padding-right: 10px; padding-top: 10px; padding-bottom: 10px; border-radius: 10px; margin-left: 74px; margin-top: 18px; } /******************************************************************************* LES SOUS-RUBRIQUE DE CONTENU 480x600px ************************************************************************************/ /*** CONTENU RUBRIQUES ITEMS 480x600px *****/ .spip-content .main .wrapper .content .box-texte{ background-color: rgba(255, 255, 255, 0.25); border: 1px solid #FFFFFF; border-radius: 0 0 8px 8px; left: 14px; position: absolute; text-shadow: none; top: 114px; transition: all 0.35s ease-in-out 0s; width: 409px; height: 315px; z-index: 10;} .spip-content .main .wrapper .content .box-texte .inner-txt{ padding: 0px; border-radius: 10px 0px 0px 10px;} .spip-content .main .wrapper .content .box-texte .inner-txt .bg-texte{ width: 409px; height: 241px; padding: 0px; border-radius: 0px; background-color: rgba(255, 255, 255, 0.85); border: 0px solid #fff;} .spip-content .main .wrapper .content .box-texte .inner-txt .bg-texte .texte{ border-radius: 0 0 8px 8px; color: #808080; float: left; font-family: Arial,Helvetica,sans-serif; font-size: 10px; line-height: 11px; margin-left: -15px; overflow: auto; padding: 10px 15px 0 0; text-align: left; width: 409px; height: 231px;} .spip_document_1, .spip_document_2, .spip_document_3, .spip_document_4, .spip_document_5, .spip_document_6, .spip_document_7, .spip_document_8, .spip_document_9, .spip_document_10, .spip_document_11, .spip_document_12, .spip_document_13, .spip_document_14, .spip_document_15, .spip_document_16, .spip_document_17, .spip_document_18, .spip_document_19, .spip_document_20, .spip_document_21, .spip_document_22, .spip_document_23, .spip_document_24, .spip_document_25, .spip_document_26, .spip_document_27, .spip_document_28, .spip_document_29, .spip_document_30, .spip_document_31, .spip_document_32, .spip_document_33, .spip_document_34, .spip_document_35, .spip_document_36, .spip_document_37, .spip_document_38, .spip_document_39, .spip_document_40, .spip_document_41, .spip_document_42, .spip_document_43, .spip_document_44, .spip_document_45, .spip_document_46, .spip_document_47, .spip_document_48, .spip_document_49, .spip_document_50, .spip_document_51, .spip_document_52, .spip_document_53, .spip_document_54, .spip_document_55, .spip_document_56, .spip_document_57, .spip_document_58, .spip_document_59, .spip_document_60, .spip_document_61, .spip_document_62, .spip_document_63, .spip_document_64, .spip_document_65, .spip_document_66, .spip_document_67, .spip_document_68, .spip_document_69, .spip_document_70, .spip_document_71, .spip_document_72{ width: 40px!important; height: 50px!important; margin-left: 16px; margin-top: 0px; background-color: #fbfbfb;} p { margin: 0 0 0px;} /*** TEXTE DE LA RUBRIQUE-B 480x600px *****/ .spip-content .main .wrapper .content .texte-rub1{ background-color: rgba(241, 241, 241, 0.85); border: 1px solid #FFFFFF; border-radius: 8px 8px 0 0; color: #555555; float: left; font-family: Arial,Helvetica,sans-serif; font-size: 11px; height: 57px; left: 14px; line-height: 13px; padding: 8px 10px 2px 18px; position: absolute; text-align: left; top: 22px; width: 381px;} .spip-content .main #menu_rubriques1 { width: 1600px; height: 350px; left: 70px; margin-top: 240px;} .spip-content .main #menu_rubriques1 li{ font-size: .8em; margin-left: -1px; margin-top: -15px; } /*** DESCRIPTIF SSRUB 480x600px *****/ .spip-content .main .wrapper .content .descriptif-ssrub{ background-color: rgba(241, 241, 241, 0.85); border: 1px solid #FFFFFF; border-radius: 8px 8px 0 0; color: #555555; float: left; font-family: Arial,Helvetica,sans-serif; font-size: 11px; height: 44px; left: 14px; line-height: 12px; padding: 8px 20px 0; position: absolute; text-align: left; top: 61px; width: 369px;} /*** TAILLE DE L'IMAGE DANS LE CORPS DE TEXTE SPIP 480x600px *****/ .spip_documents_left img{width: 40px; height: 40px; margin-left: 8px; margin-top: -3px; background-color: #fbfbfb;} /*** PARTICULARITE RUBRIQUE FORMULAIRE 480x600px *****/ .spip-content .main .wrapper .content .box-texte .inner-txt-formulaire{ padding: 7px 7px 7px 7px; border-radius: 10px 0px 0px 10px; font-family: Arial,Helvetica,sans-serif; text-align: left;} .spip-content .main .wrapper .content .box-texte .inner-txt-formulaire .bg-texte-formulaire{ border-radius: 7px 7px 7px 7px; background-color: rgba(255, 255, 255, 0.85); float: left; overflow: auto; padding: 2px 160px 20px 80px; text-align: left; float: left; overflow: auto; border-radius: 5px; color: #808080; font-family: Arial,Helvetica,sans-serif; text-align: left; font-size: 11px; line-height: 10px; width: 155px; height: 279px;} /*** PARTICULARITE RUBRIQUE SIMPLE 480x600px *****/ .spip-content .main .wrapper .content .box-texte .inner-txt-simple{ padding: 0px; border-radius: 0px 0px 0px 10px; font-family: Arial,Helvetica,sans-serif; text-align: left;} .spip-content .main .wrapper .content .box-texte .inner-txt-simple .bg-texte-simple{ background-color: rgba(255, 255, 255, 0.85); border-color: #FFFFFF; border-radius: 0 0 0 10px; border-style: solid; border-width: 0 1px 1px 0; color: #808080; float: left; font-family: Arial,Helvetica,sans-serif; font-size: 11px; height: 295px; line-height: 12px; overflow: auto; padding: 20px 20px 0; text-align: left; width: 369px;} /*** POUR LE PETIT MENU des SOUS RUBRIQUES en haut à droite 480x600px *****/ .spip-content .main #menu_rubriques1 { position: absolute; text-align: left; width: 389px; height: 73px; z-index: 1000; top: 116px; padding-right: 20px; left: 14px; background-color: rgba(241, 241, 241, 0.7); border-top-left-radius: 0px; border-bottom-left-radius: 8px; border-top-right-radius: 0px; border-bottom-right-radius: 8px; border: 1px solid #fff; } .spip-content .main #menu_rubriques1 li{ font-size: .8em; margin-left: 32px; list-style: none; float: left; margin-top: -7px; } .spip-content .main #menu_rubriques1 li ul li{ font-size: 1em; margin-left: 0em;} .spip-content .main #menu_rubriques1 { list-style-type:none; } .spip-content .main #menu_rubriques1 li { list-style-type: none; } .spip-content .main #menu_rubriques1 li li { list-style-type: none; } .spip-content .main #menu_rubriques1 li li li { list-style-type: none; } .spip-content .main #menu_rubriques1 hr {margin : 0.7em 0;} .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li { width: 56px; } .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li:hover { width: 56px; } .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li .spip_logos_rappel { height: 60px; width: 60px; margin-bottom: 6px; margin-left: 8px; margin-top: 3px;} .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li:hover .spip_logos_rappel {} .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li .spip_titre_rappel{ font-family: "Arial"; font-size: 9px; line-height: 10px; list-style: none outside none; margin: -14px 25px 1px 4px; position: absolute; text-align: center; width: 70px;} .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li:hover .spip_titre_rappel { } /*** Les currents 480x600px ***/ .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li .nav_current_rub{ display: none;width: 120px; } .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li .nav_current_rub .spip_logos_rappel { width: 80px; height: 80px; padding-left: 18px; padding-top: 18px; padding-bottom: 10px;} .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li .nav_current_rub .spip_titre_rappel { position: absolute; width: 120px; margin-top: -14px; margin-left:-1px; text-align: center; font-size: 14px; line-height: 14px; list-style: none;} /*** FIN de 480x600px *****/ } /*****MEDIA QUERY SOUS MON AILE 480x768px *****/ @media screen and (min-width: 480px) and (max-width: 559px) and (min-height: 750px) and (max-height: 899px){ /**** SPIP CONTENT 480x768px *****/ .contenu-mobil.spip-content{ display: none;} .contenu-desktop.spip-content{display: block; height: 433px; margin-left: 1px; margin-top: 50px; width: 437px; z-index:100;} /*** FIL d'ARIANE SPIP 480x768px *****/ .spip-content .ariane{ display: none; z-index:100; margin-top: 0px; } .spip-content .ariane .arbo{ padding-left: 10px; padding-right: 10px; font-size: 11px; line-height: 11px; width: auto; height: 20px; margin-top: 0px; text-shadow: 0 0 1px #FFFFFF, 0 0 1px #FFFFFF, 0 0 2px #FFFFFF, 0 0 5px #FFFFFF;} /*** CONTNER CONTENU SPIP 480x768px *****/ .spip-content .main { width: 518px; height: 403px; margin-left: 0px; top: 66px; z-index: 50;} .spip-content .main .wrapper .content { width: 518px; height: 403px; margin-top: 0px;} /*** TITRES TITRE DE LA RUBRIQUE-1 480x768px *****/ .titre-sma{ display: none; font-size: 20px; line-height: 2px; margin-top: 89px; padding-left: 138px; text-shadow: 0 0 1px #FFFFFF, 0 0 1px #FFFFFF, 0 0 2px #FFFFFF, 0 0 5px #FFFFFF, 0 0 10px #FFFFFF, 0 0 16px #FFFFFF; } .spip-content .main .wrapper .content .container2 { width: 1615px; margin-left:0px; margin-top: 0px;} /*** TITRES TITRE DE LA SOUS-RUBRIQUE-1 480x768px *****/ h1.titre-sma-rub1, h1.titre-sma-ssrub{ width: 370px; font-size: 21px; margin-left: 66px; margin-top: -10px; text-shadow: 0 0 1px #FFFFFF, 0 0 1px #FFFFFF, 0 0 2px #FFFFFF, 0 0 5px #FFFFFF, 0 0 10px #FFFFFF, 0 0 13px #FFFFFF;} h1.titre-sma-rub1 .spip_logos , h1.titre-sma-ssrub .spip_logos { height: 60px; margin: -5px 0 0 -30px; width: 60px;} h1.titre-sma-rub1 .descriptif, h1.titre-sma-ssrub .descriptif{ font-size: 12px; line-height: 12px; margin-top: -7px; margin-left: 0px; width: 351px;} /*** TEXTE DE LA RUBRIQUE-1 480x768px *****/ .spip-content .main .wrapper .content .texte-rub1{ border-radius: 12px 12px 0 0; font-size: 12px; left: 14px; line-height: 13px; margin-top: 53px; padding: 7px 13px 0 19px; width: 377px; height: 60px;} .spip-content .main #menu_rubriques2 { height: 350px; left: -29px; margin-top: 163px;} .spip-content .main #menu_rubriques2 li{ font-size: .8em; margin-left: -1px; margin-top: -15px; } /*** LES BLOCS 480x768px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li { width: 426px; height: 90px; z-index: 1;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:hover{ width: 426px; height: 90px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child{ left: 37px; top: 327px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2){ left: 26px; top: 234px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3){ left: 26px; top: 141px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4){ left: 26px; top: 48px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child{ left: 37px; top: -45px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child {border-top-right-radius: 0px; border-bottom-right-radius: 0px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2), .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3), .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4){ margin-left: 10px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child{ border-top-left-radius: 0px; border-bottom-left-radius: 0px; } /*** LES CADRES-INNER 480x768px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner{ width: 400px; height: 68px; padding-top: 7px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child:hover .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2):hover .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3):hover .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4):hover .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child:hover .cadre-inner{ width: 400px; height: 68px; padding-top: 7px; } .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner { border-top-right-radius: 15px; border-bottom-right-radius: 15px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner{} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner { border-top-left-radius: 0px; border-bottom-left-radius: 0px;} /*** LES CADRES-ITEM 480x768px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item{ width: 409px; height: 92px; margin-left: 7px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item{ border-top-left-radius: 0px; border-bottom-left-radius: 12px; border-top-right-radius: 0px; border-bottom-right-radius: 12px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item{ border-top-left-radius: 0px; border-bottom-left-radius: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 0px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item{ border-top-left-radius: 0px; border-bottom-left-radius: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 0px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child:hover .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2):hover .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3):hover .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4):hover .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child:hover .cadre-inner .cadre-item{ box-shadow: 0 0 2px #FFFFFF, 0 0 5px #FFFFFF, 0 0 10px #ffffff, 0 0 18px #ffffff; } .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child:hover .cadre-inner .cadre-item{ border-top-left-radius: 0px; border-bottom-left-radius: 12px; border-top-right-radius: 0px; border-bottom-right-radius: 12px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2):hover .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3):hover .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4):hover .cadre-inner .cadre-item{ border-top-left-radius: 0px; border-bottom-left-radius: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 0px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child:hover .cadre-inner .cadre-item{ border-top-left-radius: 0px; border-bottom-left-radius: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 0px;} /*** LES CADRES-ITEM-FINAL 480x768px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final{ width: 399px; height: 82px; margin-left: 4px; margin-top: 4px; } /*** CADRE ITEM FIX ***/ /*** Gradient Red ***/ /*** Gradient Orange ***/ /*** Gradient Yellow ***/ /*** Gradient Green ***/ /*** Gradient Blue ***/ /** COLOR INSIDE = DEGRADE GRIS 480x768px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final .color-inside{ width: 390px; height: 74px; left: 16px; margin-top: 3px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final .color-inside{ border-top-left-radius: 4px; border-bottom-left-radius: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final .color-inside{ border-top-left-radius: 4px; border-bottom-left-radius: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final .color-inside{ border-top-left-radius: 4px; border-bottom-left-radius: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final{ border-top-left-radius: 7px; border-bottom-left-radius: 7px; border-top-right-radius: 7px; border-bottom-right-radius: 7px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final{ border-top-left-radius: 7px; border-bottom-left-radius: 7px; border-top-right-radius: 7px; border-bottom-right-radius: 7px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final{ border-top-left-radius: 7px; border-bottom-left-radius: 7px; border-top-right-radius: 7px; border-bottom-right-radius: 7px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child:hover .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2):hover .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3):hover .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4):hover .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child:hover .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child:hover .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2):hover .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3):hover .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4):hover .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child:hover .cadre-inner .cadre-item .cadre-item-final{ width: 399px; height: 82px; margin-left: 4px; margin-top: 4px; } /*** Les LOGOS 480x768px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .spip_logos_rappel{ position: absolute; height: 60px; margin-left: -1px; margin-top: -8px; width: 60px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child:hover .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2):hover .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3):hover .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4):hover .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child:hover .cadre-inner .spip_logos_rappel{ height: 60px; margin-left: -1px; margin-top: -8px; width: 60px;} /*** Les TITRES 480x768px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li .spip_titre_rappel{ font-size: 14px; line-height: 0px; margin-left: 0; padding: 10px 0px; text-align: left; text-shadow: 0 0 1px #FFFFFF, 0 0 1px #FFFFFF, 0 0 2px #FFFFFF, 0 0 5px #FFFFFF, 0 0 10px #FFFFFF, 0 0 16px #FFFFFF; top: 1px; width: 262px; left: 59px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:hover .spip_titre_rappel{ text-shadow: 0 0 1px #FFFFFF, 0 0 1px #FFFFFF, 0 0 2px #FFFFFF, 0 0 5px #FFFFFF, 0 0 10px #FFFFFF, 0 0 16px #FFFFFF;} /*** Les DESCRIPTIFS V1 avec titre sur 1 ligne 480x768px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li .spip_descriptif_item-rappel{ display: block; width: 200px; margin-top: 0px; margin-left: 19px; font-size: 13px; line-height: 15px; padding: 10px 5px 1px 15px; border-radius: 10px;} /*** Les DESCRIPTIFS V2 avec titre sur 2 lignes 480x768px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li .spip_descriptif_item-rappel2{ border-radius: 6px; display: block; font-size: 10px; line-height: 10px; margin-left: -1px; margin-top: -1px; padding: 24px 64px 0 58px; width: 268px; height: 50px;} /*** POUR Les BTNS COULEURS(noir en fait) 480x768px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final .color-inside .mon-btn-color, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final .color-inside .mon-btn-color, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final .color-inside .mon-btn-color, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final .color-inside .mon-btn-color, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final .color-inside .mon-btn-color{ border-radius: 5px; color: #FFFFFF; font-size: 8px; line-height: 0; margin-left: 325px; margin-top: -23px; padding: 7px 0 8px 6px; width: 13.5%; z-index: 1000;} /*** POUR Les BTNS NOIR 480x768px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final-fix .color-inside .mon-btn, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside .mon-btn, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside .mon-btn, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside .mon-btn, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final-fix .color-inside .mon-btn{ left: 0px; width: 36%; font-size: 16px; line-height: 16px; padding-left: 10px; padding-right: 10px; padding-top: 10px; padding-bottom: 10px; border-radius: 10px; margin-left: 74px; margin-top: 18px; } /******************************************************************************* LES SOUS-RUBRIQUE DE CONTENU 480x768px ************************************************************************************/ /*** CONTENU RUBRIQUES ITEMS 480x768px *****/ .spip-content .main .wrapper .content .box-texte{ background-color: rgba(255, 255, 255, 0.25); border: 1px solid #FFFFFF; border-radius: 0 0 8px 8px; left: 14px; position: absolute; text-shadow: none; top: 114px; transition: all 0.35s ease-in-out 0s; width: 409px; height: 485px; z-index: 10;} .spip-content .main .wrapper .content .box-texte .inner-txt{ padding: 0px; border-radius: 10px 0px 0px 10px;} .spip-content .main .wrapper .content .box-texte .inner-txt .bg-texte{ width: 409px; height: 411px; padding: 0px; border-radius: 0px; background-color: rgba(255, 255, 255, 0.85); border: 0px solid #fff;} .spip-content .main .wrapper .content .box-texte .inner-txt .bg-texte .texte{ border-radius: 0 0 8px 8px; color: #808080; float: left; font-family: Arial,Helvetica,sans-serif; font-size: 10px; line-height: 11px; margin-left: -15px; overflow: auto; padding: 10px 15px 0 0; text-align: left; width: 409px; height: 401px;} .spip_document_1, .spip_document_2, .spip_document_3, .spip_document_4, .spip_document_5, .spip_document_6, .spip_document_7, .spip_document_8, .spip_document_9, .spip_document_10, .spip_document_11, .spip_document_12, .spip_document_13, .spip_document_14, .spip_document_15, .spip_document_16, .spip_document_17, .spip_document_18, .spip_document_19, .spip_document_20, .spip_document_21, .spip_document_22, .spip_document_23, .spip_document_24, .spip_document_25, .spip_document_26, .spip_document_27, .spip_document_28, .spip_document_29, .spip_document_30, .spip_document_31, .spip_document_32, .spip_document_33, .spip_document_34, .spip_document_35, .spip_document_36, .spip_document_37, .spip_document_38, .spip_document_39, .spip_document_40, .spip_document_41, .spip_document_42, .spip_document_43, .spip_document_44, .spip_document_45, .spip_document_46, .spip_document_47, .spip_document_48, .spip_document_49, .spip_document_50, .spip_document_51, .spip_document_52, .spip_document_53, .spip_document_54, .spip_document_55, .spip_document_56, .spip_document_57, .spip_document_58, .spip_document_59, .spip_document_60, .spip_document_61, .spip_document_62, .spip_document_63, .spip_document_64, .spip_document_65, .spip_document_66, .spip_document_67, .spip_document_68, .spip_document_69, .spip_document_70, .spip_document_71, .spip_document_72{ width: 40px!important; height: 55px!important; margin-left: 16px; margin-top: 0px; background-color: #fbfbfb;} p { margin: 0 0 0px;} /*** TEXTE DE LA RUBRIQUE-B 480x768px *****/ .spip-content .main .wrapper .content .texte-rub1{ background-color: rgba(241, 241, 241, 0.85); border: 1px solid #FFFFFF; border-radius: 8px 8px 0 0; color: #555555; float: left; font-family: Arial,Helvetica,sans-serif; font-size: 11px; height: 57px; left: 14px; line-height: 13px; padding: 8px 10px 2px 18px; position: absolute; text-align: left; top: 13px; width: 381px;} .spip-content .main #menu_rubriques1 { width: 1600px; height: 350px; left: 70px; margin-top: 240px;} .spip-content .main #menu_rubriques1 li{ font-size: .8em; margin-left: -1px; margin-top: -15px; } /*** DESCRIPTIF SSRUB 480x768px *****/ .spip-content .main .wrapper .content .descriptif-ssrub{ background-color: rgba(241, 241, 241, 0.85); border: 1px solid #FFFFFF; border-radius: 8px 8px 0 0; color: #555555; float: left; font-family: Arial,Helvetica,sans-serif; font-size: 11px; height: 44px; left: 14px; line-height: 12px; padding: 8px 20px 0; position: absolute; text-align: left; top: 61px; width: 369px;} /*** TAILLE DE L'IMAGE DANS LE CORPS DE TEXTE SPIP 480x768px *****/ .spip_documents_left img{width: 40px; height: 40px; margin-left: 8px; margin-top: -3px; background-color: #fbfbfb;} /*** PARTICULARITE RUBRIQUE FORMULAIRE 480x768px *****/ .spip-content .main .wrapper .content .box-texte .inner-txt-formulaire{ padding: 7px; border-radius: 10px 0px 0px 10px; font-family: Arial,Helvetica,sans-serif; text-align: left;} .spip-content .main .wrapper .content .box-texte .inner-txt-formulaire .bg-texte-formulaire{ border-radius: 5px; background-color: rgba(255, 255, 255, 0.85); border: 1px solid #fff; float: left; overflow: none; padding: 0px; text-align: left; float: left; color: #808080; font-family: Arial,Helvetica,sans-serif; text-align: left; font-size: 11px; line-height: 10px; width: 393px; height: 469px;} .spip-content .main .wrapper .content .box-texte .inner-txt-simple{ padding: 0px; border-radius: 0px 0px 0px 10px; font-family: Arial,Helvetica,sans-serif; text-align: left;} /*** PARTICULARITE RUBRIQUE SIMPLE 480x768px *****/ .spip-content .main .wrapper .content .box-texte .inner-txt-simple{ padding: 0px; border-radius: 0px 0px 0px 7px; font-family: Arial,Helvetica,sans-serif; text-align: left;} .spip-content .main .wrapper .content .box-texte .inner-txt-simple .bg-texte-simple{ background-color: rgba(255, 255, 255, 0.85); border-color: #FFFFFF; border-radius: 0 0 0 7px; border-style: solid; border-width: 0 1px 1px 0; color: #808080; float: left; font-family: Arial,Helvetica,sans-serif; font-size: 11px; height: 465px; line-height: 12px; overflow: auto; padding: 20px 20px 0; text-align: left; width: 369px;} /*** POUR LE PETIT MENU des SOUS RUBRIQUES en haut à droite 480x768px *****/ .spip-content .main #menu_rubriques1 { position: absolute; text-align: left; width: 389px; height: 73px; z-index: 1000; top: 286px; padding-right: 20px; left: 14px; background-color: rgba(241, 241, 241, 0.7); border-top-left-radius: 0px; border-bottom-left-radius: 8px; border-top-right-radius: 0px; border-bottom-right-radius: 8px; border: 1px solid #fff; } .spip-content .main #menu_rubriques1 li{ font-size: .8em; margin-left: 32px; list-style: none; float: left; margin-top: -7px; } .spip-content .main #menu_rubriques1 li ul li{ font-size: 1em; margin-left: 0em;} .spip-content .main #menu_rubriques1 { list-style-type:none; } .spip-content .main #menu_rubriques1 li { list-style-type: none; } .spip-content .main #menu_rubriques1 li li { list-style-type: none; } .spip-content .main #menu_rubriques1 li li li { list-style-type: none; } .spip-content .main #menu_rubriques1 hr {margin : 0.7em 0;} .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li { width: 56px; } .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li:hover { width: 56px; } .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li .spip_logos_rappel { height: 60px; width: 60px; margin-bottom: 6px; margin-left: 8px; margin-top: 3px;} .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li:hover .spip_logos_rappel {} .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li .spip_titre_rappel{ font-family: "Arial"; font-size: 9px; line-height: 10px; list-style: none outside none; margin: -14px 25px 1px 4px; position: absolute; text-align: center; width: 70px;} .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li:hover .spip_titre_rappel { } /*** Les currents 480x768px ***/ .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li .nav_current_rub{ display: none;width: 120px; } .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li .nav_current_rub .spip_logos_rappel { width: 80px; height: 80px; padding-left: 18px; padding-top: 18px; padding-bottom: 10px;} .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li .nav_current_rub .spip_titre_rappel { position: absolute; width: 120px; margin-top: -14px; margin-left:-1px; text-align: center; font-size: 14px; line-height: 14px; list-style: none;} /*** FIN de 480x768px *****/ } /*****MEDIA QUERY SOUS MON AILE 480x800px *****/ @media screen and (min-width: 480px) and (max-width: 559px) and (min-height: 800px) and (max-height: 899px){ /**** SPIP CONTENT 480x800px *****/ .contenu-mobil.spip-content{ display: none;} .contenu-desktop.spip-content{display: block; height: 693px; margin-left: 1px; margin-top: 50px; width: 437px; z-index:100;} /*** FIL d'ARIANE SPIP 480x800px *****/ .spip-content .ariane{ display: none; z-index:100; margin-top: 0px; } .spip-content .ariane .arbo{ padding-left: 10px; padding-right: 10px; font-size: 11px; line-height: 11px; width: auto; height: 20px; margin-top: 0px; text-shadow: 0 0 1px #FFFFFF, 0 0 1px #FFFFFF, 0 0 2px #FFFFFF, 0 0 5px #FFFFFF;} /*** CONTNER CONTENU SPIP 480x800x *****/ .spip-content .main { width: 518px; height: 603px; margin-left: 0px; margin-top: 0px; z-index: 50;} .spip-content .main .wrapper .content { width: 518px; height: 603px; margin-top: 0px;} /*** TITRES TITRE DE LA RUBRIQUE-1 480x800px *****/ .titre-sma{ display: none; font-size: 20px; line-height: 2px; margin-top: 89px; padding-left: 138px; text-shadow: 0 0 1px #FFFFFF, 0 0 1px #FFFFFF, 0 0 2px #FFFFFF, 0 0 5px #FFFFFF, 0 0 10px #FFFFFF, 0 0 16px #FFFFFF; } .spip-content .main .wrapper .content .container2 { width: 1615px; margin-left:0px; margin-top: 0px;} /*** TITRES TITRE DE LA SOUS-RUBRIQUE-1 480x800px *****/ h1.titre-sma-rub1, h1.titre-sma-ssrub{ width: 370px; font-size: 21px; margin-left: 66px; margin-top: -10px; text-shadow: 0 0 1px #FFFFFF, 0 0 1px #FFFFFF, 0 0 2px #FFFFFF, 0 0 5px #FFFFFF, 0 0 10px #FFFFFF, 0 0 13px #FFFFFF;} h1.titre-sma-rub1 .spip_logos , h1.titre-sma-ssrub .spip_logos { height: 60px; margin: -5px 0 0 -30px; width: 60px;} h1.titre-sma-rub1 .descriptif, h1.titre-sma-ssrub .descriptif{ font-size: 12px; line-height: 12px; margin-top: -7px; margin-left: 0px; width: 351px;} /*** TEXTE DE LA RUBRIQUE-1 480x800px *****/ .spip-content .main .wrapper .content .texte-rub1{ border-radius: 12px 12px 0 0; font-size: 12px; left: 14px; line-height: 13px; margin-top: 50px; padding: 6px 20px 0 30px; width: 359px; height: 59px;} .spip-content .main #menu_rubriques2 { height: 350px; left: -29px; margin-top: 150px;} .spip-content .main #menu_rubriques2 li{ font-size: .8em; margin-left: -1px; margin-top: -15px; } /*** LES BLOCS 480x800px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li { width: 420px; height: 90px; z-index: 1;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:hover{ width: 420px; height: 90px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child{ left: 37px; top: 370px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2){ left: 26px; top: 269px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3){ left: 26px; top: 168px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4){ left: 26px; top: 67px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child{ left: 37px; top: -34px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child {border-top-right-radius: 0px; border-bottom-right-radius: 0px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2), .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3), .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4){ margin-left: 10px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child{ border-top-left-radius: 0px; border-bottom-left-radius: 0px; } /*** LES CADRES-INNER 480x800px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner{ width: 390px; height: 68px; padding-top: 7px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child:hover .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2):hover .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3):hover .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4):hover .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child:hover .cadre-inner{ width: 390px; height: 68px; padding-top: 7px; } .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner { border-top-right-radius: 15px; border-bottom-right-radius: 15px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner{} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner { border-top-left-radius: 0px; border-bottom-left-radius: 0px;} /*** LES CADRES-ITEM 480x800px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item{ width: 409px; height: 100px; margin-left: 7px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item{ border-top-left-radius: 0px; border-bottom-left-radius: 12px; border-top-right-radius: 0px; border-bottom-right-radius: 12px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item{ border-top-left-radius: 0px; border-bottom-left-radius: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 0px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item{ border-top-left-radius: 0px; border-bottom-left-radius: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 0px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child:hover .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2):hover .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3):hover .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4):hover .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child:hover .cadre-inner .cadre-item{ box-shadow: 0 0 2px #FFFFFF, 0 0 5px #FFFFFF, 0 0 10px #ffffff, 0 0 18px #ffffff; } .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child:hover .cadre-inner .cadre-item{ border-top-left-radius: 0px; border-bottom-left-radius: 12px; border-top-right-radius: 0px; border-bottom-right-radius: 12px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2):hover .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3):hover .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4):hover .cadre-inner .cadre-item{ border-top-left-radius: 0px; border-bottom-left-radius: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 0px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child:hover .cadre-inner .cadre-item{ border-top-left-radius: 0px; border-bottom-left-radius: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 0px;} /*** LES CADRES-ITEM-FINAL 480x800px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final{ width: 399px; height: 90px; margin-left: 4px; margin-top: 4px; } /*** CADRE ITEM FIX ***/ /*** Gradient Red ***/ /*** Gradient Orange ***/ /*** Gradient Yellow ***/ /*** Gradient Green ***/ /*** Gradient Blue ***/ /** COLOR INSIDE = DEGRADE GRIS 480x800px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final .color-inside{ width: 391px; height: 82px; left: 16px; margin-top: 3px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final .color-inside{ border-top-left-radius: 4px; border-bottom-left-radius: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final .color-inside{ border-top-left-radius: 4px; border-bottom-left-radius: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final .color-inside{ border-top-left-radius: 4px; border-bottom-left-radius: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final{ border-top-left-radius: 7px; border-bottom-left-radius: 7px; border-top-right-radius: 7px; border-bottom-right-radius: 7px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final{ border-top-left-radius: 7px; border-bottom-left-radius: 7px; border-top-right-radius: 7px; border-bottom-right-radius: 7px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final{ border-top-left-radius: 7px; border-bottom-left-radius: 7px; border-top-right-radius: 7px; border-bottom-right-radius: 7px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child:hover .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2):hover .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3):hover .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4):hover .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child:hover .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child:hover .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2):hover .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3):hover .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4):hover .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child:hover .cadre-inner .cadre-item .cadre-item-final{ width: 399px; height: 90px; margin-left: 4px; margin-top: 4px; } /*** Les LOGOS 480x800px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .spip_logos_rappel{ height: 90px; margin-left: -3px; margin-top: -6px; width: 90px; position: absolute;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child:hover .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2):hover .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3):hover .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4):hover .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child:hover .cadre-inner .spip_logos_rappel{ height: 90px; margin-left: -3px; margin-top: -6px; width: 90px;} /*** Les TITRES 480x800px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li .spip_titre_rappel{ font-size: 15px; line-height: 19px; margin-left: 0; padding: 10px 0px; text-align: left; text-shadow: 0 0 1px #FFFFFF, 0 0 1px #FFFFFF, 0 0 2px #FFFFFF, 0 0 5px #FFFFFF, 0 0 10px #FFFFFF, 0 0 16px #FFFFFF; top: -6px; width: 262px; left: 81px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:hover .spip_titre_rappel{ text-shadow: 0 0 1px #FFFFFF, 0 0 1px #FFFFFF, 0 0 2px #FFFFFF, 0 0 5px #FFFFFF, 0 0 10px #FFFFFF, 0 0 16px #FFFFFF;} /*** Les DESCRIPTIFS V1 avec titre sur 1 ligne 480x800px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li .spip_descriptif_item-rappel{ display: block; width: 200px; margin-top: 0px; margin-left: 19px; font-size: 13px; line-height: 15px; padding: 10px 5px 1px 15px; border-radius: 10px;} /*** Les DESCRIPTIFS V2 avec titre sur 2 lignes 480x800px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li .spip_descriptif_item-rappel2{ border-radius: 6px; display: block; font-size: 11px; line-height: 12px; margin-left: -1px; margin-top: -1px; padding: 25px 81px 0 80px; width: 230px; height: 56px;} /*** POUR Les BTNS COULEURS(noir en fait) 480x800px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final .color-inside .mon-btn-color, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final .color-inside .mon-btn-color, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final .color-inside .mon-btn-color, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final .color-inside .mon-btn-color, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final .color-inside .mon-btn-color{ border-radius: 5px; color: #FFFFFF; font-size: 10px; line-height: 0; margin-left: 315px; margin-top: -23px; padding: 8px 2px 8px 6px; width: 15.5%; z-index: 1000;} /*** POUR Les BTNS NOIR 480x800px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final-fix .color-inside .mon-btn, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside .mon-btn, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside .mon-btn, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside .mon-btn, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final-fix .color-inside .mon-btn{ left: 0px; width: 36%; font-size: 16px; line-height: 16px; padding-left: 10px; padding-right: 10px; padding-top: 10px; padding-bottom: 10px; border-radius: 10px; margin-left: 74px; margin-top: 18px; } /******************************************************************************* LES SOUS-RUBRIQUE DE CONTENU 480x800px ************************************************************************************/ /*** CONTENU RUBRIQUES ITEMS 480x800px *****/ .spip-content .main .wrapper .content .box-texte{ background-color: rgba(255, 255, 255, 0.25); border: 1px solid #FFFFFF; border-radius: 0 0 8px 8px; left: 14px; position: absolute; text-shadow: none; top: 114px; transition: all 0.35s ease-in-out 0s; width: 409px; height: 522px; z-index: 10;} .spip-content .main .wrapper .content .box-texte .inner-txt{ padding: 0px; border-radius: 10px 0px 0px 10px;} .spip-content .main .wrapper .content .box-texte .inner-txt .bg-texte{ width: 409px; height: 448px; padding: 0px; border-radius: 0px; background-color: rgba(255, 255, 255, 0.85); border: 0px solid #fff;} .spip-content .main .wrapper .content .box-texte .inner-txt .bg-texte .texte{ border-radius: 5px; color: #808080; float: left; font-family: Arial,Helvetica,sans-serif; font-size: 10px; line-height: 12px; margin-left: 0px; overflow: auto; padding: 20px 20px 0 0; text-align: left; width: 389px; height: 428px;} .spip_document_1, .spip_document_2, .spip_document_3, .spip_document_4, .spip_document_5, .spip_document_6, .spip_document_7, .spip_document_8, .spip_document_9, .spip_document_10, .spip_document_11, .spip_document_12, .spip_document_13, .spip_document_14, .spip_document_15, .spip_document_16, .spip_document_17, .spip_document_18, .spip_document_19, .spip_document_20, .spip_document_21, .spip_document_22, .spip_document_23, .spip_document_24, .spip_document_25, .spip_document_26, .spip_document_27, .spip_document_28, .spip_document_29, .spip_document_30, .spip_document_31, .spip_document_32, .spip_document_33, .spip_document_34, .spip_document_35, .spip_document_36, .spip_document_37, .spip_document_38, .spip_document_39, .spip_document_40, .spip_document_41, .spip_document_42, .spip_document_43, .spip_document_44, .spip_document_45, .spip_document_46, .spip_document_47, .spip_document_48, .spip_document_49, .spip_document_50, .spip_document_51, .spip_document_52, .spip_document_53, .spip_document_54, .spip_document_55, .spip_document_56, .spip_document_57, .spip_document_58, .spip_document_59, .spip_document_60, .spip_document_61, .spip_document_62, .spip_document_63, .spip_document_64, .spip_document_65, .spip_document_66, .spip_document_67, .spip_document_68, .spip_document_69, .spip_document_70, .spip_document_71, .spip_document_72{ width: 60px!important; height: 60px!important; margin-left: 10px; margin-top: 0px; background-color: #fbfbfb;} p { margin: 0 0 0px;} /*** TEXTE DE LA RUBRIQUE-B 480x800px *****/ .spip-content .main .wrapper .content .texte-rub1{ background-color: rgba(241, 241, 241, 0.85); border: 1px solid #FFFFFF; border-radius: 8px 8px 0 0; color: #555555; float: left; font-family: Arial,Helvetica,sans-serif; font-size: 11px; height: 57px; left: 14px; line-height: 13px; padding: 8px 10px 2px 18px; position: absolute; text-align: left; top: 14px; width: 381px;} .spip-content .main #menu_rubriques1 { width: 1600px; height: 350px; left: 70px; margin-top: 240px;} .spip-content .main #menu_rubriques1 li{ font-size: .8em; margin-left: -1px; margin-top: -15px; } /*** DESCRIPTIF SSRUB 480x800px *****/ .spip-content .main .wrapper .content .descriptif-ssrub{ background-color: rgba(241, 241, 241, 0.85); border: 1px solid #FFFFFF; border-radius: 8px 8px 0 0; color: #555555; float: left; font-family: Arial,Helvetica,sans-serif; font-size: 11px; height: 44px; left: 14px; line-height: 12px; padding: 8px 20px 0; position: absolute; text-align: left; top: 61px; width: 369px;} /*** TAILLE DE L'IMAGE DANS LE CORPS DE TEXTE SPIP 480x800px *****/ .spip_documents_left img{width: 60px; height: 60px; margin-left: 10px; margin-top: -8px; background-color: #fbfbfb;} /*** PARTICULARITE RUBRIQUE FORMULAIRE 480x800px *****/ .spip-content .main .wrapper .content .box-texte .inner-txt-formulaire{ padding: 7px; border-radius: 10px 0px 0px 10px; font-family: Arial,Helvetica,sans-serif; text-align: left;} .spip-content .main .wrapper .content .box-texte .inner-txt-formulaire .bg-texte-formulaire{ border-radius: 5px; background-color: rgba(255, 255, 255, 0.85); border: 1px solid #fff; float: left; overflow: none; padding: 0px; text-align: left; float: left; color: #808080; font-family: Arial,Helvetica,sans-serif; text-align: left; font-size: 11px; line-height: 10px; width: 393px; height: 505px;} /*** PARTICULARITE RUBRIQUE SIMPLE 480x800px *****/ .spip-content .main .wrapper .content .box-texte .inner-txt-simple{ padding: 0px; border-radius: 0px 0px 0px 7px; font-family: Arial,Helvetica,sans-serif; text-align: left;} .spip-content .main .wrapper .content .box-texte .inner-txt-simple .bg-texte-simple{ background-color: rgba(255, 255, 255, 0.85); border-color: #FFFFFF; border-radius: 0 0 0 7px; border-style: solid; border-width: 0 1px 1px 0; color: #808080; float: left; font-family: Arial,Helvetica,sans-serif; font-size: 11px; height: 502px; line-height: 12px; overflow: auto; padding: 20px 20px 0; text-align: left; width: 369px;} /*** POUR LE PETIT MENU des SOUS RUBRIQUES en haut à droite 480x800px *****/ .spip-content .main #menu_rubriques1 { position: absolute; text-align: left; width: 389px; height: 73px; z-index: 1000; top: 323px; padding-right: 20px; left: 14px; background-color: rgba(241, 241, 241, 0.7); border-top-left-radius: 0px; border-bottom-left-radius: 8px; border-top-right-radius: 0px; border-bottom-right-radius: 8px; border: 1px solid #fff; } .spip-content .main #menu_rubriques1 li{ font-size: .8em; margin-left: 32px; list-style: none; float: left; margin-top: -7px; } .spip-content .main #menu_rubriques1 li ul li{ font-size: 1em; margin-left: 0em;} .spip-content .main #menu_rubriques1 { list-style-type:none; } .spip-content .main #menu_rubriques1 li { list-style-type: none; } .spip-content .main #menu_rubriques1 li li { list-style-type: none; } .spip-content .main #menu_rubriques1 li li li { list-style-type: none; } .spip-content .main #menu_rubriques1 hr {margin : 0.7em 0;} .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li { width: 56px; } .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li:hover { width: 56px; } .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li .spip_logos_rappel { height: 60px; width: 60px; margin-bottom: 6px; margin-left: 8px; margin-top: 3px;} .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li:hover .spip_logos_rappel {} .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li .spip_titre_rappel{ font-family: "Arial"; font-size: 9px; line-height: 10px; list-style: none outside none; margin: -14px 25px 1px 4px; position: absolute; text-align: center; width: 70px;} .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li:hover .spip_titre_rappel { } /*** Les currents 480x800px ***/ .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li .nav_current_rub{ display: none;width: 120px; } .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li .nav_current_rub .spip_logos_rappel { width: 80px; height: 80px; padding-left: 18px; padding-top: 18px; padding-bottom: 10px;} .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li .nav_current_rub .spip_titre_rappel { position: absolute; width: 120px; margin-top: -14px; margin-left:-1px; text-align: center; font-size: 14px; line-height: 14px; list-style: none;} /*** FIN de 480x800px *****/ } /*****MEDIA QUERY SOUS MON AILE 480x900px *****/ @media screen and (min-width: 480px) and (max-width: 559px) and (min-height:900px) and (max-height: 1023px){ /**** SPIP CONTENT 480x900px *****/ .contenu-mobil.spip-content{ display: none;} .contenu-desktop.spip-content{display: block; height: 693px; margin-left: 1px; margin-top: 50px; width: 437px; z-index:100;} /*** FIL d'ARIANE SPIP 480x900px *****/ .spip-content .ariane{ display: none; z-index:100; margin-top: 0px; } .spip-content .ariane .arbo{ padding-left: 10px; padding-right: 10px; font-size: 11px; line-height: 11px; width: auto; height: 20px; margin-top: 0px; text-shadow: 0 0 1px #FFFFFF, 0 0 1px #FFFFFF, 0 0 2px #FFFFFF, 0 0 5px #FFFFFF;} /*** CONTNER CONTENU SPIP 480x900x *****/ .spip-content .main { width: 518px; height: 603px; margin-left: 0px; margin-top: 0px; z-index: 50;} .spip-content .main .wrapper .content { width: 518px; height: 603px; margin-top: 0px;} /*** TITRES TITRE DE LA RUBRIQUE-1 480x900px *****/ .titre-sma{ display: none; font-size: 20px; line-height: 2px; margin-top: 89px; padding-left: 138px; text-shadow: 0 0 1px #FFFFFF, 0 0 1px #FFFFFF, 0 0 2px #FFFFFF, 0 0 5px #FFFFFF, 0 0 10px #FFFFFF, 0 0 16px #FFFFFF; } .spip-content .main .wrapper .content .container2 { width: 1615px; margin-left:0px; margin-top: 0px;} /*** TITRES TITRE DE LA SOUS-RUBRIQUE-1 480x900px *****/ h1.titre-sma-rub1, h1.titre-sma-ssrub{ width: 370px; font-size: 21px; line-height: 18x; margin-left: 66px; margin-top: -4px; text-shadow: 0 0 1px #FFFFFF, 0 0 1px #FFFFFF, 0 0 2px #FFFFFF, 0 0 5px #FFFFFF, 0 0 10px #FFFFFF, 0 0 13px #FFFFFF;} h1.titre-sma-rub1 .spip_logos , h1.titre-sma-ssrub .spip_logos { height: 60px; margin: -5px 0 0 -30px; width: 60px;} h1.titre-sma-rub1 .descriptif, h1.titre-sma-ssrub .descriptif{ font-size: 12px; line-height: 12px; margin-top: -7px; margin-left: 0px; width: 351px;} /*** TEXTE DE LA RUBRIQUE-1 480x900px *****/ .spip-content .main .wrapper .content .texte-rub1{ border-radius: 12px 12px 0px 0px; font-size: 11px; height: 53px; left: 14px; line-height: 13px; margin-top: 50px; padding: 8px 7px 0 12px; width: 390px;} .spip-content .main #menu_rubriques2 { height: 350px; left: -29px; margin-top: 150px;} .spip-content .main #menu_rubriques2 li{ font-size: .8em; margin-left: -1px; margin-top: -15px; } /*** LES BLOCS 480x900px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li { width: 420px; height: 90px; z-index: 1;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:hover{ width: 420px; height: 90px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child{ left: 37px; top: 450px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2){ left: 26px; top: 329px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3){ left: 26px; top: 208px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4){ left: 26px; top: 87px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child{ left: 37px; top: -28px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child {border-top-right-radius: 0px; border-bottom-right-radius: 0px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2), .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3), .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4){ margin-left: 10px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child{ border-top-left-radius: 0px; border-bottom-left-radius: 0px; } /*** LES CADRES-INNER 480x900px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner{ width: 390px; height: 68px; padding-top: 7px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child:hover .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2):hover .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3):hover .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4):hover .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child:hover .cadre-inner{ width: 390px; height: 68px; padding-top: 7px; } .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner { border-top-right-radius: 15px; border-bottom-right-radius: 15px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner{} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner { border-top-left-radius: 0px; border-bottom-left-radius: 0px;} /*** LES CADRES-ITEM 480x900px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item{ width: 409px; height: 120px; margin-left: 7px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item{ border-top-left-radius: 0px; border-bottom-left-radius: 12px; border-top-right-radius: 0px; border-bottom-right-radius: 12px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item{ border-top-left-radius: 0px; border-bottom-left-radius: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 0px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item{ border-top-left-radius: 0px; border-bottom-left-radius: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 0px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child:hover .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2):hover .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3):hover .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4):hover .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child:hover .cadre-inner .cadre-item{ box-shadow: 0 0 2px #FFFFFF, 0 0 5px #FFFFFF, 0 0 10px #ffffff, 0 0 18px #ffffff; } .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child:hover .cadre-inner .cadre-item{ border-top-left-radius: 0px; border-bottom-left-radius: 12px; border-top-right-radius: 0px; border-bottom-right-radius: 12px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2):hover .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3):hover .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4):hover .cadre-inner .cadre-item{ border-top-left-radius: 0px; border-bottom-left-radius: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 0px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child:hover .cadre-inner .cadre-item{ border-top-left-radius: 0px; border-bottom-left-radius: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 0px;} /*** LES CADRES-ITEM-FINAL 480x900px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final{ width: 399px; height: 110px; margin-left: 4px; margin-top: 4px; } /*** CADRE ITEM FIX ***/ /*** Gradient Red ***/ /*** Gradient Orange ***/ /*** Gradient Yellow ***/ /*** Gradient Green ***/ /*** Gradient Blue ***/ /** COLOR INSIDE = DEGRADE GRIS 480x900px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final .color-inside{ width: 391px; height: 102px; left: 16px; margin-top: 3px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final .color-inside{ border-top-left-radius: 4px; border-bottom-left-radius: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final .color-inside{ border-top-left-radius: 4px; border-bottom-left-radius: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final .color-inside{ border-top-left-radius: 4px; border-bottom-left-radius: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final{ border-top-left-radius: 7px; border-bottom-left-radius: 7px; border-top-right-radius: 7px; border-bottom-right-radius: 7px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final{ border-top-left-radius: 7px; border-bottom-left-radius: 7px; border-top-right-radius: 7px; border-bottom-right-radius: 7px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final{ border-top-left-radius: 7px; border-bottom-left-radius: 7px; border-top-right-radius: 7px; border-bottom-right-radius: 7px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child:hover .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2):hover .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3):hover .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4):hover .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child:hover .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child:hover .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2):hover .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3):hover .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4):hover .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child:hover .cadre-inner .cadre-item .cadre-item-final{ width: 399px; height: 110px; margin-left: 4px; margin-top: 4px; } /*** Les LOGOS 480x900px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .spip_logos_rappel{ height: 110px; margin-left: 0px; margin-top: -4px; width: 110px; position: absolute;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child:hover .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2):hover .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3):hover .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4):hover .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child:hover .cadre-inner .spip_logos_rappel{ height: 110px; margin-left: 0px; margin-top: -4px; width: 110px;} /*** Les TITRES 480x900px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li .spip_titre_rappel{ font-size: 18px; line-height: 23px; margin-left: 0; padding: 10px 0px; text-align: left; text-shadow: 0 0 1px #FFFFFF, 0 0 1px #FFFFFF, 0 0 2px #FFFFFF, 0 0 5px #FFFFFF, 0 0 10px #FFFFFF, 0 0 16px #FFFFFF; top: -3px; width: 262px; left: 101px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:hover .spip_titre_rappel{ text-shadow: 0 0 1px #FFFFFF, 0 0 1px #FFFFFF, 0 0 2px #FFFFFF, 0 0 5px #FFFFFF, 0 0 10px #FFFFFF, 0 0 16px #FFFFFF;} /*** Les DESCRIPTIFS V1 avec titre sur 1 ligne 480x900px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li .spip_descriptif_item-rappel{ display: block; width: 200px; margin-top: 0px; margin-left: 19px; font-size: 13px; line-height: 15px; padding: 10px 5px 1px 15px; border-radius: 10px;} /*** Les DESCRIPTIFS V2 avec titre sur 2 lignes 480x900px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li .spip_descriptif_item-rappel2{ border-radius: 6px; display: block; font-size: 11px; line-height: 12px; margin-left: -1px; margin-top: -1px; padding: 34px 20px 4px 101px; width: 270px; height: 63px;} /*** POUR Les BTNS COULEURS(noir en fait) 480x900px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final .color-inside .mon-btn-color, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final .color-inside .mon-btn-color, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final .color-inside .mon-btn-color, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final .color-inside .mon-btn-color, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final .color-inside .mon-btn-color{ border-radius: 5px; color: #FFFFFF; font-size: 10px; line-height: 0; margin-left: 298px; margin-top: -27px; padding: 8px 1px 8px 10px; width: 16.5%; z-index: 1000;} /*** POUR Les BTNS NOIR 480x900px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final-fix .color-inside .mon-btn, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside .mon-btn, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside .mon-btn, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside .mon-btn, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final-fix .color-inside .mon-btn{ left: 0px; width: 36%; font-size: 16px; line-height: 16px; padding-left: 10px; padding-right: 10px; padding-top: 10px; padding-bottom: 10px; border-radius: 10px; margin-left: 74px; margin-top: 18px; } /******************************************************************************* LES SOUS-RUBRIQUE DE CONTENU 480x900px ************************************************************************************/ /*** CONTENU RUBRIQUES ITEMS 480x900px *****/ .spip-content .main .wrapper .content .box-texte{ background-color: rgba(255, 255, 255, 0.25); border: 1px solid #FFFFFF; border-radius: 0 0 8px 8px; left: 14px; position: absolute; text-shadow: none; top: 120px; transition: all 0.35s ease-in-out 0s; width: 409px; height: 616px; z-index: 10;} .spip-content .main .wrapper .content .box-texte .inner-txt{ padding: 0px; border-radius: 10px 0px 0px 10px;} .spip-content .main .wrapper .content .box-texte .inner-txt .bg-texte{ width: 409px; height: 542px; padding: 0px; border-radius: 0px; background-color: rgba(255, 255, 255, 0.85); border: 0px solid #fff;} .spip-content .main .wrapper .content .box-texte .inner-txt .bg-texte .texte{ border-radius: 5px; color: #808080; float: left; font-family: Arial,Helvetica,sans-serif; font-size: 11px; line-height: 13px; margin-left: 0px; overflow: auto; padding: 20px 20px 0 0; text-align: left; width: 389px; height: 522px;} .spip_document_1, .spip_document_2, .spip_document_3, .spip_document_4, .spip_document_5, .spip_document_6, .spip_document_7, .spip_document_8, .spip_document_9, .spip_document_10, .spip_document_11, .spip_document_12, .spip_document_13, .spip_document_14, .spip_document_15, .spip_document_16, .spip_document_17, .spip_document_18, .spip_document_19, .spip_document_20, .spip_document_21, .spip_document_22, .spip_document_23, .spip_document_24, .spip_document_25, .spip_document_26, .spip_document_27, .spip_document_28, .spip_document_29, .spip_document_30, .spip_document_31, .spip_document_32, .spip_document_33, .spip_document_34, .spip_document_35, .spip_document_36, .spip_document_37, .spip_document_38, .spip_document_39, .spip_document_40, .spip_document_41, .spip_document_42, .spip_document_43, .spip_document_44, .spip_document_45, .spip_document_46, .spip_document_47, .spip_document_48, .spip_document_49, .spip_document_50, .spip_document_51, .spip_document_52, .spip_document_53, .spip_document_54, .spip_document_55, .spip_document_56, .spip_document_57, .spip_document_58, .spip_document_59, .spip_document_60, .spip_document_61, .spip_document_62, .spip_document_63, .spip_document_64, .spip_document_65, .spip_document_66, .spip_document_67, .spip_document_68, .spip_document_69, .spip_document_70, .spip_document_71, .spip_document_72{ width: 60px!important; height: 60px!important; margin-left: 10px; margin-top: 0px; background-color: #fbfbfb;} p { margin: 0 0 0px;} /*** TEXTE DE LA RUBRIQUE-B 480x900px *****/ .spip-content .main .wrapper .content .texte-rub1{ background-color: rgba(241, 241, 241, 0.85); border: 1px solid #FFFFFF; border-radius: 8px 8px 0 0; color: #555555; float: left; font-family: Arial,Helvetica,sans-serif; font-size: 11px; height: 57px; left: 14px; line-height: 13px; padding: 8px 10px 2px 18px; position: absolute; text-align: left; top: 20px; width: 381px;} .spip-content .main #menu_rubriques1 { width: 1600px; height: 350px; left: 70px; margin-top: 240px;} .spip-content .main #menu_rubriques1 li{ font-size: .8em; margin-left: -1px; margin-top: -15px; } /*** DESCRIPTIF SSRUB 480x900px *****/ .spip-content .main .wrapper .content .descriptif-ssrub{ background-color: rgba(241, 241, 241, 0.85); border: 1px solid #FFFFFF; border-radius: 8px 8px 0 0; color: #555555; float: left; font-family: Arial,Helvetica,sans-serif; font-size: 11px; height: 44px; left: 14px; line-height: 12px; padding: 8px 20px 0; position: absolute; text-align: left; top: 67px; width: 369px;} /*** TAILLE DE L'IMAGE DANS LE CORPS DE TEXTE SPIP 480x900px *****/ .spip_documents_left img{width: 60px; height: 60px; margin-left: 10px; margin-top: -8px; background-color: #fbfbfb;} /*** PARTICULARITE RUBRIQUE FORMULAIRE 480x900px *****/ .spip-content .main .wrapper .content .box-texte .inner-txt-formulaire{ padding: 7px; border-radius: 10px 0px 0px 10px; font-family: Arial,Helvetica,sans-serif; text-align: left;} .spip-content .main .wrapper .content .box-texte .inner-txt-formulaire .bg-texte-formulaire{ border-radius: 5px; background-color: rgba(255, 255, 255, 0.85); border: 1px solid #fff; float: left; overflow: none; padding: 0px; text-align: left; float: left; color: #808080; font-family: Arial,Helvetica,sans-serif; text-align: left; font-size: 11px; line-height: 10px; width: 393px; height: 600px;} /*** PARTICULARITE RUBRIQUE SIMPLE 480x900px *****/ .spip-content .main .wrapper .content .box-texte .inner-txt-simple{ padding: 0px; border-radius: 0px 0px 0px 7px; font-family: Arial,Helvetica,sans-serif; text-align: left;} .spip-content .main .wrapper .content .box-texte .inner-txt-simple .bg-texte-simple{ background-color: rgba(255, 255, 255, 0.85); border-color: #FFFFFF; border-radius: 0 0 0 7px; border-style: solid; border-width: 0 1px 1px 0; color: #808080; float: left; font-family: Arial,Helvetica,sans-serif; font-size: 11px; height: 596px; line-height: 12px; overflow: auto; padding: 20px 20px 0; text-align: left; width: 369px;} /*** POUR LE PETIT MENU des SOUS RUBRIQUES en haut à droite 480x900px *****/ .spip-content .main #menu_rubriques1 { position: absolute; text-align: left; width: 389px; height: 73px; z-index: 1000; top: 423px; padding-right: 20px; left: 14px; background-color: rgba(241, 241, 241, 0.7); border-top-left-radius: 0px; border-bottom-left-radius: 8px; border-top-right-radius: 0px; border-bottom-right-radius: 8px; border: 1px solid #fff; } .spip-content .main #menu_rubriques1 li{ font-size: .8em; margin-left: 32px; list-style: none; float: left; margin-top: -7px; } .spip-content .main #menu_rubriques1 li ul li{ font-size: 1em; margin-left: 0em;} .spip-content .main #menu_rubriques1 { list-style-type:none; } .spip-content .main #menu_rubriques1 li { list-style-type: none; } .spip-content .main #menu_rubriques1 li li { list-style-type: none; } .spip-content .main #menu_rubriques1 li li li { list-style-type: none; } .spip-content .main #menu_rubriques1 hr {margin : 0.7em 0;} .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li { width: 56px; } .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li:hover { width: 56px; } .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li .spip_logos_rappel { height: 60px; width: 60px; margin-bottom: 6px; margin-left: 8px; margin-top: 3px;} .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li:hover .spip_logos_rappel {} .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li .spip_titre_rappel{ font-family: "Arial"; font-size: 9px; line-height: 10px; list-style: none outside none; margin: -14px 25px 1px 4px; position: absolute; text-align: center; width: 70px;} .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li:hover .spip_titre_rappel { } /*** Les currents 480x900px ***/ .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li .nav_current_rub{ display: none;width: 120px; } .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li .nav_current_rub .spip_logos_rappel { width: 80px; height: 80px; padding-left: 18px; padding-top: 18px; padding-bottom: 10px;} .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li .nav_current_rub .spip_titre_rappel { position: absolute; width: 120px; margin-top: -14px; margin-left:-1px; text-align: center; font-size: 14px; line-height: 14px; list-style: none;} /*** FIN de 480x900px *****/ } /*****MEDIA QUERY SOUS MON AILE 480x1024px *****/ @media screen and (min-width: 480px) and (max-width: 559px) and (min-height: 1024px) and (max-height: 1049px){ /**** SPIP CONTENT 480x1024px *****/ .contenu-mobil.spip-content{ display: none;} .contenu-desktop.spip-content{display: block; height: 693px; margin-left: 1px; margin-top: 50px; width: 437px; z-index:100;} /*** FIL d'ARIANE SPIP 480x1024px *****/ .spip-content .ariane{ display: none; z-index:100; margin-top: 0px; } .spip-content .ariane .arbo{ padding-left: 10px; padding-right: 10px; font-size: 11px; line-height: 11px; width: auto; height: 20px; margin-top: 0px; text-shadow: 0 0 1px #FFFFFF, 0 0 1px #FFFFFF, 0 0 2px #FFFFFF, 0 0 5px #FFFFFF;} /*** CONTNER CONTENU SPIP 480x1024x *****/ .spip-content .main { width: 518px; height: 603px; margin-left: 0px; margin-top: 0px; z-index: 50;} .spip-content .main .wrapper .content { width: 518px; height: 603px; margin-top: 0px;} /*** TITRES TITRE DE LA RUBRIQUE-1 480x1024px *****/ .titre-sma{ display: none; font-size: 20px; line-height: 2px; margin-top: 89px; padding-left: 138px; text-shadow: 0 0 1px #FFFFFF, 0 0 1px #FFFFFF, 0 0 2px #FFFFFF, 0 0 5px #FFFFFF, 0 0 10px #FFFFFF, 0 0 16px #FFFFFF; } .spip-content .main .wrapper .content .container2 { width: 1615px; margin-left:0px; margin-top: 0px;} /*** TITRES TITRE DE LA SOUS-RUBRIQUE-1 480x1024px *****/ h1.titre-sma-rub1, h1.titre-sma-ssrub{ width: 370px; font-size: 21px; line-height: 18x; margin-left: 66px; margin-top: -4px; text-shadow: 0 0 1px #FFFFFF, 0 0 1px #FFFFFF, 0 0 2px #FFFFFF, 0 0 5px #FFFFFF, 0 0 10px #FFFFFF, 0 0 13px #FFFFFF;} h1.titre-sma-rub1 .spip_logos , h1.titre-sma-ssrub .spip_logos { height: 60px; margin: -5px 0 0 -30px; width: 60px;} h1.titre-sma-rub1 .descriptif, h1.titre-sma-ssrub .descriptif{ font-size: 12px; line-height: 12px; margin-top: -7px; margin-left: 0px; width: 351px;} /*** TEXTE DE LA RUBRIQUE-1 480x1024px *****/ .spip-content .main .wrapper .content .texte-rub1{ border-radius: 12px 12px 0px 0px; font-size: 11px; height: 53px; left: 14px; line-height: 13px; margin-top: 50px; padding: 8px 7px 0 12px; width: 390px;} .spip-content .main #menu_rubriques2 { height: 350px; left: -29px; margin-top: 163px;} .spip-content .main #menu_rubriques2 li{ font-size: .8em; margin-left: -1px; margin-top: -15px; } /*** LES BLOCS 480x1024px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li { width: 433px; height: 75px; z-index: 1;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:hover{ width: 433px; height: 75px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child{ left: 37px; top: 529px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2){ left: 26px; top: 386px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3){ left: 26px; top: 243px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4){ left: 26px; top: 100px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child{ left: 37px; top: -43px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child {border-top-right-radius: 0px; border-bottom-right-radius: 0px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2), .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3), .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4){ margin-left: 10px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child{ border-top-left-radius: 0px; border-bottom-left-radius: 0px; } /*** LES CADRES-INNER 480x1024px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner{ width: 397px; height: 68px; padding-top: 7px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child:hover .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2):hover .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3):hover .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4):hover .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child:hover .cadre-inner{ width: 397px; height: 68px; padding-top: 7px; } .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner { border-top-right-radius: 15px; border-bottom-right-radius: 15px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner{} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner { border-top-left-radius: 0px; border-bottom-left-radius: 0px;} /*** LES CADRES-ITEM 480x1024px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item{ width: 409px; height: 142px; margin-left: 7px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item{ border-top-left-radius: 0px; border-bottom-left-radius: 12px; border-top-right-radius: 0px; border-bottom-right-radius: 12px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item{ border-top-left-radius: 0px; border-bottom-left-radius: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 0px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item{ border-top-left-radius: 0px; border-bottom-left-radius: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 0px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child:hover .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2):hover .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3):hover .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4):hover .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child:hover .cadre-inner .cadre-item{ box-shadow: 0 0 2px #FFFFFF, 0 0 5px #FFFFFF, 0 0 10px #ffffff, 0 0 18px #ffffff; } .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child:hover .cadre-inner .cadre-item{ border-top-left-radius: 0px; border-bottom-left-radius: 12px; border-top-right-radius: 0px; border-bottom-right-radius: 12px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2):hover .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3):hover .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4):hover .cadre-inner .cadre-item{ border-top-left-radius: 0px; border-bottom-left-radius: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 0px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child:hover .cadre-inner .cadre-item{ border-top-left-radius: 0px; border-bottom-left-radius: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 0px;} /*** LES CADRES-ITEM-FINAL 480x1024px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final{ width: 399px; height: 132px; margin-left: 4px; margin-top: 4px; } /*** CADRE ITEM FIX ***/ /*** Gradient Red ***/ /*** Gradient Orange ***/ /*** Gradient Yellow ***/ /*** Gradient Green ***/ /*** Gradient Blue ***/ /** COLOR INSIDE = DEGRADE GRIS 480x1024px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final .color-inside{ width: 391px; height: 124px; left: 16px; margin-top: 3px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final .color-inside{ border-top-left-radius: 4px; border-bottom-left-radius: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final .color-inside{ border-top-left-radius: 4px; border-bottom-left-radius: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final .color-inside{ border-top-left-radius: 4px; border-bottom-left-radius: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final{ border-top-left-radius: 7px; border-bottom-left-radius: 7px; border-top-right-radius: 7px; border-bottom-right-radius: 7px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final{ border-top-left-radius: 7px; border-bottom-left-radius: 7px; border-top-right-radius: 7px; border-bottom-right-radius: 7px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final{ border-top-left-radius: 7px; border-bottom-left-radius: 7px; border-top-right-radius: 7px; border-bottom-right-radius: 7px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child:hover .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2):hover .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3):hover .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4):hover .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child:hover .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child:hover .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2):hover .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3):hover .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4):hover .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child:hover .cadre-inner .cadre-item .cadre-item-final{ width: 399px; height: 132px; margin-left: 4px; margin-top: 4px; } /*** Les LOGOS 480x1024px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .spip_logos_rappel{ height: 130px; margin-left: -8px; margin-top: -13px; width: 130px; position: absolute;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child:hover .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2):hover .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3):hover .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4):hover .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child:hover .cadre-inner .spip_logos_rappel{ height: 130px; margin-left: -8px; margin-top: -13px; width: 130px;} /*** Les TITRES 480x1024px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li .spip_titre_rappel{ font-size: 20px; left: 110px; line-height: 20px; margin-left: 0; padding: 16px 0; text-align: left; text-shadow: 0 0 1px #FFFFFF, 0 0 1px #FFFFFF, 0 0 2px #FFFFFF, 0 0 5px #FFFFFF, 0 0 10px #FFFFFF, 0 0 16px #FFFFFF; top: -4px; width: 280px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:hover .spip_titre_rappel{ text-shadow: 0 0 1px #FFFFFF, 0 0 1px #FFFFFF, 0 0 2px #FFFFFF, 0 0 5px #FFFFFF, 0 0 10px #FFFFFF, 0 0 16px #FFFFFF;} /*** Les DESCRIPTIFS V1 avec titre sur 1 ligne 480x1024px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li .spip_descriptif_item-rappel{ display: block; width: 200px; margin-top: 0px; margin-left: 19px; font-size: 13px; line-height: 15px; padding: 10px 5px 1px 15px; border-radius: 10px;} /*** Les DESCRIPTIFS V2 avec titre sur 2 lignes 480x1024px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li .spip_descriptif_item-rappel2{ border-radius: 6px; display: block; font-size: 12px; line-height: 13px; margin-left: -1px; margin-top: -1px; padding: 37px 21px 0 111px; width: 259px; height: 87px; } /*** POUR Les BTNS COULEURS(noir en fait) 480x1024px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final .color-inside .mon-btn-color, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final .color-inside .mon-btn-color, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final .color-inside .mon-btn-color, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final .color-inside .mon-btn-color, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final .color-inside .mon-btn-color{ position; absolute; border-radius: 5px;color: #FFFFFF; font-size: 11px; line-height: 0; margin-left: 307px; margin-top: -30px; padding: 10px 4px 10px 6px; width: 16.5%; z-index: 1000;} /*** POUR Les BTNS NOIR 480x1024px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final-fix .color-inside .mon-btn, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside .mon-btn, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside .mon-btn, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside .mon-btn, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final-fix .color-inside .mon-btn{ left: 0px; width: 36%; font-size: 16px; line-height: 16px; padding-left: 10px; padding-right: 10px; padding-top: 10px; padding-bottom: 10px; border-radius: 10px; margin-left: 74px; margin-top: 18px; } /******************************************************************************* LES SOUS-RUBRIQUE DE CONTENU 480x1024px ************************************************************************************/ /*** CONTENU RUBRIQUES ITEMS 480x1024px *****/ .spip-content .main .wrapper .content .box-texte{ background-color: rgba(255, 255, 255, 0.25); border: 1px solid #FFFFFF; border-radius: 0 0 8px 8px; left: 14px; position: absolute; text-shadow: none; top: 120px; transition: all 0.35s ease-in-out 0s; width: 409px; height: 730px; z-index: 10;} .spip-content .main .wrapper .content .box-texte .inner-txt{ padding: 0px; border-radius: 10px 0px 0px 10px;} .spip-content .main .wrapper .content .box-texte .inner-txt .bg-texte{ width: 409px; height: 656px; padding: 0px; border-radius: 0px; background-color: rgba(255, 255, 255, 0.85); border: 0px solid #fff;} .spip-content .main .wrapper .content .box-texte .inner-txt .bg-texte .texte{ border-radius: 5px; color: #808080; float: left; font-family: Arial,Helvetica,sans-serif; font-size: 11px; line-height: 13px; margin-left: 0px; overflow: auto; padding: 40px 40px 0 0; text-align: left; width: 369px; height: 616px;} .spip_document_1, .spip_document_2, .spip_document_3, .spip_document_4, .spip_document_5, .spip_document_6, .spip_document_7, .spip_document_8, .spip_document_9, .spip_document_10, .spip_document_11, .spip_document_12, .spip_document_13, .spip_document_14, .spip_document_15, .spip_document_16, .spip_document_17, .spip_document_18, .spip_document_19, .spip_document_20, .spip_document_21, .spip_document_22, .spip_document_23, .spip_document_24, .spip_document_25, .spip_document_26, .spip_document_27, .spip_document_28, .spip_document_29, .spip_document_30, .spip_document_31, .spip_document_32, .spip_document_33, .spip_document_34, .spip_document_35, .spip_document_36, .spip_document_37, .spip_document_38, .spip_document_39, .spip_document_40, .spip_document_41, .spip_document_42, .spip_document_43, .spip_document_44, .spip_document_45, .spip_document_46, .spip_document_47, .spip_document_48, .spip_document_49, .spip_document_50, .spip_document_51, .spip_document_52, .spip_document_53, .spip_document_54, .spip_document_55, .spip_document_56, .spip_document_57, .spip_document_58, .spip_document_59, .spip_document_60, .spip_document_61, .spip_document_62, .spip_document_63, .spip_document_64, .spip_document_65, .spip_document_66, .spip_document_67, .spip_document_68, .spip_document_69, .spip_document_70, .spip_document_71, .spip_document_72{ width: 80px!important; height: 80px!important; margin-left: 10px; margin-top: 0px; background-color: #fbfbfb;} p { margin: 0 0 0px;} /*** TEXTE DE LA RUBRIQUE-B 480x1024px *****/ .spip-content .main .wrapper .content .texte-rub1{ background-color: rgba(241, 241, 241, 0.85); border: 1px solid #FFFFFF; border-radius: 8px 8px 0 0; color: #555555; float: left; font-family: Arial,Helvetica,sans-serif; font-size: 11px; height: 54px; left: 14px; line-height: 12px; padding: 7px 10px 2px 18px; position: absolute; text-align: left; top: 22px; width: 381px;} .spip-content .main #menu_rubriques1 { width: 1600px; height: 350px; left: 70px; margin-top: 240px;} .spip-content .main #menu_rubriques1 li{ font-size: .8em; margin-left: -1px; margin-top: -15px; } /*** DESCRIPTIF SSRUB 480x1024px *****/ .spip-content .main .wrapper .content .descriptif-ssrub{ background-color: rgba(241, 241, 241, 0.85); border: 1px solid #FFFFFF; border-radius: 8px 8px 0 0; color: #555555; float: left; font-family: Arial,Helvetica,sans-serif; font-size: 11px; height: 44px; left: 14px; line-height: 12px; padding: 8px 20px 0; position: absolute; text-align: left; top: 67px; width: 369px;} /*** TAILLE DE L'IMAGE DANS LE CORPS DE TEXTE SPIP 480x1024px *****/ .spip_documents_left img{width: 80px; height: 80px; margin-left: 10px; margin-top: -8px; background-color: #fbfbfb;} /*** PARTICULARITE RUBRIQUE FORMULAIRE 480x1024px *****/ .spip-content .main .wrapper .content .box-texte .inner-txt-formulaire{ padding: 7px; border-radius: 10px 0px 0px 10px; font-family: Arial,Helvetica,sans-serif; text-align: left;} .spip-content .main .wrapper .content .box-texte .inner-txt-formulaire .bg-texte-formulaire{ border-radius: 5px; background-color: rgba(255, 255, 255, 0.85); border: 1px solid #fff; float: left; overflow: none; padding: 0px; text-align: left; float: left; color: #808080; font-family: Arial,Helvetica,sans-serif; text-align: left; font-size: 11px; line-height: 10px; width: 393px; height: 714px;} /*** PARTICULARITE RUBRIQUE SIMPLE 480x1024px *****/ .spip-content .main .wrapper .content .box-texte .inner-txt-simple{ padding: 0px; border-radius: 0px 0px 0px 7px; font-family: Arial,Helvetica,sans-serif; text-align: left;} .spip-content .main .wrapper .content .box-texte .inner-txt-simple .bg-texte-simple{ background-color: rgba(255, 255, 255, 0.85); border-color: #FFFFFF; border-radius: 0 0 0 7px; border-style: solid; border-width: 0 1px 1px 0; color: #808080; float: left; font-family: Arial,Helvetica,sans-serif; font-size: 11px; height: 710px; line-height: 12px; overflow: auto; padding: 20px 20px 0; text-align: left; width: 369px;} /*** POUR LE PETIT MENU des SOUS RUBRIQUES en haut à droite 480x1024px *****/ .spip-content .main #menu_rubriques1 { position: absolute; text-align: left; width: 389px; height: 73px; z-index: 1000; top: 537px; padding-right: 20px; left: 14px; background-color: rgba(241, 241, 241, 0.7); border-top-left-radius: 0px; border-bottom-left-radius: 8px; border-top-right-radius: 0px; border-bottom-right-radius: 8px; border: 1px solid #fff; } .spip-content .main #menu_rubriques1 li{ font-size: .8em; margin-left: 32px; list-style: none; float: left; margin-top: -7px; } .spip-content .main #menu_rubriques1 li ul li{ font-size: 1em; margin-left: 0em;} .spip-content .main #menu_rubriques1 { list-style-type:none; } .spip-content .main #menu_rubriques1 li { list-style-type: none; } .spip-content .main #menu_rubriques1 li li { list-style-type: none; } .spip-content .main #menu_rubriques1 li li li { list-style-type: none; } .spip-content .main #menu_rubriques1 hr {margin : 0.7em 0;} .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li { width: 56px; } .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li:hover { width: 56px; } .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li .spip_logos_rappel { height: 60px; width: 60px; margin-bottom: 6px; margin-left: 8px; margin-top: 3px;} .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li:hover .spip_logos_rappel {} .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li .spip_titre_rappel{ font-family: "Arial"; font-size: 9px; line-height: 10px; list-style: none outside none; margin: -14px 25px 1px 4px; position: absolute; text-align: center; width: 70px;} .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li:hover .spip_titre_rappel { } /*** Les currents 480x900px ***/ .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li .nav_current_rub{ display: none;width: 120px; } .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li .nav_current_rub .spip_logos_rappel { width: 80px; height: 80px; padding-left: 18px; padding-top: 18px; padding-bottom: 10px;} .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li .nav_current_rub .spip_titre_rappel { position: absolute; width: 120px; margin-top: -14px; margin-left:-1px; text-align: center; font-size: 14px; line-height: 14px; list-style: none;} /*** FIN de 480x1024px *****/ } /*****MEDIA QUERY SOUS MON AILE 480x1050px *****/ @media screen and (min-width: 480px) and (max-width: 559px) and (min-height: 1050px) and (max-height: 1080px){ /**** SPIP CONTENT 480x1050px *****/ .contenu-mobil.spip-content{ display: none;} .contenu-desktop.spip-content{display: block; height: 693px; margin-left: 1px; margin-top: 50px; width: 437px; z-index:100;} /*** FIL d'ARIANE SPIP 480x1050px *****/ .spip-content .ariane{ display: none; z-index:100; margin-top: 0px; } .spip-content .ariane .arbo{ padding-left: 10px; padding-right: 10px; font-size: 11px; line-height: 11px; width: auto; height: 20px; margin-top: 0px; text-shadow: 0 0 1px #FFFFFF, 0 0 1px #FFFFFF, 0 0 2px #FFFFFF, 0 0 5px #FFFFFF;} /*** CONTNER CONTENU SPIP 480x1050px *****/ .spip-content .main { width: 518px; height: 603px; margin-left: 0px; margin-top: 0px; z-index: 50;} .spip-content .main .wrapper .content { width: 518px; height: 603px; margin-top: 0px;} /*** TITRES TITRE DE LA RUBRIQUE-1 480x1050px *****/ .titre-sma{ display: none; font-size: 20px; line-height: 2px; margin-top: 89px; padding-left: 138px; text-shadow: 0 0 1px #FFFFFF, 0 0 1px #FFFFFF, 0 0 2px #FFFFFF, 0 0 5px #FFFFFF, 0 0 10px #FFFFFF, 0 0 16px #FFFFFF; } .spip-content .main .wrapper .content .container2 { width: 1615px; margin-left:0px; margin-top: 0px;} /*** TITRES TITRE DE LA SOUS-RUBRIQUE-1 480x1050px *****/ h1.titre-sma-rub1, h1.titre-sma-ssrub{ width: 370px; font-size: 21px; line-height: 18x; margin-left: 66px; margin-top: -4px; text-shadow: 0 0 1px #FFFFFF, 0 0 1px #FFFFFF, 0 0 2px #FFFFFF, 0 0 5px #FFFFFF, 0 0 10px #FFFFFF, 0 0 13px #FFFFFF;} h1.titre-sma-rub1 .spip_logos , h1.titre-sma-ssrub .spip_logos { height: 60px; margin: -5px 0 0 -30px; width: 60px;} h1.titre-sma-rub1 .descriptif, h1.titre-sma-ssrub .descriptif{ font-size: 12px; line-height: 12px; margin-top: -7px; margin-left: 0px; width: 351px;} /*** TEXTE DE LA RUBRIQUE-1 480x1050px *****/ .spip-content .main .wrapper .content .texte-rub1{ border-radius: 12px 12px 0 0; font-size: 13px; height: 53px; left: 15px; line-height: 15px; margin-top: 50px; padding: 8px 10px 0 17px; width: 381px;} .spip-content .main #menu_rubriques2 { height: 350px; left: -29px; top: 204px;} .spip-content .main #menu_rubriques2 li{ font-size: .8em; margin-left: -1px; margin-top: -15px; } /*** LES BLOCS 480x1050px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li { width: 433px; height: 75px; z-index: 1;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:hover{ width: 433px; height: 75px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child{ left: 37px; top: 541px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2){ left: 26px; top: 395px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3){ left: 26px; top: 249px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4){ left: 26px; top: 103px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child{ left: 37px; top: -43px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child {border-top-right-radius: 0px; border-bottom-right-radius: 0px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2), .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3), .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4){ margin-left: 10px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child{ border-top-left-radius: 0px; border-bottom-left-radius: 0px; } /*** LES CADRES-INNER 480x1050px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner{ width: 397px; height: 68px; padding-top: 7px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child:hover .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2):hover .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3):hover .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4):hover .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child:hover .cadre-inner{ width: 397px; height: 68px; padding-top: 7px; } .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner { border-top-right-radius: 15px; border-bottom-right-radius: 15px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner{} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner { border-top-left-radius: 0px; border-bottom-left-radius: 0px;} /*** LES CADRES-ITEM 480x1050px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item{ width: 409px; height: 145px; margin-left: 7px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item{ border-top-left-radius: 0px; border-bottom-left-radius: 12px; border-top-right-radius: 0px; border-bottom-right-radius: 12px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item{ border-top-left-radius: 0px; border-bottom-left-radius: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 0px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item{ border-top-left-radius: 0px; border-bottom-left-radius: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 0px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child:hover .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2):hover .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3):hover .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4):hover .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child:hover .cadre-inner .cadre-item{ box-shadow: 0 0 2px #FFFFFF, 0 0 5px #FFFFFF, 0 0 10px #ffffff, 0 0 18px #ffffff; } .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child:hover .cadre-inner .cadre-item{ border-top-left-radius: 0px; border-bottom-left-radius: 12px; border-top-right-radius: 0px; border-bottom-right-radius: 12px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2):hover .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3):hover .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4):hover .cadre-inner .cadre-item{ border-top-left-radius: 0px; border-bottom-left-radius: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 0px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child:hover .cadre-inner .cadre-item{ border-top-left-radius: 0px; border-bottom-left-radius: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 0px;} /*** LES CADRES-ITEM-FINAL 480x1050px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final{ width: 399px; height: 135px; margin-left: 4px; margin-top: 4px; } /*** CADRE ITEM FIX ***/ /*** Gradient Red ***/ /*** Gradient Orange ***/ /*** Gradient Yellow ***/ /*** Gradient Green ***/ /*** Gradient Blue ***/ /** COLOR INSIDE = DEGRADE GRIS 480x1050px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final .color-inside{ width: 391px; height: 127px; left: 16px; margin-top: 3px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final .color-inside{ border-top-left-radius: 4px; border-bottom-left-radius: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final .color-inside{ border-top-left-radius: 4px; border-bottom-left-radius: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final .color-inside{ border-top-left-radius: 4px; border-bottom-left-radius: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final{ border-top-left-radius: 7px; border-bottom-left-radius: 7px; border-top-right-radius: 7px; border-bottom-right-radius: 7px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final{ border-top-left-radius: 7px; border-bottom-left-radius: 7px; border-top-right-radius: 7px; border-bottom-right-radius: 7px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final{ border-top-left-radius: 7px; border-bottom-left-radius: 7px; border-top-right-radius: 7px; border-bottom-right-radius: 7px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child:hover .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2):hover .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3):hover .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4):hover .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child:hover .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child:hover .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2):hover .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3):hover .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4):hover .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child:hover .cadre-inner .cadre-item .cadre-item-final{ width: 399px; height: 135px; margin-left: 4px; margin-top: 4px; } /*** Les LOGOS 480x1050px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .spip_logos_rappel{ height: 130px; margin-left: -8px; margin-top: -8px; width: 130px; position: absolute;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child:hover .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2):hover .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3):hover .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4):hover .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child:hover .cadre-inner .spip_logos_rappel{ height: 130px; margin-left: -8px; margin-top: -8px; width: 130px;} /*** Les TITRES 480x1050px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li .spip_titre_rappel{ font-size: 20px; left: 110px; line-height: 20px; margin-left: 0; padding: 16px 0; text-align: left; text-shadow: 0 0 1px #FFFFFF, 0 0 1px #FFFFFF, 0 0 2px #FFFFFF, 0 0 5px #FFFFFF, 0 0 10px #FFFFFF, 0 0 16px #FFFFFF; top: -4px; width: 280px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:hover .spip_titre_rappel{ text-shadow: 0 0 1px #FFFFFF, 0 0 1px #FFFFFF, 0 0 2px #FFFFFF, 0 0 5px #FFFFFF, 0 0 10px #FFFFFF, 0 0 16px #FFFFFF;} /*** Les DESCRIPTIFS V1 avec titre sur 1 ligne 480x1050px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li .spip_descriptif_item-rappel{ display: block; width: 200px; margin-top: 0px; margin-left: 19px; font-size: 13px; line-height: 15px; padding: 10px 5px 1px 15px; border-radius: 10px;} /*** Les DESCRIPTIFS V2 avec titre sur 2 lignes 480x1050px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li .spip_descriptif_item-rappel2{ border-radius: 6px; display: block; font-size: 12px; line-height: 13px; margin-left: -1px; margin-top: -1px; padding: 41px 21px 0 111px; width: 259px; height: 86px; } /*** POUR Les BTNS COULEURS(noir en fait) 480x1050px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final .color-inside .mon-btn-color, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final .color-inside .mon-btn-color, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final .color-inside .mon-btn-color, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final .color-inside .mon-btn-color, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final .color-inside .mon-btn-color{ position; absolute; border-radius: 5px;color: #FFFFFF; font-size: 11px; line-height: 0; margin-left: 307px; margin-top: -30px; padding: 10px 4px 10px 6px; width: 16.5%; z-index: 1000;} /*** POUR Les BTNS NOIR 480x1050px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final-fix .color-inside .mon-btn, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside .mon-btn, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside .mon-btn, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside .mon-btn, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final-fix .color-inside .mon-btn{ left: 0px; width: 36%; font-size: 16px; line-height: 16px; padding-left: 10px; padding-right: 10px; padding-top: 10px; padding-bottom: 10px; border-radius: 10px; margin-left: 74px; margin-top: 18px; } /******************************************************************************* LES SOUS-RUBRIQUE DE CONTENU 480x1050px ************************************************************************************/ /*** CONTENU RUBRIQUES ITEMS 480x1050px *****/ .spip-content .main .wrapper .content .box-texte{ background-color: rgba(255, 255, 255, 0.25); border: 1px solid #FFFFFF; border-radius: 0 0 8px 8px; left: 14px; position: absolute; text-shadow: none; top: 120px; transition: all 0.35s ease-in-out 0s; width: 409px; height: 762px; z-index: 10;} .spip-content .main .wrapper .content .box-texte .inner-txt{ padding: 0px; border-radius: 10px 0px 0px 10px;} .spip-content .main .wrapper .content .box-texte .inner-txt .bg-texte{ width: 409px; height: 688px; padding: 0px; border-radius: 0px; background-color: rgba(255, 255, 255, 0.85); border: 0px solid #fff;} .spip-content .main .wrapper .content .box-texte .inner-txt .bg-texte .texte{ border-radius: 5px; color: #808080; float: left; font-family: Arial,Helvetica,sans-serif; font-size: 11px; line-height: 15px; margin-left: 0; overflow: auto; padding: 40px 20px 0 0; text-align: left; width: 389px; height: 648px; } .spip_document_1, .spip_document_2, .spip_document_3, .spip_document_4, .spip_document_5, .spip_document_6, .spip_document_7, .spip_document_8, .spip_document_9, .spip_document_10, .spip_document_11, .spip_document_12, .spip_document_13, .spip_document_14, .spip_document_15, .spip_document_16, .spip_document_17, .spip_document_18, .spip_document_19, .spip_document_20, .spip_document_21, .spip_document_22, .spip_document_23, .spip_document_24, .spip_document_25, .spip_document_26, .spip_document_27, .spip_document_28, .spip_document_29, .spip_document_30, .spip_document_31, .spip_document_32, .spip_document_33, .spip_document_34, .spip_document_35, .spip_document_36, .spip_document_37, .spip_document_38, .spip_document_39, .spip_document_40, .spip_document_41, .spip_document_42, .spip_document_43, .spip_document_44, .spip_document_45, .spip_document_46, .spip_document_47, .spip_document_48, .spip_document_49, .spip_document_50, .spip_document_51, .spip_document_52, .spip_document_53, .spip_document_54, .spip_document_55, .spip_document_56, .spip_document_57, .spip_document_58, .spip_document_59, .spip_document_60, .spip_document_61, .spip_document_62, .spip_document_63, .spip_document_64, .spip_document_65, .spip_document_66, .spip_document_67, .spip_document_68, .spip_document_69, .spip_document_70, .spip_document_71, .spip_document_72{ width: 80px!important; height: 80px!important; margin-left: 10px; margin-top: 0px; background-color: #fbfbfb;} p { margin: 0 0 0px;} /*** TEXTE DE LA RUBRIQUE-B 480x1050px *****/ .spip-content .main .wrapper .content .texte-rub1{ background-color: rgba(241, 241, 241, 0.85); border: 1px solid #FFFFFF; border-radius: 8px 8px 0 0; color: #555555; float: left; font-family: Arial,Helvetica,sans-serif; font-size: 13px; height: 67px; left: 14px; line-height: 15px; padding: 11px 10px 2px 18px; position: absolute; text-align: left; top: 22px; width: 381px;} .spip-content .main #menu_rubriques1 { width: 1600px; height: 350px; left: 70px; margin-top: 240px;} .spip-content .main #menu_rubriques1 li{ font-size: .8em; margin-left: -1px; margin-top: -15px; } /*** DESCRIPTIF SSRUB 480x1050px *****/ .spip-content .main .wrapper .content .descriptif-ssrub{ background-color: rgba(241, 241, 241, 0.85); border: 1px solid #FFFFFF; border-radius: 8px 8px 0 0; color: #555555; float: left; font-family: Arial,Helvetica,sans-serif; font-size: 11px; height: 44px; left: 14px; line-height: 12px; padding: 8px 20px 0; position: absolute; text-align: left; top: 67px; width: 369px;} /*** TAILLE DE L'IMAGE DANS LE CORPS DE TEXTE SPIP 480x1050px *****/ .spip_documents_left img{width: 80px; height: 80px; margin-left: 10px; margin-top: -8px; background-color: #fbfbfb;} /*** PARTICULARITE RUBRIQUE FORMULAIRE 480x1050px *****/ .spip-content .main .wrapper .content .box-texte .inner-txt-formulaire{ padding: 7px; border-radius: 10px 0px 0px 10px; font-family: Arial,Helvetica,sans-serif; text-align: left;} .spip-content .main .wrapper .content .box-texte .inner-txt-formulaire .bg-texte-formulaire{ border-radius: 5px; background-color: rgba(255, 255, 255, 0.85); border: 1px solid #fff; float: left; overflow: none; padding: 0px; text-align: left; float: left; color: #808080; font-family: Arial,Helvetica,sans-serif; text-align: left; font-size: 11px; line-height: 10px; width: 393px; height: 746px;} /*** PARTICULARITE RUBRIQUE SIMPLE 480x1050px *****/ .spip-content .main .wrapper .content .box-texte .inner-txt-simple{ padding: 0px; border-radius: 0px 0px 0px 7px; font-family: Arial,Helvetica,sans-serif; text-align: left;} .spip-content .main .wrapper .content .box-texte .inner-txt-simple .bg-texte-simple{ background-color: rgba(255, 255, 255, 0.85); border-color: #FFFFFF; border-radius: 0 0 0 7px; border-style: solid; border-width: 0 1px 1px 0; color: #808080; float: left; font-family: Arial,Helvetica,sans-serif; font-size: 11px; height: 742px; line-height: 12px; overflow: auto; padding: 20px 20px 0; text-align: left; width: 369px;} /*** POUR LE PETIT MENU des SOUS RUBRIQUES en haut à droite 480x1050px *****/ .spip-content .main #menu_rubriques1 { position: absolute; text-align: left; width: 389px; height: 73px; z-index: 1000; top: 569px; padding-right: 20px; left: 14px; background-color: rgba(241, 241, 241, 0.7); border-top-left-radius: 0px; border-bottom-left-radius: 8px; border-top-right-radius: 0px; border-bottom-right-radius: 8px; border: 1px solid #fff; } .spip-content .main #menu_rubriques1 li{ font-size: .8em; margin-left: 32px; list-style: none; float: left; margin-top: -7px; } .spip-content .main #menu_rubriques1 li ul li{ font-size: 1em; margin-left: 0em;} .spip-content .main #menu_rubriques1 { list-style-type:none; } .spip-content .main #menu_rubriques1 li { list-style-type: none; } .spip-content .main #menu_rubriques1 li li { list-style-type: none; } .spip-content .main #menu_rubriques1 li li li { list-style-type: none; } .spip-content .main #menu_rubriques1 hr {margin : 0.7em 0;} .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li { width: 56px; } .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li:hover { width: 56px; } .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li .spip_logos_rappel { height: 60px; width: 60px; margin-bottom: 6px; margin-left: 8px; margin-top: 3px;} .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li:hover .spip_logos_rappel {} .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li .spip_titre_rappel{ font-family: "Arial"; font-size: 9px; line-height: 10px; list-style: none outside none; margin: -14px 25px 1px 4px; position: absolute; text-align: center; width: 70px;} .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li:hover .spip_titre_rappel { } /*** Les currents 480x1050px ***/ .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li .nav_current_rub{ display: none;width: 120px; } .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li .nav_current_rub .spip_logos_rappel { width: 80px; height: 80px; padding-left: 18px; padding-top: 18px; padding-bottom: 10px;} .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li .nav_current_rub .spip_titre_rappel { position: absolute; width: 120px; margin-top: -14px; margin-left:-1px; text-align: center; font-size: 14px; line-height: 14px; list-style: none;} /*** FIN de 480x1050px *****/ } /***** SURCOUCHE POUR IE10/11 - MARGE FIXE POUR position LOGO-SMA 480px de largeur *****/ /*****MEDIA QUERY SOUS MON AILE 480x1200px *****/ @media screen and (min-width: 480px) and (max-width: 559px) and (min-height: 1081px) and (max-height: 1549px){ /**** SPIP CONTENT 480x1200px *****/ .contenu-mobil.spip-content{ display: none;} .contenu-desktop.spip-content{display: block; height: 693px; margin-left: 1px; margin-top: 50px; width: 437px; z-index:100;} /*** FIL d'ARIANE SPIP 480x1200px *****/ .spip-content .ariane{ display: none; z-index:100; margin-top: 0px; } .spip-content .ariane .arbo{ padding-left: 10px; padding-right: 10px; font-size: 11px; line-height: 11px; width: auto; height: 20px; margin-top: 0px; text-shadow: 0 0 1px #FFFFFF, 0 0 1px #FFFFFF, 0 0 2px #FFFFFF, 0 0 5px #FFFFFF;} /*** CONTNER CONTENU SPIP 480x1200px *****/ .spip-content .main { width: 518px; height: 603px; margin-left: 0px; margin-top: 0px; z-index: 50;} .spip-content .main .wrapper .content { width: 518px; height: 603px; margin-top: 0px;} /*** TITRES TITRE DE LA RUBRIQUE-1 480x1200px *****/ .titre-sma{ display: none; font-size: 20px; line-height: 2px; margin-top: 89px; padding-left: 138px; text-shadow: 0 0 1px #FFFFFF, 0 0 1px #FFFFFF, 0 0 2px #FFFFFF, 0 0 5px #FFFFFF, 0 0 10px #FFFFFF, 0 0 16px #FFFFFF; } .spip-content .main .wrapper .content .container2 { width: 1615px; margin-left:0px; margin-top: 0px;} /*** TITRES TITRE DE LA SOUS-RUBRIQUE-1 480x1200px *****/ h1.titre-sma-rub1, h1.titre-sma-ssrub{ width: 370px; font-size: 21px; line-height: 18x; margin-left: 66px; margin-top: -4px; text-shadow: 0 0 1px #FFFFFF, 0 0 1px #FFFFFF, 0 0 2px #FFFFFF, 0 0 5px #FFFFFF, 0 0 10px #FFFFFF, 0 0 13px #FFFFFF;} h1.titre-sma-rub1 .spip_logos , h1.titre-sma-ssrub .spip_logos { height: 60px; margin: -5px 0 0 -30px; width: 60px;} h1.titre-sma-rub1 .descriptif, h1.titre-sma-ssrub .descriptif{ font-size: 12px; line-height: 12px; margin-top: -7px; margin-left: 0px; width: 351px;} /*** TEXTE DE LA RUBRIQUE-1 480x1200px *****/ .spip-content .main .wrapper .content .texte-rub1{ border-radius: 8px 8px 0 0; font-size: 12px; line-height: 14px; height: 67px; left: 14px; top: 73px; padding: 12px 0px 0px 21px; width: 388px;} .spip-content .main #menu_rubriques2 { height: 350px; left: -29px; margin-top: 180px;} .spip-content .main #menu_rubriques2 li{ font-size: .8em; margin-left: -1px; margin-top: -15px; } /*** LES BLOCS 480x1200px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li { width: 433px; height: 75px; z-index: 1;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:hover{ width: 433px; height: 75px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child{ left: 37px; top: 569px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2){ left: 26px; top: 416px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3){ left: 26px; top: 263px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4){ left: 26px; top: 110px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child{ left: 37px; top: -43px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child {border-top-right-radius: 0px; border-bottom-right-radius: 0px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2), .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3), .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4){ margin-left: 10px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child{ border-top-left-radius: 0px; border-bottom-left-radius: 0px; } /*** LES CADRES-INNER 480x1200px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner{ width: 397px; height: 68px; padding-top: 7px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child:hover .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2):hover .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3):hover .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4):hover .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child:hover .cadre-inner{ width: 397px; height: 68px; padding-top: 7px; } .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner { border-top-right-radius: 15px; border-bottom-right-radius: 15px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner{} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner { border-top-left-radius: 0px; border-bottom-left-radius: 0px;} /*** LES CADRES-ITEM 480x1200px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item{ width: 409px; height: 152px; margin-left: 7px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item{ border-top-left-radius: 0px; border-bottom-left-radius: 12px; border-top-right-radius: 0px; border-bottom-right-radius: 12px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item{ border-top-left-radius: 0px; border-bottom-left-radius: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 0px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item{ border-top-left-radius: 0px; border-bottom-left-radius: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 0px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child:hover .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2):hover .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3):hover .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4):hover .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child:hover .cadre-inner .cadre-item{ box-shadow: 0 0 2px #FFFFFF, 0 0 5px #FFFFFF, 0 0 10px #ffffff, 0 0 18px #ffffff; } .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child:hover .cadre-inner .cadre-item{ border-top-left-radius: 0px; border-bottom-left-radius: 12px; border-top-right-radius: 0px; border-bottom-right-radius: 12px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2):hover .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3):hover .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4):hover .cadre-inner .cadre-item{ border-top-left-radius: 0px; border-bottom-left-radius: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 0px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child:hover .cadre-inner .cadre-item{ border-top-left-radius: 0px; border-bottom-left-radius: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 0px;} /*** LES CADRES-ITEM-FINAL 480x1200px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final{ width: 399px; height: 142px; margin-left: 4px; margin-top: 4px; } /*** CADRE ITEM FIX ***/ /*** Gradient Red ***/ /*** Gradient Orange ***/ /*** Gradient Yellow ***/ /*** Gradient Green ***/ /*** Gradient Blue ***/ /** COLOR INSIDE = DEGRADE GRIS 480x1200px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final .color-inside{ width: 391px; height: 134px; left: 16px; margin-top: 3px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final .color-inside{ border-top-left-radius: 4px; border-bottom-left-radius: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final .color-inside{ border-top-left-radius: 4px; border-bottom-left-radius: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final .color-inside{ border-top-left-radius: 4px; border-bottom-left-radius: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final{ border-top-left-radius: 7px; border-bottom-left-radius: 7px; border-top-right-radius: 7px; border-bottom-right-radius: 7px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final{ border-top-left-radius: 7px; border-bottom-left-radius: 7px; border-top-right-radius: 7px; border-bottom-right-radius: 7px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final{ border-top-left-radius: 7px; border-bottom-left-radius: 7px; border-top-right-radius: 7px; border-bottom-right-radius: 7px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child:hover .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2):hover .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3):hover .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4):hover .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child:hover .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child:hover .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2):hover .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3):hover .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4):hover .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child:hover .cadre-inner .cadre-item .cadre-item-final{ width: 399px; height: 142px; margin-left: 4px; margin-top: 4px; } /*** Les LOGOS 480x1200px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .spip_logos_rappel{ height: 130px; margin-left: -8px; margin-top: -3px; width: 130px; position: absolute;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child:hover .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2):hover .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3):hover .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4):hover .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child:hover .cadre-inner .spip_logos_rappel{ height: 130px; margin-left: -8px; margin-top: -3px; width: 130px;} /*** Les TITRES 480x1200px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li .spip_titre_rappel{ font-size: 20px; left: 110px; line-height: 20px; margin-left: 0; padding: 16px 0; text-align: left; text-shadow: 0 0 1px #FFFFFF, 0 0 1px #FFFFFF, 0 0 2px #FFFFFF, 0 0 5px #FFFFFF, 0 0 10px #FFFFFF, 0 0 16px #FFFFFF; top: 6px; width: 280px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:hover .spip_titre_rappel{ text-shadow: 0 0 1px #FFFFFF, 0 0 1px #FFFFFF, 0 0 2px #FFFFFF, 0 0 5px #FFFFFF, 0 0 10px #FFFFFF, 0 0 16px #FFFFFF;} /*** Les DESCRIPTIFS V1 avec titre sur 1 ligne 480x1200px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li .spip_descriptif_item-rappel{ display: block; width: 200px; margin-top: 0px; margin-left: 19px; font-size: 13px; line-height: 15px; padding: 10px 5px 1px 15px; border-radius: 10px;} /*** Les DESCRIPTIFS V2 avec titre sur 2 lignes 480x1200px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li .spip_descriptif_item-rappel2{ border-radius: 6px; display: block; font-size: 12px; line-height: 13px; margin-left: -1px; margin-top: -1px; padding: 47px 21px 0 111px; width: 259px; height: 87px; } /*** POUR Les BTNS COULEURS(noir en fait) 480x1200px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final .color-inside .mon-btn-color, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final .color-inside .mon-btn-color, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final .color-inside .mon-btn-color, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final .color-inside .mon-btn-color, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final .color-inside .mon-btn-color{ position; absolute; border-radius: 5px;color: #FFFFFF; font-size: 11px; line-height: 0; margin-left: 307px; margin-top: -30px; padding: 10px 4px 10px 6px; width: 16.5%; z-index: 1000;} /*** POUR Les BTNS NOIR 480x1200px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final-fix .color-inside .mon-btn, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside .mon-btn, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside .mon-btn, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside .mon-btn, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final-fix .color-inside .mon-btn{ left: 0px; width: 36%; font-size: 16px; line-height: 16px; padding-left: 10px; padding-right: 10px; padding-top: 10px; padding-bottom: 10px; border-radius: 10px; margin-left: 74px; margin-top: 18px; } /******************************************************************************* LES SOUS-RUBRIQUE DE CONTENU 480x1200px ************************************************************************************/ /*** CONTENU RUBRIQUES ITEMS 480x1200px *****/ .spip-content .main .wrapper .content .box-texte{ background-color: rgba(255, 255, 255, 0.25); border: 1px solid #FFFFFF; border-radius: 0 0 8px 8px; left: 14px; position: absolute; text-shadow: none; top: 120px; transition: all 0.35s ease-in-out 0s; width: 409px; height: 797px; z-index: 10;} .spip-content .main .wrapper .content .box-texte .inner-txt{ padding: 0px; border-radius: 10px 0px 0px 10px;} .spip-content .main .wrapper .content .box-texte .inner-txt .bg-texte{ width: 409px; height: 723px; padding: 0px; border-radius: 0px; background-color: rgba(255, 255, 255, 0.85); border: 0px solid #fff;} .spip-content .main .wrapper .content .box-texte .inner-txt .bg-texte .texte{ border-radius: 5px; color: #808080; float: left; font-family: Arial,Helvetica,sans-serif; font-size: 11px; line-height: 15px; margin-left: 0; overflow: auto; padding: 40px 20px 0 0; text-align: left; width: 389px; height: 683px; } .spip_document_1, .spip_document_2, .spip_document_3, .spip_document_4, .spip_document_5, .spip_document_6, .spip_document_7, .spip_document_8, .spip_document_9, .spip_document_10, .spip_document_11, .spip_document_12, .spip_document_13, .spip_document_14, .spip_document_15, .spip_document_16, .spip_document_17, .spip_document_18, .spip_document_19, .spip_document_20, .spip_document_21, .spip_document_22, .spip_document_23, .spip_document_24, .spip_document_25, .spip_document_26, .spip_document_27, .spip_document_28, .spip_document_29, .spip_document_30, .spip_document_31, .spip_document_32, .spip_document_33, .spip_document_34, .spip_document_35, .spip_document_36, .spip_document_37, .spip_document_38, .spip_document_39, .spip_document_40, .spip_document_41, .spip_document_42, .spip_document_43, .spip_document_44, .spip_document_45, .spip_document_46, .spip_document_47, .spip_document_48, .spip_document_49, .spip_document_50, .spip_document_51, .spip_document_52, .spip_document_53, .spip_document_54, .spip_document_55, .spip_document_56, .spip_document_57, .spip_document_58, .spip_document_59, .spip_document_60, .spip_document_61, .spip_document_62, .spip_document_63, .spip_document_64, .spip_document_65, .spip_document_66, .spip_document_67, .spip_document_68, .spip_document_69, .spip_document_70, .spip_document_71, .spip_document_72{ width: 80px!important; height: 80px!important; margin-left: 10px; margin-top: 0px; background-color: #fbfbfb;} p { margin: 0 0 0px;} /*** TEXTE DE LA RUBRIQUE-B 480x1200px *****/ .spip-content .main .wrapper .content .texte-rub1{ background-color: rgba(241, 241, 241, 0.85); border: 1px solid #FFFFFF; border-radius: 8px 8px 0 0; color: #555555; float: left; font-family: Arial,Helvetica,sans-serif; font-size: 13px; height: 67px; left: 14px; line-height: 15px; padding: 11px 10px 2px 18px; position: absolute; text-align: left; top: 72px; width: 381px;} .spip-content .main #menu_rubriques1 { width: 1600px; height: 350px; left: 70px; margin-top: 240px;} .spip-content .main #menu_rubriques1 li{ font-size: .8em; margin-left: -1px; margin-top: -15px; } /*** DESCRIPTIF SSRUB 480x1200px *****/ .spip-content .main .wrapper .content .descriptif-ssrub{ background-color: rgba(241, 241, 241, 0.85); border: 1px solid #FFFFFF; border-radius: 8px 8px 0 0; color: #555555; float: left; font-family: Arial,Helvetica,sans-serif; font-size: 11px; height: 44px; left: 14px; line-height: 12px; padding: 8px 20px 0; position: absolute; text-align: left; top: 67px; width: 369px;} /*** TAILLE DE L'IMAGE DANS LE CORPS DE TEXTE SPIP 480x1200px *****/ .spip_documents_left img{width: 80px; height: 80px; margin-left: 10px; margin-top: -8px; background-color: #fbfbfb;} /*** PARTICULARITE RUBRIQUE FORMULAIRE 480x1200px *****/ .spip-content .main .wrapper .content .box-texte .inner-txt-formulaire{ padding: 7px; border-radius: 10px 0px 0px 10px; font-family: Arial,Helvetica,sans-serif; text-align: left;} .spip-content .main .wrapper .content .box-texte .inner-txt-formulaire .bg-texte-formulaire{ border-radius: 5px; background-color: rgba(255, 255, 255, 0.85); border: 1px solid #fff; float: left; overflow: none; padding: 0px; text-align: left; float: left; color: #808080; font-family: Arial,Helvetica,sans-serif; text-align: left; font-size: 11px; line-height: 10px; width: 393px; height: 781px;} /*** PARTICULARITE RUBRIQUE SIMPLE 480x1200px *****/ .spip-content .main .wrapper .content .box-texte .inner-txt-simple{ padding: 0px; border-radius: 0px 0px 0px 7px; font-family: Arial,Helvetica,sans-serif; text-align: left;} .spip-content .main .wrapper .content .box-texte .inner-txt-simple .bg-texte-simple{ background-color: rgba(255, 255, 255, 0.85); border-color: #FFFFFF; border-radius: 0 0 0 7px; border-style: solid; border-width: 0 1px 1px 0; color: #808080; float: left; font-family: Arial,Helvetica,sans-serif; font-size: 11px; height: 777px; line-height: 12px; overflow: auto; padding: 20px 20px 0; text-align: left; width: 369px;} /*** POUR LE PETIT MENU des SOUS RUBRIQUES en haut à droite 480x1200px *****/ .spip-content .main #menu_rubriques1 { position: absolute; text-align: left; width: 389px; height: 73px; z-index: 1000; top: 604px; padding-right: 20px; left: 14px; background-color: rgba(241, 241, 241, 0.7); border-top-left-radius: 0px; border-bottom-left-radius: 8px; border-top-right-radius: 0px; border-bottom-right-radius: 8px; border: 1px solid #fff; } .spip-content .main #menu_rubriques1 li{ font-size: .8em; margin-left: 32px; list-style: none; float: left; margin-top: -7px; } .spip-content .main #menu_rubriques1 li ul li{ font-size: 1em; margin-left: 0em;} .spip-content .main #menu_rubriques1 { list-style-type:none; } .spip-content .main #menu_rubriques1 li { list-style-type: none; } .spip-content .main #menu_rubriques1 li li { list-style-type: none; } .spip-content .main #menu_rubriques1 li li li { list-style-type: none; } .spip-content .main #menu_rubriques1 hr {margin : 0.7em 0;} .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li { width: 56px; } .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li:hover { width: 56px; } .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li .spip_logos_rappel { height: 60px; width: 60px; margin-bottom: 6px; margin-left: 8px; margin-top: 3px;} .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li:hover .spip_logos_rappel {} .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li .spip_titre_rappel{ font-family: "Arial"; font-size: 9px; line-height: 10px; list-style: none outside none; margin: -14px 25px 1px 4px; position: absolute; text-align: center; width: 70px;} .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li:hover .spip_titre_rappel { } /*** Les currents 480x1050px ***/ .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li .nav_current_rub{ display: none;width: 120px; } .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li .nav_current_rub .spip_logos_rappel { width: 80px; height: 80px; padding-left: 18px; padding-top: 18px; padding-bottom: 10px;} .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li .nav_current_rub .spip_titre_rappel { position: absolute; width: 120px; margin-top: -14px; margin-left:-1px; text-align: center; font-size: 14px; line-height: 14px; list-style: none;} /*** FIN de 480x1200px *****/ } /*********************************************************************************************************************** ************************************** MEDIA QUERY SOUS MON AILE 600px de largeur *********************************** ************************************************************************************************************************/ /****** MEDIA QUERY SOUS MON AILE 600x320px ****/ @media screen and (min-width: 560px) and (max-width: 751px) and (min-height: 200px) and (max-height: 479px){ /**** SPIP CONTENT 600x320px *****/ .contenu-mobil.spip-content{ display: none;} .contenu-desktop.spip-content{ display: block; height: 228px; margin-left: 1px; margin-top: 50px; width: 369px; z-index:100;} /*** FIL d'ARIANE SPIP 600x320px *****/ .spip-content .ariane{ display: none; z-index:100; margin-top: 0px; } .spip-content .ariane .arbo{ display: none; padding-left: 10px; padding-right: 10px; font-size: 11px; line-height: 11px; width: auto; height: 20px; margin-top: 0px; text-shadow: 0 0 1px #FFFFFF, 0 0 1px #FFFFFF, 0 0 2px #FFFFFF, 0 0 5px #FFFFFF;} /*** CONTNER CONTENU SPIP 600x320px *****/ .spip-content .main { width: 268px; height: 131px; margin-left: 0px; margin-top: 0px; z-index: 50;} .spip-content .main .wrapper .content { width: 268px; height: 131px; margin-top: 0px;} /*** TITRES TITRE DE LA RUBRIQUE-1 600x320px *****/ .titre-sma{ display: none; font-size: 20px; line-height: 2px; margin-top: 89px; padding-left: 138px; text-shadow: 0 0 1px #FFFFFF, 0 0 1px #FFFFFF, 0 0 2px #FFFFFF, 0 0 5px #FFFFFF, 0 0 10px #FFFFFF, 0 0 16px #FFFFFF; } /*** TITRES TITRE DE LA SOUS-RUBRIQUE-1 600x320px *****/ h1.titre-sma-rub1, h1.titre-sma-ssrub{ font-size: 12px; margin-left: 37px; margin-top: -24px; text-shadow: 0 0 1px #FFFFFF, 0 0 1px #FFFFFF, 0 0 2px #FFFFFF, 0 0 5px #FFFFFF, 0 0 10px #FFFFFF, 0 0 13px #FFFFFF; width: 223px;} h1.titre-sma-rub1 .spip_logos , h1.titre-sma-ssrub .spip_logos { height: 35px; margin: 1px 0 0 -17px; width: 35px;} h1.titre-sma-rub1 .descriptif, h1.titre-sma-ssrub .descriptif{ font-size: 9px; line-height: 6px; margin-top: -10px; margin-left: 0px; width: 213px;} /*** TEXTE DE LA RUBRIQUE-1 600x320px *****/ .spip-content .main .wrapper .content .texte-rub1{ border-radius: 12px 12px 0 0; font-size: 10px; height: 74px; left: 10px; line-height: 11px; margin-top: 24px; padding: 8px 7px 0 12px; width: 227px; display: none;} .spip-content .main #menu_rubriques2 { height: 100px; left: 24px; margin-top: 132px;} .spip-content .main #menu_rubriques2 li{ font-size: .8em; margin-left: -1px; margin-top: -15px; } /*** LES BLOCS 600x320px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li { width: 263px; height: 47px; z-index: 1;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:hover{ width: 263px; height: 47px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child{ left: 37px; top: 31px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2){ left: 26px; top: -3px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3){ left: 26px; top: -37px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4){ left: 26px; top: -71px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child{ left: 37px; top: -105px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child {border-top-right-radius: 0px; border-bottom-right-radius: 0px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2), .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3), .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4){ margin-left: 10px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child{ border-top-left-radius: 0px; border-bottom-left-radius: 0px; } /*** LES CADRES-INNER 600x320px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner{ width: 263px; height: 38px; padding-top: 7px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child:hover .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2):hover .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3):hover .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4):hover .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child:hover .cadre-inner{ width: 263px; height: 38px; padding-top: 7px; } .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner { border-top-right-radius: 15px; border-bottom-right-radius: 15px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner{} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner { border-top-left-radius: 0px; border-bottom-left-radius: 0px;} /*** LES CADRES-ITEM 600x320px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item{ width: 382px; height: 33px; margin-left: 7px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item{ border-top-left-radius: 0px; border-bottom-left-radius: 8px; border-top-right-radius: 0px; border-bottom-right-radius: 8px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item{ border-top-left-radius: 0px; border-bottom-left-radius: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 0px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item{ border-top-left-radius: 8px; border-bottom-left-radius: 0px; border-top-right-radius: 8px; border-bottom-right-radius: 0px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child:hover .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2):hover .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3):hover .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4):hover .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child:hover .cadre-inner .cadre-item{ box-shadow: 0 0 2px #FFFFFF, 0 0 5px #FFFFFF, 0 0 10px #ffffff, 0 0 18px #ffffff; } .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child:hover .cadre-inner .cadre-item{ border-top-left-radius: 0px; border-bottom-left-radius: 8px; border-top-right-radius: 0px; border-bottom-right-radius: 8px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2):hover .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3):hover .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4):hover .cadre-inner .cadre-item{ border-top-left-radius: 0px; border-bottom-left-radius: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 0px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child:hover .cadre-inner .cadre-item{ border-top-left-radius: 8px; border-bottom-left-radius: 0px; border-top-right-radius: 8px; border-bottom-right-radius: 0px;} /*** LES CADRES-ITEM-FINAL 600x320px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final{ width: 375px; height: 27px; margin-left: 2px; margin-top: 2px; } /*** CADRE ITEM FIX ***/ /*** Gradient Red ***/ /*** Gradient Orange ***/ /*** Gradient Yellow ***/ /*** Gradient Green ***/ /*** Gradient Blue ***/ /** COLOR INSIDE = DEGRADE GRIS 600x320px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final .color-inside{ width: 369px; height: 21px; left: 13px; margin-top: 2px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final .color-inside{ border-top-left-radius: 4px; border-bottom-left-radius: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final .color-inside{ border-top-left-radius: 4px; border-bottom-left-radius: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final .color-inside{ border-top-left-radius: 4px; border-bottom-left-radius: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final{ border-top-left-radius: 7px; border-bottom-left-radius: 7px; border-top-right-radius: 7px; border-bottom-right-radius: 7px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final{ border-top-left-radius: 7px; border-bottom-left-radius: 7px; border-top-right-radius: 7px; border-bottom-right-radius: 7px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final{ border-top-left-radius: 7px; border-bottom-left-radius: 7px; border-top-right-radius: 7px; border-bottom-right-radius: 7px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child:hover .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2):hover .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3):hover .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4):hover .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child:hover .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child:hover .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2):hover .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3):hover .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4):hover .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child:hover .cadre-inner .cadre-item .cadre-item-final{ width: 375px; height: 27px; margin-left: 2px; margin-top: 2px; } /*** Les LOGOS 600x320px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .spip_logos_rappel{ position: absolute; height: 32px; margin-left: 97px; margin-top: -6px; width: 32px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child:hover .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2):hover .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3):hover .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4):hover .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child:hover .cadre-inner .spip_logos_rappel{ height: 32px; margin-left: 97px; margin-top: -6px; width: 32px;} /*** Les TITRES 600x320px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li .spip_titre_rappel{ font-size: 13px; left: 130px; line-height: 14px; padding: 6px 0; text-align: left; text-shadow: 0 0 1px #FFFFFF, 0 0 1px #FFFFFF, 0 0 2px #FFFFFF, 0 0 5px #FFFFFF, 0 0 10px #FFFFFF, 0 0 16px #FFFFFF; top: -3px; width: 160px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:hover .spip_titre_rappel{ text-shadow: 0 0 1px #FFFFFF, 0 0 1px #FFFFFF, 0 0 2px #FFFFFF, 0 0 5px #FFFFFF, 0 0 10px #FFFFFF, 0 0 16px #FFFFFF;} /*** Les DESCRIPTIFS V1 avec titre sur 1 ligne 600x320px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li .spip_descriptif_item-rappel{ display: block; width: 200px; margin-top: 0px; margin-left: 19px; font-size: 13px; line-height: 15px; padding: 10px 5px 1px 15px; border-radius: 10px;} /*** Les DESCRIPTIFS V2 avec titre sur 2 lignes 600x320px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li .spip_descriptif_item-rappel2{ display: none; border-radius: 6px; font-size: 10px; line-height: 10px; margin-left: -1px; margin-top: -1px; padding: 35px 5px 6px 6px; width: 217px;} /*** POUR Les BTNS COULEURS(noir en fait) 600x320px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final .color-inside .mon-btn-color, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final .color-inside .mon-btn-color, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final .color-inside .mon-btn-color, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final .color-inside .mon-btn-color, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final .color-inside .mon-btn-color{ display: none; border-radius: 5px; color: #FFFFFF; font-size: 9px; line-height: 0; margin-left: 152px; margin-top: -21px; padding: 7px 2px 7px 7px; width: 26.5%; z-index: 1000;} /*** POUR Les BTNS NOIR 600x320px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final-fix .color-inside .mon-btn, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside .mon-btn, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside .mon-btn, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside .mon-btn, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final-fix .color-inside .mon-btn{ left: 0px; width: 36%; font-size: 16px; line-height: 16px; padding-left: 10px; padding-right: 10px; padding-top: 10px; padding-bottom: 10px; border-radius: 10px; margin-left: 74px; margin-top: 18px; } /******************************************************************************* LES SOUS-RUBRIQUE DE CONTENU 600x320px ************************************************************************************/ /*** TEXTE DE LA RUBRIQUE-B 600x320px *****/ .spip-content .main .wrapper .content .texte-rub1{ background-color: rgba(241, 241, 241, 0.85); border: 1px solid #FFFFFF; border-radius: 8px 8px 0 0; color: #555555; float: left; font-family: Arial,Helvetica,sans-serif; font-size: 12px; height: 48px; left: 14px; line-height: 14px; padding: 6px 10px 0px 18px; position: absolute; text-align: left; top: 13px; width: 460px; } .spip-content .main #menu_rubriques1 { width: 1600px; height: 350px; left: 70px; margin-top: 240px;} .spip-content .main #menu_rubriques1 li{ font-size: .8em; margin-left: -1px; margin-top: -15px; } /*** TEXTE DES SSRUBRIQUES BLUE, GREEN, YELLOW, ORANGE, RED 600x320px *****/ .spip-content .main .wrapper .content .box-texte{ position: absolute; top: 56px; left: -1px; width: 518px; height: 170px; z-index: 10; text-shadow: none; border-radius: 0px 0 0px 12px; background-color: rgba(255, 255, 255, 0.25); border: 0px solid #FFFFFF;} .spip-content .main .wrapper .content .box-texte .inner-txt{ padding: 0px; border-radius: 0px 0px 12px 12px;} .spip-content .main .wrapper .content .box-texte .inner-txt .bg-texte{ background-color: rgba(255, 255, 255, 0.85); border: 0px solid #FFFFFF; border-radius: 0px 0 0 12px; height: 161px; padding: 0 10px 10px; width: 389px;} .spip-content .main .wrapper .content .box-texte .inner-txt .bg-texte .texte{ border-radius: 5px; color: #808080; float: left; font-family: Arial,Helvetica,sans-serif; font-size: 10px; line-height: 11px; overflow: auto; padding: 8px; text-align: left; width: 382px; height: 154px; } /*** DESCRIPTIF SSRUB 600x320px *****/ .spip-content .main .wrapper .content .descriptif-ssrub{ display: block; background-color: rgba(241, 241, 241, 0); border: 0px solid #FFFFFF; border-radius: 8px 8px 0 0; color: #555555; float: left; font-family: Arial,Helvetica,sans-serif; font-size: 9px; left: 2px; line-height: 10px; padding: 0px 0px 0px 33px; position: absolute; text-align: left; top: 29px; width: 476px; height: 29px;} .spip_document_1, .spip_document_2, .spip_document_3, .spip_document_4, .spip_document_5, .spip_document_6, .spip_document_7, .spip_document_8, .spip_document_9, .spip_document_10, .spip_document_11, .spip_document_12, .spip_document_13, .spip_document_14, .spip_document_15, .spip_document_16, .spip_document_17, .spip_document_18, .spip_document_19, .spip_document_20, .spip_document_21, .spip_document_22, .spip_document_23, .spip_document_24, .spip_document_25, .spip_document_26, .spip_document_27, .spip_document_28, .spip_document_29, .spip_document_30, .spip_document_31, .spip_document_32, .spip_document_33, .spip_document_34, .spip_document_35, .spip_document_36, .spip_document_37, .spip_document_38, .spip_document_39, .spip_document_40, .spip_document_41, .spip_document_42, .spip_document_43, .spip_document_44, .spip_document_45, .spip_document_46, .spip_document_47, .spip_document_48, .spip_document_49, .spip_document_50, .spip_document_51, .spip_document_52, .spip_document_53, .spip_document_54, .spip_document_55, .spip_document_56, .spip_document_57, .spip_document_58, .spip_document_59, .spip_document_60, .spip_document_61, .spip_document_62, .spip_document_63, .spip_document_64, .spip_document_65, .spip_document_66, .spip_document_67, .spip_document_68, .spip_document_69, .spip_document_70, .spip_document_71, .spip_document_72{ width: 30px!important; height: 40px!important; margin-left: 9px; margin-top: 0px; background-color: #fbfbfb;} p { margin: 0 0 0px;} /*** TAILLE DE L'IMAGE DANS LE CORPS DE TEXTE SPIP 600x320px *****/ .spip_documents_left img{width: 30px; height: 30px; margin-left: 8px; margin-top: -3px; background-color: #fbfbfb;} /*** PARTICULARITE RUBRIQUE FORMULAIRE 600x320px *****/ .spip-content .main .wrapper .content .box-texte .inner-txt-formulaire{ padding: 0px; border-radius: 0px 0px 12px 12px; font-family: Arial,Helvetica,sans-serif; text-align: left;} .spip-content .main .wrapper .content .box-texte .inner-txt-formulaire .bg-texte-formulaire{ border-radius: 0px 0px 12px 12px; background-color: rgba(255, 255, 255, 0.85); border: 0px solid #fff; float: left; overflow: none; padding: 0px; text-align: left; float: left; color: #808080; font-family: Arial,Helvetica,sans-serif; text-align: left; font-size: 9px; line-height: 10px; width: 519px; height: 171px;} /*** PARTICULARITE RUBRIQUE SIMPLE 600x320px *****/ .spip-content .main .wrapper .content .box-texte .inner-txt-simple{ padding: 0px; border-radius: 0px 0px 0px 12px; font-family: Arial,Helvetica,sans-serif; text-align: left;} .spip-content .main .wrapper .content .box-texte .inner-txt-simple .bg-texte-simple{ background-color: rgba(255, 255, 255, 0.85); border: 1px solid #FFFFFF; border-radius: 0 0 0 12px; color: #808080; float: left; font-family: Arial,Helvetica,sans-serif; font-size: 11px; height: 140px; line-height: 13px; overflow: auto; padding: 30px 40px 0; text-align: left; width: 438px; } /*** POUR LE PETIT MENU des SOUS RUBRIQUES en haut à droite 600x320px *****/ .spip-content .main #menu_rubriques1 { background-color: rgba(241, 241, 241, 0.7); border: 1px solid #FFFFFF; border-radius: 0 0 8px;left: 408px; padding-right: 20px; position: absolute; text-align: left; top: -184px; width: 89px; height: 170px; z-index: 1000;} .spip-content .main #menu_rubriques1 li{ font-size: .8em; margin-left: -1px; list-style: none; margin-top: 10px; } .spip-content .main #menu_rubriques1 li ul li{ font-size: 1em; margin-left: 0em;} .spip-content .main #menu_rubriques1 { list-style-type: none; } .spip-content .main #menu_rubriques1 li { list-style-type: none; } .spip-content .main #menu_rubriques1 li li { list-style-type: none; } .spip-content .main #menu_rubriques1 li li li { list-style-type: none; } .spip-content .main #menu_rubriques1 hr {margin : 0.7em 0;} .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li { width: 114px; } .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li:hover { width: 114px; } .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li .spip_logos_rappel { height: 30px; width: 30px; margin-bottom: 0px; margin-top: 0px; margin-left: 4px;} .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li:hover .spip_logos_rappel {} .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li .spip_titre_rappel{ font-family: Arial,Helvetica,sans-serif; font-size: 10px; line-height: 10px; list-style: none outside none; left: 34px; margin-top: -25px; position: absolute; text-align: left; width: 75px;} .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li:hover .spip_titre_rappel { } /*** Les currents 600x320px ***/ .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li .nav_current_rub{ display: none;width: 120px; } .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li .nav_current_rub .spip_logos_rappel { width: 80px; height: 80px; padding-left: 18px; padding-top: 18px; padding-bottom: 10px;} .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li .nav_current_rub .spip_titre_rappel { position: absolute; width: 120px; margin-top: -14px; margin-left:-1px; text-align: center; font-size: 14px; line-height: 14px; list-style: none;} /*** FIN de 600x320px *****/ } /***** MEDIA QUERY SOUS MON AILE 600x480px ****/ @media screen and (min-width: 560px) and (max-width: 751px) and (min-height: 480px) and (max-height: 599px){ /**** SPIP CONTENT 600x480px *****/ .contenu-mobil.spip-content{ display: none;} .contenu-desktop.spip-content{display: block; height: 343px; margin-left: 1px; margin-top: 50px; width: 437px; z-index:100;} /*** FIL d'ARIANE SPIP 600x480px *****/ .spip-content .ariane{ display: none; z-index:100; margin-top: 0px; } .spip-content .ariane .arbo{ padding-left: 10px; padding-right: 10px; font-size: 11px; line-height: 11px; width: auto; height: 20px; margin-top: 0px; text-shadow: 0 0 1px #FFFFFF, 0 0 1px #FFFFFF, 0 0 2px #FFFFFF, 0 0 5px #FFFFFF;} /*** CONTNER CONTENU SPIP 600x480px *****/ .spip-content .main { width: 518px; height: 343px; margin-left: 0px; top: 48px; z-index: 50;} .spip-content .main .wrapper .content { width: 518px; height: 343px; margin-top: 0px;} /*** TITRES TITRE DE LA RUBRIQUE-1 600x480px *****/ .titre-sma{ display: none; font-size: 20px; line-height: 2px; margin-top: 89px; padding-left: 138px; text-shadow: 0 0 1px #FFFFFF, 0 0 1px #FFFFFF, 0 0 2px #FFFFFF, 0 0 5px #FFFFFF, 0 0 10px #FFFFFF, 0 0 16px #FFFFFF; } .spip-content .main .wrapper .content .container2 { width: 1615px; margin-left:0px; margin-top: 0px;} /*** TITRES TITRE DE LA SOUS-RUBRIQUE-1 600x480px *****/ h1.titre-sma-rub1, h1.titre-sma-ssrub{ width: 370px; font-size: 15px; line-height: 18x; margin-left: 44px; margin-top: 0px; text-shadow: 0 0 1px #FFFFFF, 0 0 1px #FFFFFF, 0 0 2px #FFFFFF, 0 0 5px #FFFFFF, 0 0 10px #FFFFFF, 0 0 13px #FFFFFF;} h1.titre-sma-rub1 .spip_logos , h1.titre-sma-ssrub .spip_logos { height: 40px; margin: 0px 0 0 -20px; width: 40px;} h1.titre-sma-rub1 .descriptif, h1.titre-sma-ssrub .descriptif{ font-size: 10px; line-height: 12px; margin-top: -11px; margin-left: 0px; width: 351px;} /*** TEXTE DE LA RUBRIQUE-1 600x480px *****/ .spip-content .main .wrapper .content .texte-rub1{ display: block; border-radius: 12px 12px 0 0; font-size: 11px; left: 14px; line-height: 13px; margin-top: 50px; padding: 8px 13px 0 29px; width: 446px;} .spip-content .main #menu_rubriques2 { height: 200px; left: -29px; margin-top: 216px;} .spip-content .main #menu_rubriques2 li{ font-size: .8em; margin-left: -1px; margin-top: -15px; } /*** LES BLOCS 600x480px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li { width: 263px; height: 75px; z-index: 1;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:hover{ width: 263px; height: 75px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child{ left: 37px; top: 95px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2){ left: 26px; top: 45px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3){ left: 26px; top: -5px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4){ left: 26px; top: -55px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child{ left: 37px; top: -105px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child {border-top-right-radius: 0px; border-bottom-right-radius: 0px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2), .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3), .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4){ margin-left: 10px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child{ border-top-left-radius: 0px; border-bottom-left-radius: 0px; } /*** LES CADRES-INNER 600x480px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner{ width: 263px; height: 68px; padding-top: 7px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child:hover .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2):hover .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3):hover .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4):hover .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child:hover .cadre-inner{ width: 263px; height: 68px; padding-top: 7px; } .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner { border-top-right-radius: 15px; border-bottom-right-radius: 15px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner{} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner { border-top-left-radius: 0px; border-bottom-left-radius: 0px;} /*** LES CADRES-ITEM 600x480px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item{ width: 488px; height: 49px; margin-left: 7px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item{ border-top-left-radius: 0px; border-bottom-left-radius: 10px; border-top-right-radius: 0px; border-bottom-right-radius: 10px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item{ border-top-left-radius: 0px; border-bottom-left-radius: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 0px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item{ border-top-left-radius: 0px; border-bottom-left-radius: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 0px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child:hover .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2):hover .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3):hover .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4):hover .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child:hover .cadre-inner .cadre-item{ box-shadow: 0 0 2px #FFFFFF, 0 0 5px #FFFFFF, 0 0 10px #ffffff, 0 0 18px #ffffff; } .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child:hover .cadre-inner .cadre-item{ border-top-left-radius: 0px; border-bottom-left-radius: 10px; border-top-right-radius: 0px; border-bottom-right-radius: 10px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2):hover .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3):hover .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4):hover .cadre-inner .cadre-item{ border-top-left-radius: 0px; border-bottom-left-radius: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 0px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child:hover .cadre-inner .cadre-item{ border-top-left-radius: 0px; border-bottom-left-radius: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 0px;} /*** LES CADRES-ITEM-FINAL 600x480px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final{ width: 482px; height: 43px; margin-left: 2px; margin-top: 2px; } /*** CADRE ITEM FIX ***/ /*** Gradient Red ***/ /*** Gradient Orange ***/ /*** Gradient Yellow ***/ /*** Gradient Green ***/ /*** Gradient Blue ***/ /** COLOR INSIDE = DEGRADE GRIS 600x480px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final .color-inside{ width: 474px; height: 35px; left: 14px; margin-top: 3px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final .color-inside{ border-top-left-radius: 4px; border-bottom-left-radius: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final .color-inside{ border-top-left-radius: 4px; border-bottom-left-radius: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final .color-inside{ border-top-left-radius: 4px; border-bottom-left-radius: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final{ border-top-left-radius: 7px; border-bottom-left-radius: 7px; border-top-right-radius: 7px; border-bottom-right-radius: 7px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final{ border-top-left-radius: 7px; border-bottom-left-radius: 7px; border-top-right-radius: 7px; border-bottom-right-radius: 7px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final{ border-top-left-radius: 7px; border-bottom-left-radius: 7px; border-top-right-radius: 7px; border-bottom-right-radius: 7px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child:hover .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2):hover .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3):hover .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4):hover .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child:hover .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child:hover .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2):hover .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3):hover .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4):hover .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child:hover .cadre-inner .cadre-item .cadre-item-final{ width: 482px; height: 43px; margin-left: 2px; margin-top: 2px; } /*** Les LOGOS 600x480px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .spip_logos_rappel{ position: absolute; height: 50px; margin-left: 105px; margin-top: -8px; width: 50px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child:hover .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2):hover .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3):hover .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4):hover .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child:hover .cadre-inner .spip_logos_rappel{ height: 50px; margin-left: 105px; margin-top: -8px; width: 50px;} /*** Les TITRES 600x480px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li .spip_titre_rappel{ font-size: 18px; left: 154px; line-height: 22px; padding: 6px 0; text-align: left; text-shadow: 0 0 1px #FFFFFF, 0 0 1px #FFFFFF, 0 0 2px #FFFFFF, 0 0 5px #FFFFFF, 0 0 10px #FFFFFF, 0 0 16px #FFFFFF; top: 1px; width: 270px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:hover .spip_titre_rappel{ text-shadow: 0 0 1px #FFFFFF, 0 0 1px #FFFFFF, 0 0 2px #FFFFFF, 0 0 5px #FFFFFF, 0 0 10px #FFFFFF, 0 0 16px #FFFFFF;} /*** Les DESCRIPTIFS V1 avec titre sur 1 ligne 600x480px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li .spip_descriptif_item-rappel{ display: block; width: 200px; margin-top: 0px; margin-left: 19px; font-size: 13px; line-height: 15px; padding: 10px 5px 1px 15px; border-radius: 10px;} /*** Les DESCRIPTIFS V2 avec titre sur 2 lignes 600x480px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li .spip_descriptif_item-rappel2{ display: none; border-radius: 6px; font-size: 10px; line-height: 10px; margin-left: -1px; margin-top: -1px; padding: 35px 5px 6px 6px; width: 217px;} /*** POUR Les BTNS COULEURS(noir en fait) 600x480px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final .color-inside .mon-btn-color, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final .color-inside .mon-btn-color, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final .color-inside .mon-btn-color, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final .color-inside .mon-btn-color, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final .color-inside .mon-btn-color{ display: none; border-radius: 5px; color: #FFFFFF; font-size: 9px; line-height: 0; margin-left: 152px; margin-top: -21px; padding: 7px 2px 7px 7px; width: 26.5%; z-index: 1000;} /*** POUR Les BTNS NOIR 600x480px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final-fix .color-inside .mon-btn, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside .mon-btn, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside .mon-btn, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside .mon-btn, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final-fix .color-inside .mon-btn{ left: 0px; width: 36%; font-size: 16px; line-height: 16px; padding-left: 10px; padding-right: 10px; padding-top: 10px; padding-bottom: 10px; border-radius: 10px; margin-left: 74px; margin-top: 18px; } /******************************************************************************* LES SOUS-RUBRIQUE DE CONTENU 600x480px ************************************************************************************/ .spip-content .main .wrapper .content .box-texte{ position: absolute; top: 102px; left: 14px; border-radius: 0px 0px 0px 12px; width: 488px; height: 277px; z-index: 10; text-shadow: none; border-radius: 0px 0px 12px 12px; background-color: rgba(255, 255, 255, 0.25); border: 1px solid #FFFFFF; transition: all 0.35s ease-in-out 0s;} .spip-content .main .wrapper .content .box-texte .inner-txt{ padding: 7px 7px 7px 7px; border-radius: 10px 0px 0px 10px;} .spip-content .main .wrapper .content .box-texte .inner-txt .bg-texte{ width: 372px; height: 572px; padding: 0px 10px 10px 10px ; border-radius: 7px 0px 0px 7px; background-color: rgba(255, 255, 255, 0.85); border: 1px solid #fff;} .spip-content .main .wrapper .content .box-texte .inner-txt .bg-texte .texte{ border-radius: 5px; color: #808080; float: left; font-family: Arial,Helvetica,sans-serif; font-size: 13px; line-height: 15px; overflow: auto; padding: 20px; text-align: left; width: 342px; height: 542px; } .spip-content .main .wrapper .content .box-texte .inner-txt{ padding: 0px; border-radius: 10px 0px 0px 10px;} .spip-content .main .wrapper .content .box-texte .inner-txt .bg-texte{ width: 423px; height: 277px; padding: 0px; border-radius: 0 0 0 10px; background-color: rgba(255, 255, 255, 0.85); border: 0px solid #fff;} .spip-content .main .wrapper .content .box-texte .inner-txt .bg-texte .texte{ border-radius: 10px; color: #808080; float: left; font-family: Arial,Helvetica,sans-serif; font-size: 10px; line-height: 11px; margin-left: 0; overflow: auto; padding: 10px 10px 0 0; text-align: left; width: 412px; height: 267px;} .spip_document_1, .spip_document_2, .spip_document_3, .spip_document_4, .spip_document_5, .spip_document_6, .spip_document_7, .spip_document_8, .spip_document_9, .spip_document_10, .spip_document_11, .spip_document_12, .spip_document_13, .spip_document_14, .spip_document_15, .spip_document_16, .spip_document_17, .spip_document_18, .spip_document_19, .spip_document_20, .spip_document_21, .spip_document_22, .spip_document_23, .spip_document_24, .spip_document_25, .spip_document_26, .spip_document_27, .spip_document_28, .spip_document_29, .spip_document_30, .spip_document_31, .spip_document_32, .spip_document_33, .spip_document_34, .spip_document_35, .spip_document_36, .spip_document_37, .spip_document_38, .spip_document_39, .spip_document_40, .spip_document_41, .spip_document_42, .spip_document_43, .spip_document_44, .spip_document_45, .spip_document_46, .spip_document_47, .spip_document_48, .spip_document_49, .spip_document_50, .spip_document_51, .spip_document_52, .spip_document_53, .spip_document_54, .spip_document_55, .spip_document_56, .spip_document_57, .spip_document_58, .spip_document_59, .spip_document_60, .spip_document_61, .spip_document_62, .spip_document_63, .spip_document_64, .spip_document_65, .spip_document_66, .spip_document_67, .spip_document_68, .spip_document_69, .spip_document_70, .spip_document_71, .spip_document_72{ width: 40px!important; height: 50px!important; margin-left: 0px; margin-top: 0px; background-color: #fbfbfb;} p { margin: 0 0 0px;} /*** TEXTE DE LA RUBRIQUE-B 600x480px *****/ .spip-content .main .wrapper .content .texte-rub1{ background-color: rgba(241, 241, 241, 0.85); border: 1px solid #FFFFFF; border-radius: 8px 8px 0 0; color: #555555; float: left; font-family: Arial,Helvetica,sans-serif; font-size: 11px; height: 46px; left: 14px; line-height: 13px; padding: 8px 10px 0 18px; position: absolute; text-align: left; top: 22px; width: 460px;}22px .spip-content .main #menu_rubriques1 { width: 1600px; height: 350px; left: 70px; margin-top: 240px;} .spip-content .main #menu_rubriques1 li{ font-size: .8em; margin-left: -1px; margin-top: -15px; } /*** DESCRIPTIF SSRUB 600x480px *****/ .spip-content .main .wrapper .content .descriptif-ssrub{ background-color: rgba(241, 241, 241, 0.85); border: 1px solid #FFFFFF; border-radius: 8px 8px 0 0; color: #555555; float: left; font-family: Arial,Helvetica,sans-serif; font-size: 13px; left: 14px; line-height: 15px; padding: 8px 20px 0 30px; position: absolute; text-align: left; top: 61px; width: 438px; height: 54px; } /*** TAILLE DE L'IMAGE DANS LE CORPS DE TEXTE SPIP 600x480px *****/ .spip_documents_left img{width: 40px; height: 40px; margin-left: 7px; margin-top: -3px; background-color: #fbfbfb;} /*** PARTICULARITE RUBRIQUE FORMULAIRE 600x480px *****/ .spip-content .main .wrapper .content .box-texte .inner-txt-formulaire{ padding: 7px 7px 7px 7px; border-radius: 10px 0px 0px 10px; font-family: Arial,Helvetica,sans-serif; text-align: left;} .spip-content .main .wrapper .content .box-texte .inner-txt-formulaire .bg-texte-formulaire{ border-radius: 7px 7px 7px 7px; background-color: rgba(255, 255, 255, 0.85); border: 1px solid #fff; float: left; overflow: auto; padding: 0px; text-align: left; float: left; color: #808080; font-family: Arial,Helvetica,sans-serif; text-align: left; font-size: 18px; line-height: 20px; width: 472px; height: 261px;} /*** PARTICULARITE RUBRIQUE SIMPLE 600x480px *****/ .spip-content .main .wrapper .content .box-texte .inner-txt-simple{ padding: 7px 7px 7px 7px; border-radius: 10px 0px 0px 10px; font-family: Arial,Helvetica,sans-serif; text-align: left;} .spip-content .main .wrapper .content .box-texte .inner-txt-simple .bg-texte-simple{ background-color: rgba(255, 255, 255, 0.85); border: 1px solid #FFFFFF; border-radius: 7px; color: #808080; float: left; font-family: Arial,Helvetica,sans-serif; font-size: 11px; height: 242px; line-height: 13px; overflow: auto; padding: 20px 30px 0; text-align: left; width: 413px; } /*** DESCRIPTIF SSRUB 600x480px *****/ .spip-content .main .wrapper .content .descriptif-ssrub{ border: 1px solid #FFFFFF; border-radius: 8px 8px 0 0; color: #555555; float: left; font-family: Arial,Helvetica,sans-serif; background-color: rgba(241, 241, 241, 0.85); font-size: 11px; height: 32px; left: 14px; line-height: 12px; padding: 7px 10px 0 20px; position: absolute; text-align: left; top: 62px; width: 458px; } /*** POUR LE PETIT MENU des SOUS RUBRIQUES en haut à droite 600x480px *****/ .spip-content .main #menu_rubriques1 { position: absolute; text-align: left; width: 45px; height: 277px; z-index: 1000; top: 102px; padding-right: 20px; left: 437px; background-color: rgba(241, 241, 241, 0.7); border-top-left-radius: 0px; border-bottom-left-radius: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 10px; border: 1px solid #fff; } .spip-content .main #menu_rubriques1 li{ font-size: .8em; margin-left: -1px; list-style: none; margin-top: 0px; } .spip-content .main #menu_rubriques1 li ul li{ font-size: 1em; margin-left: 0em;} .spip-content .main #menu_rubriques1 { list-style-type:none; } .spip-content .main #menu_rubriques1 li { list-style-type: none; } .spip-content .main #menu_rubriques1 li li { list-style-type: none; } .spip-content .main #menu_rubriques1 li li li { list-style-type: none; } .spip-content .main #menu_rubriques1 hr {margin : 0.7em 0;} .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li { width: 66px; } .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li:hover { width: 66px; } .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li .spip_logos_rappel { height: 40px; width: 40px; margin-bottom: 18px; margin-top: -3px; margin-left: 13px;} .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li:hover .spip_logos_rappel {} .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li .spip_titre_rappel{ font-family: Arial,Helvetica,sans-serif; font-size: 9px; line-height: 9px; list-style: none outside none; left: 4px; margin-top: -22px; position: absolute; text-align: center; width: 56px;} .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li:hover .spip_titre_rappel { } /*** Les currents 600x480px ***/ .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li .nav_current_rub{ display: none;width: 120px; } .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li .nav_current_rub .spip_logos_rappel { width: 80px; height: 80px; padding-left: 18px; padding-top: 18px; padding-bottom: 10px;} .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li .nav_current_rub .spip_titre_rappel { position: absolute; width: 120px; margin-top: -14px; margin-left:-1px; text-align: center; font-size: 14px; line-height: 14px; list-style: none;} /*** FIN de 600x480px *****/ } /***** MEDIA QUERY SOUS MON AILE 600x600px *****/ @media screen and (min-width: 560px) and (max-width: 751px) and (min-height: 600px) and (max-height: 749px){ /**** SPIP CONTENT 600x600px *****/ .contenu-mobil.spip-content{ display: none;} .contenu-desktop.spip-content{display: block; height: 433px; margin-left: 1px; margin-top: 50px; width: 437px; z-index:100;} /*** FIL d'ARIANE SPIP 600x600px *****/ .spip-content .ariane{ display: none; z-index:100; margin-top: 0px; } .spip-content .ariane .arbo{ padding-left: 10px; padding-right: 10px; font-size: 11px; line-height: 11px; width: auto; height: 20px; margin-top: 0px; text-shadow: 0 0 1px #FFFFFF, 0 0 1px #FFFFFF, 0 0 2px #FFFFFF, 0 0 5px #FFFFFF;} /*** CONTNER CONTENU SPIP 600x600px *****/ .spip-content .main { width: 518px; height: 403px; margin-left: 0px; top: 66px; z-index: 50;} .spip-content .main .wrapper .content { width: 518px; height: 403px; margin-top: 0px;} /*** TITRES TITRE DE LA RUBRIQUE-1 600x600px *****/ .titre-sma{ display: none; font-size: 20px; line-height: 2px; margin-top: 89px; padding-left: 138px; text-shadow: 0 0 1px #FFFFFF, 0 0 1px #FFFFFF, 0 0 2px #FFFFFF, 0 0 5px #FFFFFF, 0 0 10px #FFFFFF, 0 0 16px #FFFFFF; } .spip-content .main .wrapper .content .container2 { width: 1615px; margin-left:0px; margin-top: 0px;} /*** TITRES TITRE DE LA SOUS-RUBRIQUE-1 600x600px *****/ h1.titre-sma-rub1, h1.titre-sma-ssrub{ width: 370px; font-size: 21px; line-height: 18x; margin-left: 66px; margin-top: -10px; text-shadow: 0 0 1px #FFFFFF, 0 0 1px #FFFFFF, 0 0 2px #FFFFFF, 0 0 5px #FFFFFF, 0 0 10px #FFFFFF, 0 0 13px #FFFFFF;} h1.titre-sma-rub1 .spip_logos , h1.titre-sma-ssrub .spip_logos { height: 60px; margin: -5px 0 0 -30px; width: 60px;} h1.titre-sma-rub1 .descriptif, h1.titre-sma-ssrub .descriptif{ font-size: 12px; line-height: 12px; margin-top: -7px; margin-left: 0px; width: 351px;} /*** TEXTE DE LA RUBRIQUE-1 600x600px *****/ .spip-content .main .wrapper .content .texte-rub1{ border-radius: 12px 12px 0 0; font-size: 11px; left: 14px; line-height: 13px; margin-top: 50px; padding: 8px 13px 0 29px; width: 446px;} .spip-content .main #menu_rubriques2 { height: 350px; left: -29px; margin-top: 150px;} .spip-content .main #menu_rubriques2 li{ font-size: .8em; margin-left: -1px; margin-top: -15px; } /*** LES BLOCS 600x600px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li { width: 506px; height: 77px; z-index: 1;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:hover{ width: 506px; height: 77px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child{ left: 37px; top: 196px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2){ left: 26px; top: 135px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3){ left: 26px; top: 74px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4){ left: 26px; top: 13px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child{ left: 37px; top: -48px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child {border-top-right-radius: 0px; border-bottom-right-radius: 0px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2), .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3), .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4){ margin-left: 10px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child{ border-top-left-radius: 0px; border-bottom-left-radius: 0px; } /*** LES CADRES-INNER 600x600px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner{ width: 500px; height: 68px; padding-top: 7px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child:hover .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2):hover .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3):hover .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4):hover .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child:hover .cadre-inner{ width: 500px; height: 68px; padding-top: 7px; } .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner { border-top-right-radius: 15px; border-bottom-right-radius: 15px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner{} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner { border-top-left-radius: 0px; border-bottom-left-radius: 0px;} /*** LES CADRES-ITEM 600x600px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item{ width: 488px; height: 60px; margin-left: 7px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item{ border-top-left-radius: 0px; border-bottom-left-radius: 12px; border-top-right-radius: 0px; border-bottom-right-radius: 12px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item{ border-top-left-radius: 0px; border-bottom-left-radius: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 0px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item{ border-top-left-radius: 0px; border-bottom-left-radius: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 0px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child:hover .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2):hover .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3):hover .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4):hover .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child:hover .cadre-inner .cadre-item{ box-shadow: 0 0 2px #FFFFFF, 0 0 5px #FFFFFF, 0 0 10px #ffffff, 0 0 18px #ffffff; } .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child:hover .cadre-inner .cadre-item{ border-top-left-radius: 0px; border-bottom-left-radius: 12px; border-top-right-radius: 0px; border-bottom-right-radius: 12px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2):hover .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3):hover .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4):hover .cadre-inner .cadre-item{ border-top-left-radius: 0px; border-bottom-left-radius: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 0px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child:hover .cadre-inner .cadre-item{ border-top-left-radius: 0px; border-bottom-left-radius: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 0px;} /*** LES CADRES-ITEM-FINAL 600x600px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final{ width: 478px; height: 50px; margin-left: 4px; margin-top: 4px; } /*** CADRE ITEM FIX ***/ /*** Gradient Red ***/ /*** Gradient Orange ***/ /*** Gradient Yellow ***/ /*** Gradient Green ***/ /*** Gradient Blue ***/ /** COLOR INSIDE = DEGRADE GRIS 600x600px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final .color-inside{ width: 470px; height: 42px; left: 16px; margin-top: 3px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final .color-inside{ border-top-left-radius: 4px; border-bottom-left-radius: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final .color-inside{ border-top-left-radius: 4px; border-bottom-left-radius: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final .color-inside{ border-top-left-radius: 4px; border-bottom-left-radius: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final{ border-top-left-radius: 7px; border-bottom-left-radius: 7px; border-top-right-radius: 7px; border-bottom-right-radius: 7px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final{ border-top-left-radius: 7px; border-bottom-left-radius: 7px; border-top-right-radius: 7px; border-bottom-right-radius: 7px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final{ border-top-left-radius: 7px; border-bottom-left-radius: 7px; border-top-right-radius: 7px; border-bottom-right-radius: 7px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child:hover .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2):hover .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3):hover .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4):hover .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child:hover .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child:hover .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2):hover .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3):hover .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4):hover .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child:hover .cadre-inner .cadre-item .cadre-item-final{ width: 478px; height: 50px; margin-left: 4px; margin-top: 4px; } /*** Les LOGOS 600x600px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .spip_logos_rappel{ height: 60px; margin-left: 75px; margin-top: -10px; width: 60px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child:hover .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2):hover .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3):hover .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4):hover .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child:hover .cadre-inner .spip_logos_rappel{ height: 60px; margin-left: 75px; margin-top: -10px; width: 60px;} /*** Les TITRES 600x600px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li .spip_titre_rappel{ font-size: 21px; left: 136px; line-height: 8px; margin-left: 0; padding: 10px 0; text-align: left; text-shadow: 0 0 1px #FFFFFF, 0 0 1px #FFFFFF, 0 0 2px #FFFFFF, 0 0 5px #FFFFFF, 0 0 10px #FFFFFF, 0 0 16px #FFFFFF; top: 6px; width: 302px;} /*** Les DESCRIPTIFS V1 avec titre sur 1 ligne 600x600px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li .spip_descriptif_item-rappel{ display: block; width: 200px; margin-top: 0px; margin-left: 19px; font-size: 13px; line-height: 15px; padding: 10px 5px 1px 15px; border-radius: 10px;} /*** Les DESCRIPTIFS V2 avec titre sur 2 lignes 600x600px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li .spip_descriptif_item-rappel2{ display: none; border-radius: 6px; font-size: 11px; line-height: 12px; margin-left: -1px; margin-top: -79px; padding: 26px 99px 0px 81px; width: 290px;} /*** POUR Les BTNS COULEURS(noir en fait) 600x600px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final .color-inside .mon-btn-color, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final .color-inside .mon-btn-color, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final .color-inside .mon-btn-color, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final .color-inside .mon-btn-color, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final .color-inside .mon-btn-color{ display: none; border-radius: 5px; color: #FFFFFF; font-size: 10px; line-height: 0; margin-left: 381px; margin-top: -31px; padding: 10px 4px 10px 6px; width: 12.5%; z-index: 1000;} /*** POUR Les BTNS NOIR 600x600px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final-fix .color-inside .mon-btn, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside .mon-btn, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside .mon-btn, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside .mon-btn, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final-fix .color-inside .mon-btn{ display: none; left: 0px; width: 36%; font-size: 16px; line-height: 16px; padding-left: 10px; padding-right: 10px; padding-top: 10px; padding-bottom: 10px; border-radius: 10px; margin-left: 74px; margin-top: 18px; } /******************************************************************************* LES SOUS-RUBRIQUE DE CONTENU 600x600px ************************************************************************************/ /*** TEXTE DE LA RUBRIQUE-B 600x600px *****/ .spip-content .main .wrapper .content .texte-rub1{ background-color: rgba(241, 241, 241, 0.85); border: 1px solid #FFFFFF; border-radius: 8px 8px 0 0; color: #555555; float: left; font-family: Arial,Helvetica,sans-serif; font-size: 12px; height: 48px; left: 14px; line-height: 14px; padding: 6px 10px 0px 18px; position: absolute; text-align: left; top: 22px; width: 460px; } .spip-content .main #menu_rubriques1 { width: 1600px; height: 350px; left: 70px; margin-top: 240px;} .spip-content .main #menu_rubriques1 li{ font-size: .8em; margin-left: -1px; margin-top: -15px; } /*** TEXTE DES SSRUBRIQUES BLUE, GREEN, YELLOW, ORANGE, RED 600x600px *****/ .spip-content .main .wrapper .content .box-texte{ position: absolute; top: 124px; left: 14px; border-radius: 10px 0px 0px 10px; width: 488px; height: 308px; z-index: 10; text-shadow: none; border-radius: 0px 0px 12px 12px; background-color: rgba(255, 255, 255, 0.25); border: 1px solid #FFFFFF;} .spip-content .main .wrapper .content .box-texte .inner-txt{ padding: 7px 7px 7px 7px; border-radius: 10px 0px 0px 10px;} .spip-content .main .wrapper .content .box-texte .inner-txt .bg-texte{ width: 372px; height: 572px; padding: 0px 10px 10px 10px ; border-radius: 7px 0px 0px 7px; background-color: rgba(255, 255, 255, 0.85); border: 1px solid #fff;} .spip-content .main .wrapper .content .box-texte .inner-txt .bg-texte .texte{ border-radius: 5px; color: #808080; float: left; font-family: Arial,Helvetica,sans-serif; font-size: 13px; line-height: 15px; overflow: auto; padding: 20px; text-align: left; width: 342px; height: 542px; } .spip-content .main .wrapper .content .box-texte .inner-txt{ padding: 0px; border-radius: 10px 0px 0px 10px;} .spip-content .main .wrapper .content .box-texte .inner-txt .bg-texte{ width: 409px; height: 308px; padding: 0px; border-radius: 0 0 0 10px; background-color: rgba(255, 255, 255, 0.85); border: 0px solid #fff;} .spip-content .main .wrapper .content .box-texte .inner-txt .bg-texte .texte{ border-radius: 5px; color: #808080; float: left; font-family: Arial,Helvetica,sans-serif; font-size: 10px; line-height: 11px; margin-left: 0; overflow: auto; padding: 10px 10px 0 0; text-align: left; width: 398px; height: 298px;} .spip_document_1, .spip_document_2, .spip_document_3, .spip_document_4, .spip_document_5, .spip_document_6, .spip_document_7, .spip_document_8, .spip_document_9, .spip_document_10, .spip_document_11, .spip_document_12, .spip_document_13, .spip_document_14, .spip_document_15, .spip_document_16, .spip_document_17, .spip_document_18, .spip_document_19, .spip_document_20, .spip_document_21, .spip_document_22, .spip_document_23, .spip_document_24, .spip_document_25, .spip_document_26, .spip_document_27, .spip_document_28, .spip_document_29, .spip_document_30, .spip_document_31, .spip_document_32, .spip_document_33, .spip_document_34, .spip_document_35, .spip_document_36, .spip_document_37, .spip_document_38, .spip_document_39, .spip_document_40, .spip_document_41, .spip_document_42, .spip_document_43, .spip_document_44, .spip_document_45, .spip_document_46, .spip_document_47, .spip_document_48, .spip_document_49, .spip_document_50, .spip_document_51, .spip_document_52, .spip_document_53, .spip_document_54, .spip_document_55, .spip_document_56, .spip_document_57, .spip_document_58, .spip_document_59, .spip_document_60, .spip_document_61, .spip_document_62, .spip_document_63, .spip_document_64, .spip_document_65, .spip_document_66, .spip_document_67, .spip_document_68, .spip_document_69, .spip_document_70, .spip_document_71, .spip_document_72{ width: 40px!important; height: 50px!important; margin-left: 10px; margin-top: 0px; background-color: #fbfbfb;} p { margin: 0 0 0px;} /*** TEXTE DE LA RUBRIQUE-B 600x600px *****/ .spip-content .main .wrapper .content .texte-rub1{ background-color: rgba(241, 241, 241, 0.85); border: 1px solid #FFFFFF; border-radius: 8px 8px 0 0; color: #555555; float: left; font-family: Arial,Helvetica,sans-serif; font-size: 11px; height: 46px; left: 14px; line-height: 13px; padding: 8px 10px 0 18px; position: absolute; text-align: left; top: 13px; width: 460px;} .spip-content .main #menu_rubriques1 { width: 1600px; height: 350px; left: 70px; margin-top: 240px;} .spip-content .main #menu_rubriques1 li{ font-size: .8em; margin-left: -1px; margin-top: -15px; } /*** DESCRIPTIF SSRUB 600x600px *****/ .spip-content .main .wrapper .content .descriptif-ssrub{ background-color: rgba(241, 241, 241, 0.85); border: 1px solid #FFFFFF; border-radius: 8px 8px 0 0; color: #555555; float: left; font-family: Arial,Helvetica,sans-serif; font-size: 13px; left: 14px; line-height: 15px; padding: 8px 20px 0 30px; position: absolute; text-align: left; top: 61px; width: 438px; height: 54px; } /*** TAILLE DE L'IMAGE DANS LE CORPS DE TEXTE SPIP 600x600px *****/ .spip_documents_left img{width: 40px; height: 40px; margin-left: 7px; margin-top: -3px; background-color: #fbfbfb;} /*** PARTICULARITE RUBRIQUE FORMULAIRE 600x600px *****/ .spip-content .main .wrapper .content .box-texte .inner-txt-formulaire{ padding: 7px 7px 7px 7px; border-radius: 10px 0px 0px 10px; font-family: Arial,Helvetica,sans-serif; text-align: left;} .spip-content .main .wrapper .content .box-texte .inner-txt-formulaire .bg-texte-formulaire{ border-radius: 7px 7px 7px 7px; background-color: rgba(255, 255, 255, 0.85); border: 1px solid #fff; float: left; overflow: auto; padding: 2px 160px 20px 80px; text-align: left; float: left; overflow: auto; border-radius: 5px; color: #808080; font-family: Arial,Helvetica,sans-serif; text-align: left; font-size: 12px; line-height: 12px; width: 232px; height: 270px;} /*** PARTICULARITE RUBRIQUE SIMPLE 600x600px *****/ .spip-content .main .wrapper .content .box-texte .inner-txt-simple{ padding: 7px 7px 7px 7px; border-radius: 10px 0px 0px 10px; font-family: Arial,Helvetica,sans-serif; text-align: left;} .spip-content .main .wrapper .content .box-texte .inner-txt-simple .bg-texte-simple{ background-color: rgba(255, 255, 255, 0.85); border: 1px solid #FFFFFF; border-radius: 7px; color: #808080; float: left; font-family: Arial,Helvetica,sans-serif; font-size: 11px; height: 272px; line-height: 13px; overflow: auto; padding: 20px 30px 0; text-align: left; width: 413px; } /*** POUR LE PETIT MENU des SOUS RUBRIQUES en haut à droite 600x600px *****/ .spip-content .main #menu_rubriques1 { position: absolute; text-align: left; width: 59px; height: 308px; z-index: 1000; top: -116px; padding-right: 20px; left: 423px; background-color: rgba(241, 241, 241, 0.7); border-top-left-radius: 0px; border-bottom-left-radius: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 12px; border: 1px solid #fff; } .spip-content .main #menu_rubriques1 li{ font-size: .8em; margin-left: -1px; list-style: none; margin-top: 0px; } .spip-content .main #menu_rubriques1 li ul li{ font-size: 1em; margin-left: 0em;} .spip-content .main #menu_rubriques1 { list-style-type:none; } .spip-content .main #menu_rubriques1 li { list-style-type: none; } .spip-content .main #menu_rubriques1 li li { list-style-type: none; } .spip-content .main #menu_rubriques1 li li li { list-style-type: none; } .spip-content .main #menu_rubriques1 hr {margin : 0.7em 0;} .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li { width: 114px; } .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li:hover { width: 114px; } .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li .spip_logos_rappel { height: 60px; width: 60px; margin-bottom: 18px; margin-top: -5px; margin-left: 10px;} .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li:hover .spip_logos_rappel {} .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li .spip_titre_rappel{ font-family: "Fugaz One"; font-size: 10px; line-height: 12px; list-style: none outside none; left: 3px; margin-top: -23px; position: absolute; text-align: center; width: 75px;} .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li:hover .spip_titre_rappel { } /*** Les currents 600x600px ***/ .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li .nav_current_rub{ display: none;width: 120px; } .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li .nav_current_rub .spip_logos_rappel { width: 80px; height: 80px; padding-left: 18px; padding-top: 18px; padding-bottom: 10px;} .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li .nav_current_rub .spip_titre_rappel { position: absolute; width: 120px; margin-top: -14px; margin-left:-1px; text-align: center; font-size: 14px; line-height: 14px; list-style: none;} /*** FIN de 600x600px *****/ } /***** MEDIA QUERY SOUS MON AILE 600x768px *****/ @media screen and (min-width: 560px) and (max-width: 751px) and (min-height: 750px) and (max-height: 799px){ /**** SPIP CONTENT 600x768px *****/ .contenu-mobil.spip-content{ display: none;} .contenu-desktop.spip-content{display: block; height: 611px; margin-left: 1px; margin-top: 50px; width: 437px; z-index:100;} /*** FIL d'ARIANE SPIP 600x768px *****/ .spip-content .ariane{ display: none; z-index:100; margin-top: 0px; } .spip-content .ariane .arbo{ padding-left: 10px; padding-right: 10px; font-size: 11px; line-height: 11px; width: auto; height: 20px; margin-top: 0px; text-shadow: 0 0 1px #FFFFFF, 0 0 1px #FFFFFF, 0 0 2px #FFFFFF, 0 0 5px #FFFFFF;} /*** CONTNER CONTENU SPIP 600x768px *****/ .spip-content .main { width: 518px; height: 550px; margin-left: 0px; margin-top: 0px; z-index: 50;} .spip-content .main .wrapper .content { width: 518px; height: 550px; margin-top: 0px;} /*** TITRES TITRE DE LA RUBRIQUE-1 600x768px *****/ .titre-sma{ display: none; font-size: 20px; line-height: 2px; margin-top: 89px; padding-left: 138px; text-shadow: 0 0 1px #FFFFFF, 0 0 1px #FFFFFF, 0 0 2px #FFFFFF, 0 0 5px #FFFFFF, 0 0 10px #FFFFFF, 0 0 16px #FFFFFF; } .spip-content .main .wrapper .content .container2 { width: 1615px; margin-left:0px; margin-top: 0px;} /*** TITRES TITRE DE LA SOUS-RUBRIQUE-1 600x768px *****/ h1.titre-sma-rub1, h1.titre-sma-ssrub{ width: 370px; font-size: 21px; line-height: 18x; margin-left: 66px; margin-top: -4px; text-shadow: 0 0 1px #FFFFFF, 0 0 1px #FFFFFF, 0 0 2px #FFFFFF, 0 0 5px #FFFFFF, 0 0 10px #FFFFFF, 0 0 13px #FFFFFF;} h1.titre-sma-rub1 .spip_logos , h1.titre-sma-ssrub .spip_logos { height: 60px; margin: -5px 0 0 -30px; width: 60px;} h1.titre-sma-rub1 .descriptif, h1.titre-sma-ssrub .descriptif{ font-size: 12px; line-height: 12px; margin-top: -7px; margin-left: 0px; width: 351px;} /*** TEXTE DE LA RUBRIQUE-1 600x768px *****/ .spip-content .main .wrapper .content .texte-rub1{ border-radius: 12px 12px 0 0; font-size: 11px; left: 14px; line-height: 13px; margin-top: 50px; padding: 8px 13px 0 29px; width: 446px;} .spip-content .main #menu_rubriques2 { height: 350px; left: -29px; margin-top: 150px;} .spip-content .main #menu_rubriques2 li{ font-size: .8em; margin-left: -1px; margin-top: -15px; } /*** LES BLOCS 600x768px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li { width: 506px; height: 90px; z-index: 1;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:hover{ width: 506px; height: 90px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child{ left: 37px; top: 330px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2){ left: 26px; top: 239px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3){ left: 26px; top: 148px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4){ left: 26px; top: 57px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child{ left: 37px; top: -34px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child {border-top-right-radius: 0px; border-bottom-right-radius: 0px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2), .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3), .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4){ margin-left: 10px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child{ border-top-left-radius: 0px; border-bottom-left-radius: 0px; } /*** LES CADRES-INNER 600x768px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner{ width: 500px; height: 68px; padding-top: 7px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child:hover .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2):hover .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3):hover .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4):hover .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child:hover .cadre-inner{ width: 500px; height: 68px; padding-top: 7px; } .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner { border-top-right-radius: 15px; border-bottom-right-radius: 15px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner{} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner { border-top-left-radius: 0px; border-bottom-left-radius: 0px;} /*** LES CADRES-ITEM 600x768px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item{ width: 488px; height: 90px; margin-left: 7px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item{ border-top-left-radius: 0px; border-bottom-left-radius: 12px; border-top-right-radius: 0px; border-bottom-right-radius: 12px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item{ border-top-left-radius: 0px; border-bottom-left-radius: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 0px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item{ border-top-left-radius: 0px; border-bottom-left-radius: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 0px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child:hover .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2):hover .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3):hover .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4):hover .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child:hover .cadre-inner .cadre-item{ box-shadow: 0 0 2px #FFFFFF, 0 0 5px #FFFFFF, 0 0 10px #ffffff, 0 0 18px #ffffff; } .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child:hover .cadre-inner .cadre-item{ border-top-left-radius: 0px; border-bottom-left-radius: 12px; border-top-right-radius: 0px; border-bottom-right-radius: 12px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2):hover .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3):hover .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4):hover .cadre-inner .cadre-item{ border-top-left-radius: 0px; border-bottom-left-radius: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 0px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child:hover .cadre-inner .cadre-item{ border-top-left-radius: 0px; border-bottom-left-radius: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 0px;} /*** LES CADRES-ITEM-FINAL 600x768px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final{ width: 478px; height: 80px; margin-left: 4px; margin-top: 4px; } /*** CADRE ITEM FIX ***/ /*** Gradient Red ***/ /*** Gradient Orange ***/ /*** Gradient Yellow ***/ /*** Gradient Green ***/ /*** Gradient Blue ***/ /** COLOR INSIDE = DEGRADE GRIS 600x768px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final .color-inside{ width: 470px; height: 72px; left: 16px; margin-top: 3px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final .color-inside{ border-top-left-radius: 4px; border-bottom-left-radius: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final .color-inside{ border-top-left-radius: 4px; border-bottom-left-radius: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final .color-inside{ border-top-left-radius: 4px; border-bottom-left-radius: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final{ border-top-left-radius: 7px; border-bottom-left-radius: 7px; border-top-right-radius: 7px; border-bottom-right-radius: 7px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final{ border-top-left-radius: 7px; border-bottom-left-radius: 7px; border-top-right-radius: 7px; border-bottom-right-radius: 7px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final{ border-top-left-radius: 7px; border-bottom-left-radius: 7px; border-top-right-radius: 7px; border-bottom-right-radius: 7px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child:hover .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2):hover .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3):hover .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4):hover .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child:hover .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child:hover .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2):hover .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3):hover .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4):hover .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child:hover .cadre-inner .cadre-item .cadre-item-final{ width: 478px; height: 80px; margin-left: 4px; margin-top: 4px; } /*** Les LOGOS 600x768px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .spip_logos_rappel{ height: 86px; margin-left: -3px; margin-top: -8px; width: 86px; position: absolute;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child:hover .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2):hover .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3):hover .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4):hover .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child:hover .cadre-inner .spip_logos_rappel{ height: 86px; margin-left: -3px; margin-top: -8px; width: 86px;} /*** Les TITRES 600x768px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li .spip_titre_rappel{ font-size: 14px; line-height: 13px; margin-left: 0; padding: 10px 0px; text-align: left; text-shadow: 0 0 1px #FFFFFF, 0 0 1px #FFFFFF, 0 0 2px #FFFFFF, 0 0 5px #FFFFFF, 0 0 10px #FFFFFF, 0 0 16px #FFFFFF; top: -3px; width: 262px; left: 82px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:hover .spip_titre_rappel{ text-shadow: 0 0 1px #FFFFFF, 0 0 1px #FFFFFF, 0 0 2px #FFFFFF, 0 0 5px #FFFFFF, 0 0 10px #FFFFFF, 0 0 16px #FFFFFF;} /*** Les DESCRIPTIFS V1 avec titre sur 1 ligne 600x768px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li .spip_descriptif_item-rappel{ display: block; width: 200px; margin-top: 0px; margin-left: 19px; font-size: 13px; line-height: 15px; padding: 10px 5px 1px 15px; border-radius: 10px;} /*** Les DESCRIPTIFS V2 avec titre sur 2 lignes 600x768px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li .spip_descriptif_item-rappel2{ border-radius: 6px; display: block; font-size: 11px; line-height: 12px; margin-left: -1px; margin-top: -1px; padding: 26px 99px 0px 81px; width: 290px; height: 46px;} /*** POUR Les BTNS COULEURS(noir en fait) 600x768px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final .color-inside .mon-btn-color, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final .color-inside .mon-btn-color, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final .color-inside .mon-btn-color, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final .color-inside .mon-btn-color, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final .color-inside .mon-btn-color{ border-radius: 5px; color: #FFFFFF; font-size: 10px; line-height: 0; margin-left: 381px; margin-top: -31px; padding: 10px 4px 10px 6px; width: 12.5%; z-index: 1000;} /*** POUR Les BTNS NOIR 600x768px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final-fix .color-inside .mon-btn, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside .mon-btn, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside .mon-btn, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside .mon-btn, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final-fix .color-inside .mon-btn{ left: 0px; width: 36%; font-size: 16px; line-height: 16px; padding-left: 10px; padding-right: 10px; padding-top: 10px; padding-bottom: 10px; border-radius: 10px; margin-left: 74px; margin-top: 18px; } /******************************************************************************* LES SOUS-RUBRIQUE DE CONTENU 600x768px ************************************************************************************/ /*** TEXTE DE LA RUBRIQUE-B 600x768px *****/ .spip-content .main .wrapper .content .texte-rub1{ background-color: rgba(241, 241, 241, 0.85); border: 1px solid #FFFFFF; border-radius: 8px 8px 0 0; color: #555555; float: left; font-family: Arial,Helvetica,sans-serif; font-size: 12px; height: 48px; left: 14px; line-height: 14px; padding: 6px 10px 0px 18px; position: absolute; text-align: left; top: 22px; width: 460px; } .spip-content .main #menu_rubriques1 { width: 1600px; height: 350px; left: 70px; margin-top: 240px;} .spip-content .main #menu_rubriques1 li{ font-size: .8em; margin-left: -1px; margin-top: -15px; } /*** TEXTE DES SSRUBRIQUES BLUE, GREEN, YELLOW, ORANGE, RED 600x768px *****/ .spip-content .main .wrapper .content .box-texte{ position: absolute; top: 130px; left: 14px; border-radius: 10px 0px 0px 10px; width: 488px; height: 466px; z-index: 10; text-shadow: none; border-radius: 0px 0px 12px 12px; background-color: rgba(255, 255, 255, 0.25); border: 1px solid #FFFFFF;} .spip-content .main .wrapper .content .box-texte .inner-txt{ padding: 7px 7px 7px 7px; border-radius: 10px 0px 0px 10px;} .spip-content .main .wrapper .content .box-texte .inner-txt .bg-texte{ width: 372px; height: 572px; padding: 0px 10px 10px 10px ; border-radius: 7px 0px 0px 7px; background-color: rgba(255, 255, 255, 0.85); border: 1px solid #fff;} .spip-content .main .wrapper .content .box-texte .inner-txt .bg-texte .texte{ border-radius: 5px; color: #808080; float: left; font-family: Arial,Helvetica,sans-serif; font-size: 13px; line-height: 15px; overflow: auto; padding: 20px; text-align: left; width: 342px; height: 542px; } .spip-content .main .wrapper .content .box-texte .inner-txt{ padding: 0px; border-radius: 10px 0px 0px 10px;} .spip-content .main .wrapper .content .box-texte .inner-txt .bg-texte{ width: 409px; height: 467px; padding: 0px; border-radius: 0 0 0 10px; background-color: rgba(255, 255, 255, 0.85); border: 0px solid #fff;} .spip-content .main .wrapper .content .box-texte .inner-txt .bg-texte .texte{ border-radius: 5px; color: #808080; float: left; font-family: Arial,Helvetica,sans-serif; font-size: 11px; line-height: 12px; margin-left: 0; overflow: auto; padding: 10px 10px 0 10px; text-align: left; width: 398px; height: 446px;} .spip_document_1, .spip_document_2, .spip_document_3, .spip_document_4, .spip_document_5, .spip_document_6, .spip_document_7, .spip_document_8, .spip_document_9, .spip_document_10, .spip_document_11, .spip_document_12, .spip_document_13, .spip_document_14, .spip_document_15, .spip_document_16, .spip_document_17, .spip_document_18, .spip_document_19, .spip_document_20, .spip_document_21, .spip_document_22, .spip_document_23, .spip_document_24, .spip_document_25, .spip_document_26, .spip_document_27, .spip_document_28, .spip_document_29, .spip_document_30, .spip_document_31, .spip_document_32, .spip_document_33, .spip_document_34, .spip_document_35, .spip_document_36, .spip_document_37, .spip_document_38, .spip_document_39, .spip_document_40, .spip_document_41, .spip_document_42, .spip_document_43, .spip_document_44, .spip_document_45, .spip_document_46, .spip_document_47, .spip_document_48, .spip_document_49, .spip_document_50, .spip_document_51, .spip_document_52, .spip_document_53, .spip_document_54, .spip_document_55, .spip_document_56, .spip_document_57, .spip_document_58, .spip_document_59, .spip_document_60, .spip_document_61, .spip_document_62, .spip_document_63, .spip_document_64, .spip_document_65, .spip_document_66, .spip_document_67, .spip_document_68, .spip_document_69, .spip_document_70, .spip_document_71, .spip_document_72{ width: 60px!important; height: 60px!important; margin-left: 0px; margin-top: 0px; background-color: #fbfbfb;} p { margin: 0 0 0px;} /*** TEXTE DE LA RUBRIQUE-B 600x768px *****/ .spip-content .main .wrapper .content .texte-rub1{ background-color: rgba(241, 241, 241, 0.85); border: 1px solid #FFFFFF; border-radius: 8px 8px 0 0; color: #555555; float: left; font-family: Arial,Helvetica,sans-serif; font-size: 11px; height: 46px; left: 14px; line-height: 13px; padding: 8px 10px 0 18px; position: absolute; text-align: left; top: 22px; width: 460px;} .spip-content .main #menu_rubriques1 { width: 1600px; height: 350px; left: 70px; margin-top: 240px;} .spip-content .main #menu_rubriques1 li{ font-size: .8em; margin-left: -1px; margin-top: -15px; } /*** DESCRIPTIF SSRUB 600x768px *****/ .spip-content .main .wrapper .content .descriptif-ssrub{ background-color: rgba(241, 241, 241, 0.85); border: 1px solid #FFFFFF; border-radius: 8px 8px 0 0; color: #555555; float: left; font-family: Arial,Helvetica,sans-serif; font-size: 13px; left: 14px; line-height: 15px; padding: 8px 20px 0 30px; position: absolute; text-align: left; top: 67px; width: 438px; height: 54px; } /*** TAILLE DE L'IMAGE DANS LE CORPS DE TEXTE SPIP 600x768px *****/ .spip_documents_left img{width: 60px; height: 60px; margin-left: 10px; margin-top: -8px; background-color: #fbfbfb;} /*** PARTICULARITE RUBRIQUE FORMULAIRE 600x768px *****/ .spip-content .main .wrapper .content .box-texte .inner-txt-formulaire{ padding: 7px 7px 7px 7px; border-radius: 10px 0px 0px 10px; font-family: Arial,Helvetica,sans-serif; text-align: left;} .spip-content .main .wrapper .content .box-texte .inner-txt-formulaire .bg-texte-formulaire{ border-radius: 7px 7px 7px 7px; background-color: rgba(255, 255, 255, 0.85); border: 1px solid #fff; float: left; padding: 0px; text-align: left; float: left; overflow: none; border-radius: 5px; color: #808080; font-family: Arial,Helvetica,sans-serif; text-align: left; font-size: 18px; line-height: 20px; width: 472px; height: 450px;} /*** PARTICULARITE RUBRIQUE SIMPLE 600x768px *****/ .spip-content .main .wrapper .content .box-texte .inner-txt-simple{ padding: 7px 7px 7px 7px; border-radius: 10px 0px 0px 10px; font-family: Arial,Helvetica,sans-serif; text-align: left;} .spip-content .main .wrapper .content .box-texte .inner-txt-simple .bg-texte-simple{ background-color: rgba(255, 255, 255, 0.85); border: 1px solid #FFFFFF; border-radius: 7px; color: #808080; float: left; font-family: Arial,Helvetica,sans-serif; font-size: 11px; height: 430px; line-height: 13px; overflow: auto; padding: 20px 30px 0; text-align: left; width: 413px; } /*** POUR LE PETIT MENU des SOUS RUBRIQUES en haut à droite 600x768px *****/ .spip-content .main #menu_rubriques1 { position: absolute; text-align: left; width: 59px; height: 466px; z-index: 1000; top: -110px; padding-right: 20px; left: 423px; background-color: rgba(241, 241, 241, 0.7); border-top-left-radius: 0px; border-bottom-left-radius: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 12px; border: 1px solid #fff; } .spip-content .main #menu_rubriques1 li{ font-size: .8em; margin-left: -1px; list-style: none; margin-top: 0px; } .spip-content .main #menu_rubriques1 li ul li{ font-size: 1em; margin-left: 0em;} .spip-content .main #menu_rubriques1 { list-style-type:none; } .spip-content .main #menu_rubriques1 li { list-style-type: none; } .spip-content .main #menu_rubriques1 li li { list-style-type: none; } .spip-content .main #menu_rubriques1 li li li { list-style-type: none; } .spip-content .main #menu_rubriques1 hr {margin : 0.7em 0;} .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li { width: 114px; } .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li:hover { width: 114px; } .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li .spip_logos_rappel { height: 80px; width: 80px; margin-bottom: 24px; margin-top: -1px; margin-left: 1px;} .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li:hover .spip_logos_rappel {} .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li .spip_titre_rappel{ font-family: "Fugaz One"; font-size: 10px; line-height: 12px; list-style: none outside none; left: 3px; margin-top: -31px; position: absolute; text-align: center; width: 75px;} .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li:hover .spip_titre_rappel { } /*** Les currents 600x768px ***/ .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li .nav_current_rub{ display: none;width: 120px; } .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li .nav_current_rub .spip_logos_rappel { width: 80px; height: 80px; padding-left: 18px; padding-top: 18px; padding-bottom: 10px;} .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li .nav_current_rub .spip_titre_rappel { position: absolute; width: 120px; margin-top: -14px; margin-left:-1px; text-align: center; font-size: 14px; line-height: 14px; list-style: none;} /*** FIN de 600x768px *****/ } /***** MEDIA QUERY SOUS MON AILE 600x800px *****/ @media screen and (min-width: 560px) and (max-width: 751px) and (min-height: 800px) and (max-height: 899px){ /**** SPIP CONTENT 600x800px *****/ .contenu-mobil.spip-content{ display: none;} .contenu-desktop.spip-content{display: block; height: 693px; margin-left: 1px; margin-top: 50px; width: 437px; z-index:100;} /*** FIL d'ARIANE SPIP 600x800px *****/ .spip-content .ariane{ display: none; z-index:100; margin-top: 0px; } .spip-content .ariane .arbo{ padding-left: 10px; padding-right: 10px; font-size: 11px; line-height: 11px; width: auto; height: 20px; margin-top: 0px; text-shadow: 0 0 1px #FFFFFF, 0 0 1px #FFFFFF, 0 0 2px #FFFFFF, 0 0 5px #FFFFFF;} /*** CONTNER CONTENU SPIP 600x800px *****/ .spip-content .main { width: 518px; height: 603px; margin-left: 0px; margin-top: 0px; z-index: 50;} .spip-content .main .wrapper .content { width: 518px; height: 603px; margin-top: 0px;} /*** TITRES TITRE DE LA RUBRIQUE-1 600x800px *****/ .titre-sma{ display: none; font-size: 20px; line-height: 2px; margin-top: 89px; padding-left: 138px; text-shadow: 0 0 1px #FFFFFF, 0 0 1px #FFFFFF, 0 0 2px #FFFFFF, 0 0 5px #FFFFFF, 0 0 10px #FFFFFF, 0 0 16px #FFFFFF; } .spip-content .main .wrapper .content .container2 { width: 1615px; margin-left:0px; margin-top: 0px;} /*** TITRES TITRE DE LA SOUS-RUBRIQUE-1 600x800px *****/ h1.titre-sma-rub1, h1.titre-sma-ssrub{ width: 370px; font-size: 21px; line-height: 18x; margin-left: 66px; margin-top: -4px; text-shadow: 0 0 1px #FFFFFF, 0 0 1px #FFFFFF, 0 0 2px #FFFFFF, 0 0 5px #FFFFFF, 0 0 10px #FFFFFF, 0 0 13px #FFFFFF;} h1.titre-sma-rub1 .spip_logos , h1.titre-sma-ssrub .spip_logos { height: 60px; margin: -5px 0 0 -30px; width: 60px;} h1.titre-sma-rub1 .descriptif, h1.titre-sma-ssrub .descriptif{ font-size: 12px; line-height: 12px; margin-top: -7px; margin-left: 0px; width: 351px;} /*** TEXTE DE LA RUBRIQUE-1 600x800px *****/ .spip-content .main .wrapper .content .texte-rub1{ border-radius: 12px 12px 0 0; font-size: 11px; left: 14px; line-height: 13px; margin-top: 50px; padding: 8px 13px 0 29px; width: 446px;} .spip-content .main #menu_rubriques2 { height: 350px; left: -29px; margin-top: 150px;} .spip-content .main #menu_rubriques2 li{ font-size: .8em; margin-left: -1px; margin-top: -15px; } /*** LES BLOCS 600x800px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li { width: 506px; height: 90px; z-index: 1;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:hover{ width: 506px; height: 90px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child{ left: 37px; top: 370px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2){ left: 26px; top: 269px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3){ left: 26px; top: 168px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4){ left: 26px; top: 67px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child{ left: 37px; top: -34px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child {border-top-right-radius: 0px; border-bottom-right-radius: 0px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2), .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3), .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4){ margin-left: 10px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child{ border-top-left-radius: 0px; border-bottom-left-radius: 0px; } /*** LES CADRES-INNER 600x800px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner{ width: 500px; height: 68px; padding-top: 7px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child:hover .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2):hover .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3):hover .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4):hover .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child:hover .cadre-inner{ width: 500px; height: 68px; padding-top: 7px; } .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner { border-top-right-radius: 15px; border-bottom-right-radius: 15px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner{} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner { border-top-left-radius: 0px; border-bottom-left-radius: 0px;} /*** LES CADRES-ITEM 600x800px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item{ width: 488px; height: 100px; margin-left: 7px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item{ border-top-left-radius: 0px; border-bottom-left-radius: 12px; border-top-right-radius: 0px; border-bottom-right-radius: 12px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item{ border-top-left-radius: 0px; border-bottom-left-radius: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 0px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item{ border-top-left-radius: 0px; border-bottom-left-radius: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 0px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child:hover .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2):hover .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3):hover .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4):hover .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child:hover .cadre-inner .cadre-item{ box-shadow: 0 0 2px #FFFFFF, 0 0 5px #FFFFFF, 0 0 10px #ffffff, 0 0 18px #ffffff; } .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child:hover .cadre-inner .cadre-item{ border-top-left-radius: 0px; border-bottom-left-radius: 12px; border-top-right-radius: 0px; border-bottom-right-radius: 12px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2):hover .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3):hover .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4):hover .cadre-inner .cadre-item{ border-top-left-radius: 0px; border-bottom-left-radius: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 0px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child:hover .cadre-inner .cadre-item{ border-top-left-radius: 0px; border-bottom-left-radius: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 0px;} /*** LES CADRES-ITEM-FINAL 600x800px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final{ width: 478px; height: 90px; margin-left: 4px; margin-top: 4px; } /*** CADRE ITEM FIX ***/ /*** Gradient Red ***/ /*** Gradient Orange ***/ /*** Gradient Yellow ***/ /*** Gradient Green ***/ /*** Gradient Blue ***/ /** COLOR INSIDE = DEGRADE GRIS 600x800px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final .color-inside{ width: 470px; height: 82px; left: 16px; margin-top: 3px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final .color-inside{ border-top-left-radius: 4px; border-bottom-left-radius: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final .color-inside{ border-top-left-radius: 4px; border-bottom-left-radius: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final .color-inside{ border-top-left-radius: 4px; border-bottom-left-radius: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final{ border-top-left-radius: 7px; border-bottom-left-radius: 7px; border-top-right-radius: 7px; border-bottom-right-radius: 7px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final{ border-top-left-radius: 7px; border-bottom-left-radius: 7px; border-top-right-radius: 7px; border-bottom-right-radius: 7px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final{ border-top-left-radius: 7px; border-bottom-left-radius: 7px; border-top-right-radius: 7px; border-bottom-right-radius: 7px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child:hover .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2):hover .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3):hover .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4):hover .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child:hover .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child:hover .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2):hover .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3):hover .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4):hover .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child:hover .cadre-inner .cadre-item .cadre-item-final{ width: 478px; height: 90px; margin-left: 4px; margin-top: 4px; } /*** Les LOGOS 600x800px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .spip_logos_rappel{ height: 90px; margin-left: -2px; margin-top: -6px; width: 90px; position: absolute;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child:hover .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2):hover .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3):hover .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4):hover .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child:hover .cadre-inner .spip_logos_rappel{ height: 90px; margin-left: -2px; margin-top: -6px; width: 90px;} /*** Les TITRES 600x800px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li .spip_titre_rappel{ font-size: 16px; line-height: 19px; margin-left: 0; padding: 10px 0px; text-align: left; text-shadow: 0 0 1px #FFFFFF, 0 0 1px #FFFFFF, 0 0 2px #FFFFFF, 0 0 5px #FFFFFF, 0 0 10px #FFFFFF, 0 0 16px #FFFFFF; top: -3px; width: 262px; left: 81px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:hover .spip_titre_rappel{ text-shadow: 0 0 1px #FFFFFF, 0 0 1px #FFFFFF, 0 0 2px #FFFFFF, 0 0 5px #FFFFFF, 0 0 10px #FFFFFF, 0 0 16px #FFFFFF;} /*** Les DESCRIPTIFS V1 avec titre sur 1 ligne 600x800px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li .spip_descriptif_item-rappel{ display: block; width: 200px; margin-top: 0px; margin-left: 19px; font-size: 13px; line-height: 15px; padding: 10px 5px 1px 15px; border-radius: 10px;} /*** Les DESCRIPTIFS V2 avec titre sur 2 lignes 600x800px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li .spip_descriptif_item-rappel2{ border-radius: 6px; display: block; font-size: 11px; line-height: 12px; margin-left: -1px; margin-top: -1px; padding: 29px 99px 0px 81px; width: 290px; height: 53px;} /*** POUR Les BTNS COULEURS(noir en fait) 600x800px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final .color-inside .mon-btn-color, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final .color-inside .mon-btn-color, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final .color-inside .mon-btn-color, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final .color-inside .mon-btn-color, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final .color-inside .mon-btn-color{ border-radius: 5px; color: #FFFFFF; font-size: 10px; line-height: 0; margin-left: 381px; margin-top: -31px; padding: 10px 4px 10px 6px; width: 12.5%; z-index: 1000;} /*** POUR Les BTNS NOIR 600x800px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final-fix .color-inside .mon-btn, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside .mon-btn, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside .mon-btn, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside .mon-btn, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final-fix .color-inside .mon-btn{ left: 0px; width: 36%; font-size: 16px; line-height: 16px; padding-left: 10px; padding-right: 10px; padding-top: 10px; padding-bottom: 10px; border-radius: 10px; margin-left: 74px; margin-top: 18px; } /******************************************************************************* LES SOUS-RUBRIQUE DE CONTENU 600x800px ************************************************************************************/ /*** TEXTE DE LA RUBRIQUE-B 600x800px *****/ .spip-content .main .wrapper .content .texte-rub1{ background-color: rgba(241, 241, 241, 0.85); border: 1px solid #FFFFFF; border-radius: 8px 8px 0 0; color: #555555; float: left; font-family: Arial,Helvetica,sans-serif; font-size: 12px; height: 48px; left: 14px; line-height: 14px; padding: 6px 10px 0px 18px; position: absolute; text-align: left; top: 22px; width: 460px; } .spip-content .main #menu_rubriques1 { width: 1600px; height: 350px; left: 70px; margin-top: 240px;} .spip-content .main #menu_rubriques1 li{ font-size: .8em; margin-left: -1px; margin-top: -15px; } /*** TEXTE DES SSRUBRIQUES BLUE, GREEN, YELLOW, ORANGE, RED 600x800px *****/ .spip-content .main .wrapper .content .box-texte{ position: absolute; top: 130px; left: 14px; border-radius: 10px 0px 0px 10px; width: 488px; height: 506px; z-index: 10; text-shadow: none; border-radius: 0px 0px 12px 12px; background-color: rgba(255, 255, 255, 0.25); border: 1px solid #FFFFFF;} .spip-content .main .wrapper .content .box-texte .inner-txt{ padding: 7px 7px 7px 7px; border-radius: 10px 0px 0px 10px;} .spip-content .main .wrapper .content .box-texte .inner-txt .bg-texte{ width: 372px; height: 572px; padding: 0px 10px 10px 10px ; border-radius: 7px 0px 0px 7px; background-color: rgba(255, 255, 255, 0.85); border: 1px solid #fff;} .spip-content .main .wrapper .content .box-texte .inner-txt .bg-texte .texte{ border-radius: 5px; color: #808080; float: left; font-family: Arial,Helvetica,sans-serif; font-size: 13px; line-height: 15px; overflow: auto; padding: 20px; text-align: left; width: 342px; height: 542px; } .spip-content .main .wrapper .content .box-texte .inner-txt{ padding: 0px; border-radius: 10px 0px 0px 10px;} .spip-content .main .wrapper .content .box-texte .inner-txt .bg-texte{ width: 409px; height: 506px; padding: 0px; border-radius: 0 0 0 10px; background-color: rgba(255, 255, 255, 0.85); border: 0px solid #fff;} .spip-content .main .wrapper .content .box-texte .inner-txt .bg-texte .texte{ border-radius: 5px; color: #808080; float: left; font-family: Arial,Helvetica,sans-serif; font-size: 11px; line-height: 12px; margin-left: 0; overflow: auto; padding: 30px 20px 0 0; text-align: left; width: 388px; height: 476px;} .spip_document_1, .spip_document_2, .spip_document_3, .spip_document_4, .spip_document_5, .spip_document_6, .spip_document_7, .spip_document_8, .spip_document_9, .spip_document_10, .spip_document_11, .spip_document_12, .spip_document_13, .spip_document_14, .spip_document_15, .spip_document_16, .spip_document_17, .spip_document_18, .spip_document_19, .spip_document_20, .spip_document_21, .spip_document_22, .spip_document_23, .spip_document_24, .spip_document_25, .spip_document_26, .spip_document_27, .spip_document_28, .spip_document_29, .spip_document_30, .spip_document_31, .spip_document_32, .spip_document_33, .spip_document_34, .spip_document_35, .spip_document_36, .spip_document_37, .spip_document_38, .spip_document_39, .spip_document_40, .spip_document_41, .spip_document_42, .spip_document_43, .spip_document_44, .spip_document_45, .spip_document_46, .spip_document_47, .spip_document_48, .spip_document_49, .spip_document_50, .spip_document_51, .spip_document_52, .spip_document_53, .spip_document_54, .spip_document_55, .spip_document_56, .spip_document_57, .spip_document_58, .spip_document_59, .spip_document_60, .spip_document_61, .spip_document_62, .spip_document_63, .spip_document_64, .spip_document_65, .spip_document_66, .spip_document_67, .spip_document_68, .spip_document_69, .spip_document_70, .spip_document_71, .spip_document_72{ width: 60px!important; height: 60px!important; margin-left: 0px; margin-top: 0px; background-color: #fbfbfb;} p { margin: 0 0 0px;} /*** TEXTE DE LA RUBRIQUE-B 600x800px *****/ .spip-content .main .wrapper .content .texte-rub1{ background-color: rgba(241, 241, 241, 0.85); border: 1px solid #FFFFFF; border-radius: 8px 8px 0 0; color: #555555; float: left; font-family: Arial,Helvetica,sans-serif; font-size: 11px; height: 46px; left: 14px; line-height: 13px; padding: 8px 10px 0 18px; position: absolute; text-align: left; top: 27px; width: 460px;} .spip-content .main #menu_rubriques1 { width: 1600px; height: 350px; left: 70px; margin-top: 240px;} .spip-content .main #menu_rubriques1 li{ font-size: .8em; margin-left: -1px; margin-top: -15px; } /*** DESCRIPTIF SSRUB 600x800px *****/ .spip-content .main .wrapper .content .descriptif-ssrub{ background-color: rgba(241, 241, 241, 0.85); border: 1px solid #FFFFFF; border-radius: 8px 8px 0 0; color: #555555; float: left; font-family: Arial,Helvetica,sans-serif; font-size: 13px; left: 14px; line-height: 15px; padding: 8px 20px 0 30px; position: absolute; text-align: left; top: 67px; width: 438px; height: 54px; } /*** TAILLE DE L'IMAGE DANS LE CORPS DE TEXTE SPIP 600x800px *****/ .spip_documents_left img{width: 60px; height: 60px; margin-left: 10px; margin-top: -8px; background-color: #fbfbfb;} /*** PARTICULARITE RUBRIQUE FORMULAIRE 600x800px *****/ .spip-content .main .wrapper .content .box-texte .inner-txt-formulaire{ padding: 7px 7px 7px 7px; border-radius: 10px 0px 0px 10px; font-family: Arial,Helvetica,sans-serif; text-align: left;} .spip-content .main .wrapper .content .box-texte .inner-txt-formulaire .bg-texte-formulaire{ border-radius: 7px 7px 7px 7px; background-color: rgba(255, 255, 255, 0.85); border: 1px solid #fff; float: left; padding: 0px; text-align: left; float: left; overflow: none; border-radius: 5px; color: #808080; font-family: Arial,Helvetica,sans-serif; text-align: left; font-size: 12px; line-height: 12px; width: 472px; height: 490px;} /*** PARTICULARITE RUBRIQUE SIMPLE 600x800px *****/ .spip-content .main .wrapper .content .box-texte .inner-txt-simple{ padding: 7px 7px 7px 7px; border-radius: 10px 0px 0px 10px; font-family: Arial,Helvetica,sans-serif; text-align: left;} .spip-content .main .wrapper .content .box-texte .inner-txt-simple .bg-texte-simple{ background-color: rgba(255, 255, 255, 0.85); border: 1px solid #FFFFFF; border-radius: 7px; color: #808080; float: left; font-family: Arial,Helvetica,sans-serif; font-size: 11px; height: 470px; line-height: 13px; overflow: auto; padding: 20px 30px 0; text-align: left; width: 413px; } /*** POUR LE PETIT MENU des SOUS RUBRIQUES en haut à droite 600x800px *****/ .spip-content .main #menu_rubriques1 { position: absolute; text-align: left; width: 59px; height: 506px; z-index: 1000; top: -110px; padding-right: 20px; left: 423px; background-color: rgba(241, 241, 241, 0.7); border-top-left-radius: 0px; border-bottom-left-radius: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 12px; border: 1px solid #fff; } .spip-content .main #menu_rubriques1 li{ font-size: .8em; margin-left: -1px; list-style: none; margin-top: 0px; } .spip-content .main #menu_rubriques1 li ul li{ font-size: 1em; margin-left: 0em;} .spip-content .main #menu_rubriques1 { list-style-type:none; } .spip-content .main #menu_rubriques1 li { list-style-type: none; } .spip-content .main #menu_rubriques1 li li { list-style-type: none; } .spip-content .main #menu_rubriques1 li li li { list-style-type: none; } .spip-content .main #menu_rubriques1 hr {margin : 0.7em 0;} .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li { width: 114px; } .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li:hover { width: 114px; } .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li .spip_logos_rappel { height: 80px; width: 80px; margin-bottom: 24px; margin-top: -1px; margin-left: 1px;} .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li:hover .spip_logos_rappel {} .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li .spip_titre_rappel{ font-family: "Fugaz One"; font-size: 10px; line-height: 12px; list-style: none outside none; left: 3px; margin-top: -31px; position: absolute; text-align: center; width: 75px;} .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li:hover .spip_titre_rappel { } /*** Les currents 600x768px ***/ .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li .nav_current_rub{ display: none;width: 120px; } .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li .nav_current_rub .spip_logos_rappel { width: 80px; height: 80px; padding-left: 18px; padding-top: 18px; padding-bottom: 10px;} .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li .nav_current_rub .spip_titre_rappel { position: absolute; width: 120px; margin-top: -14px; margin-left:-1px; text-align: center; font-size: 14px; line-height: 14px; list-style: none;} /*** FIN de 600x800px *****/ } /***** MEDIA QUERY SOUS MON AILE 600x900px *****/ @media screen and (min-width: 560px) and (max-width: 751px) and (min-height:900px) and (max-height: 1023px){ /**** SPIP CONTENT 600x900px *****/ .contenu-mobil.spip-content{ display: none;} .contenu-desktop.spip-content{display: block; height: 693px; margin-left: 1px; margin-top: 50px; width: 437px; z-index:100;} /*** FIL d'ARIANE SPIP 600x900px *****/ .spip-content .ariane{ display: none; z-index:100; margin-top: 0px; } .spip-content .ariane .arbo{ padding-left: 10px; padding-right: 10px; font-size: 11px; line-height: 11px; width: auto; height: 20px; margin-top: 0px; text-shadow: 0 0 1px #FFFFFF, 0 0 1px #FFFFFF, 0 0 2px #FFFFFF, 0 0 5px #FFFFFF;} /*** CONTNER CONTENU SPIP 600x900px *****/ .spip-content .main { width: 518px; height: 603px; margin-left: 0px; margin-top: 0px; z-index: 50;} .spip-content .main .wrapper .content { width: 518px; height: 603px; margin-top: 0px;} /*** TITRES TITRE DE LA RUBRIQUE-1 600x900px *****/ .titre-sma{ display: none; font-size: 20px; line-height: 2px; margin-top: 89px; padding-left: 138px; text-shadow: 0 0 1px #FFFFFF, 0 0 1px #FFFFFF, 0 0 2px #FFFFFF, 0 0 5px #FFFFFF, 0 0 10px #FFFFFF, 0 0 16px #FFFFFF; } .spip-content .main .wrapper .content .container2 { width: 1615px; margin-left:0px; margin-top: 0px;} /*** TITRES TITRE DE LA SOUS-RUBRIQUE-1 600x900px *****/ h1.titre-sma-rub1, h1.titre-sma-ssrub{ width: 370px; font-size: 21px; line-height: 18x; margin-left: 66px; margin-top: -4px; text-shadow: 0 0 1px #FFFFFF, 0 0 1px #FFFFFF, 0 0 2px #FFFFFF, 0 0 5px #FFFFFF, 0 0 10px #FFFFFF, 0 0 13px #FFFFFF;} h1.titre-sma-rub1 .spip_logos , h1.titre-sma-ssrub .spip_logos { height: 60px; margin: -5px 0 0 -30px; width: 60px;} h1.titre-sma-rub1 .descriptif, h1.titre-sma-ssrub .descriptif{ font-size: 12px; line-height: 12px; margin-top: -7px; margin-left: 0px; width: 351px;} /*** TEXTE DE LA RUBRIQUE-1 600x900px *****/ .spip-content .main .wrapper .content .texte-rub1{ border-radius: 12px 12px 0 0; font-size: 12px; left: 14px; line-height: 13px; margin-top: 52px; padding: 8px 9px 0 18px; width: 461px;} .spip-content .main #menu_rubriques2 { height: 350px; left: -29px; margin-top: 147px;} .spip-content .main #menu_rubriques2 li{ font-size: .8em; margin-left: -1px; margin-top: -15px; } /*** LES BLOCS 600x900px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li { width: 506px; height: 90px; z-index: 1;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:hover{ width: 506px; height: 90px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child{ left: 37px; top: 450px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2){ left: 26px; top: 329px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3){ left: 26px; top: 208px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4){ left: 26px; top: 87px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child{ left: 37px; top: -34px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child {border-top-right-radius: 0px; border-bottom-right-radius: 0px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2), .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3), .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4){ margin-left: 10px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child{ border-top-left-radius: 0px; border-bottom-left-radius: 0px; } /*** LES CADRES-INNER 600x900px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner{ width: 500px; height: 68px; padding-top: 7px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child:hover .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2):hover .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3):hover .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4):hover .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child:hover .cadre-inner{ width: 500px; height: 68px; padding-top: 7px; } .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner { border-top-right-radius: 15px; border-bottom-right-radius: 15px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner{} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner { border-top-left-radius: 0px; border-bottom-left-radius: 0px;} /*** LES CADRES-ITEM 600x900px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item{ width: 488px; height: 120px; margin-left: 7px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item{ border-top-left-radius: 0px; border-bottom-left-radius: 12px; border-top-right-radius: 0px; border-bottom-right-radius: 12px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item{ border-top-left-radius: 0px; border-bottom-left-radius: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 0px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item{ border-top-left-radius: 0px; border-bottom-left-radius: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 0px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child:hover .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2):hover .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3):hover .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4):hover .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child:hover .cadre-inner .cadre-item{ box-shadow: 0 0 2px #FFFFFF, 0 0 5px #FFFFFF, 0 0 10px #ffffff, 0 0 18px #ffffff; } .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child:hover .cadre-inner .cadre-item{ border-top-left-radius: 0px; border-bottom-left-radius: 12px; border-top-right-radius: 0px; border-bottom-right-radius: 12px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2):hover .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3):hover .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4):hover .cadre-inner .cadre-item{ border-top-left-radius: 0px; border-bottom-left-radius: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 0px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child:hover .cadre-inner .cadre-item{ border-top-left-radius: 0px; border-bottom-left-radius: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 0px;} /*** LES CADRES-ITEM-FINAL 600x900px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final{ width: 478px; height: 110px; margin-left: 4px; margin-top: 4px; } /*** CADRE ITEM FIX ***/ /*** Gradient Red ***/ /*** Gradient Orange ***/ /*** Gradient Yellow ***/ /*** Gradient Green ***/ /*** Gradient Blue ***/ /** COLOR INSIDE = DEGRADE GRIS 600x900px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final .color-inside{ width: 470px; height: 102px; left: 16px; margin-top: 3px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final .color-inside{ border-top-left-radius: 4px; border-bottom-left-radius: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final .color-inside{ border-top-left-radius: 4px; border-bottom-left-radius: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final .color-inside{ border-top-left-radius: 4px; border-bottom-left-radius: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final{ border-top-left-radius: 7px; border-bottom-left-radius: 7px; border-top-right-radius: 7px; border-bottom-right-radius: 7px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final{ border-top-left-radius: 7px; border-bottom-left-radius: 7px; border-top-right-radius: 7px; border-bottom-right-radius: 7px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final{ border-top-left-radius: 7px; border-bottom-left-radius: 7px; border-top-right-radius: 7px; border-bottom-right-radius: 7px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child:hover .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2):hover .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3):hover .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4):hover .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child:hover .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child:hover .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2):hover .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3):hover .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4):hover .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child:hover .cadre-inner .cadre-item .cadre-item-final{ width: 478px; height: 110px; margin-left: 4px; margin-top: 4px; } /*** Les LOGOS 600x900px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .spip_logos_rappel{ height: 110px; margin-left: 0px; margin-top: -4px; width: 110px; position: absolute;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child:hover .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2):hover .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3):hover .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4):hover .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child:hover .cadre-inner .spip_logos_rappel{ height: 110px; margin-left: 0px; margin-top: -4px; width: 110px;} /*** Les TITRES 600x900px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li .spip_titre_rappel{ font-size: 18px; line-height: 23px; margin-left: 0; padding: 10px 0px; text-align: left; text-shadow: 0 0 1px #FFFFFF, 0 0 1px #FFFFFF, 0 0 2px #FFFFFF, 0 0 5px #FFFFFF, 0 0 10px #FFFFFF, 0 0 16px #FFFFFF; top: -3px; width: 262px; left: 101px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:hover .spip_titre_rappel{ text-shadow: 0 0 1px #FFFFFF, 0 0 1px #FFFFFF, 0 0 2px #FFFFFF, 0 0 5px #FFFFFF, 0 0 10px #FFFFFF, 0 0 16px #FFFFFF;} /*** Les DESCRIPTIFS V1 avec titre sur 1 ligne 600x900px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li .spip_descriptif_item-rappel{ display: block; width: 200px; margin-top: 0px; margin-left: 19px; font-size: 13px; line-height: 15px; padding: 10px 5px 1px 15px; border-radius: 10px;} /*** Les DESCRIPTIFS V2 avec titre sur 2 lignes 600x900px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li .spip_descriptif_item-rappel2{ border-radius: 6px; display: block; font-size: 12px; line-height: 14px; margin-left: -1px; margin-top: -1px; padding: 34px 79px 4px 101px; width: 290px; height: 63px;} /*** POUR Les BTNS COULEURS(noir en fait) 600x900px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final .color-inside .mon-btn-color, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final .color-inside .mon-btn-color, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final .color-inside .mon-btn-color, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final .color-inside .mon-btn-color, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final .color-inside .mon-btn-color{ border-radius: 5px; color: #FFFFFF; font-size: 10px; line-height: 0; margin-left: 391px; margin-top: -31px; padding: 10px 4px 10px 6px; width: 12.5%; z-index: 1000;} /*** POUR Les BTNS NOIR 600x900px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final-fix .color-inside .mon-btn, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside .mon-btn, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside .mon-btn, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside .mon-btn, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final-fix .color-inside .mon-btn{ left: 0px; width: 36%; font-size: 16px; line-height: 16px; padding-left: 10px; padding-right: 10px; padding-top: 10px; padding-bottom: 10px; border-radius: 10px; margin-left: 74px; margin-top: 18px; } /******************************************************************************* LES SOUS-RUBRIQUE DE CONTENU 600x900px ************************************************************************************/ /*** TEXTE DE LA RUBRIQUE-B 600x900px *****/ .spip-content .main .wrapper .content .texte-rub1{ background-color: rgba(241, 241, 241, 0.85); border: 1px solid #FFFFFF; border-radius: 8px 8px 0 0; color: #555555; float: left; font-family: Arial,Helvetica,sans-serif; font-size: 12px; height: 48px; left: 14px; line-height: 14px; padding: 6px 10px 0px 18px; position: absolute; text-align: left; top: 22px; width: 460px; } .spip-content .main #menu_rubriques1 { width: 1600px; height: 350px; left: 70px; margin-top: 240px;} .spip-content .main #menu_rubriques1 li{ font-size: .8em; margin-left: -1px; margin-top: -15px; } /*** TEXTE DES SSRUBRIQUES BLUE, GREEN, YELLOW, ORANGE, RED 600x900px *****/ .spip-content .main .wrapper .content .box-texte{ position: absolute; top: 130px; left: 14px; border-radius: 10px 0px 0px 10px; width: 488px; height: 603px; z-index: 10; text-shadow: none; border-radius: 0px 0px 12px 12px; background-color: rgba(255, 255, 255, 0.25); border: 1px solid #FFFFFF;} .spip-content .main .wrapper .content .box-texte .inner-txt{ padding: 7px 7px 7px 7px; border-radius: 10px 0px 0px 10px;} .spip-content .main .wrapper .content .box-texte .inner-txt .bg-texte{ width: 372px; height: 572px; padding: 0px 10px 10px 10px ; border-radius: 7px 0px 0px 7px; background-color: rgba(255, 255, 255, 0.85); border: 1px solid #fff;} .spip-content .main .wrapper .content .box-texte .inner-txt .bg-texte .texte{ border-radius: 5px; color: #808080; float: left; font-family: Arial,Helvetica,sans-serif; font-size: 13px; line-height: 15px; overflow: auto; padding: 20px; text-align: left; width: 342px; height: 542px; } .spip-content .main .wrapper .content .box-texte .inner-txt{ padding: 0px; border-radius: 10px 0px 0px 10px;} .spip-content .main .wrapper .content .box-texte .inner-txt .bg-texte{ width: 409px; height: 603px; padding: 0px; border-radius: 0 0 0 10px; background-color: rgba(255, 255, 255, 0.85); border: 0px solid #fff;} .spip-content .main .wrapper .content .box-texte .inner-txt .bg-texte .texte{ border-radius: 5px; color: #808080; float: left; font-family: Arial,Helvetica,sans-serif; font-size: 11px; line-height: 15px; margin-left: 0; overflow: auto; padding: 30px 20px 0 0; text-align: left; width: 388px; height: 573px;} .spip_document_1, .spip_document_2, .spip_document_3, .spip_document_4, .spip_document_5, .spip_document_6, .spip_document_7, .spip_document_8, .spip_document_9, .spip_document_10, .spip_document_11, .spip_document_12, .spip_document_13, .spip_document_14, .spip_document_15, .spip_document_16, .spip_document_17, .spip_document_18, .spip_document_19, .spip_document_20, .spip_document_21, .spip_document_22, .spip_document_23, .spip_document_24, .spip_document_25, .spip_document_26, .spip_document_27, .spip_document_28, .spip_document_29, .spip_document_30, .spip_document_31, .spip_document_32, .spip_document_33, .spip_document_34, .spip_document_35, .spip_document_36, .spip_document_37, .spip_document_38, .spip_document_39, .spip_document_40, .spip_document_41, .spip_document_42, .spip_document_43, .spip_document_44, .spip_document_45, .spip_document_46, .spip_document_47, .spip_document_48, .spip_document_49, .spip_document_50, .spip_document_51, .spip_document_52, .spip_document_53, .spip_document_54, .spip_document_55, .spip_document_56, .spip_document_57, .spip_document_58, .spip_document_59, .spip_document_60, .spip_document_61, .spip_document_62, .spip_document_63, .spip_document_64, .spip_document_65, .spip_document_66, .spip_document_67, .spip_document_68, .spip_document_69, .spip_document_70, .spip_document_71, .spip_document_72{ width: 60px!important; height: 60px!important; margin-left: 0px; margin-top: 0px; background-color: #fbfbfb;} p { margin: 0 0 0px;} /*** TEXTE DE LA RUBRIQUE-B 600x900px *****/ .spip-content .main .wrapper .content .texte-rub1{ background-color: rgba(241, 241, 241, 0.85); border: 1px solid #FFFFFF; border-radius: 8px 8px 0 0; color: #555555; float: left; font-family: Arial,Helvetica,sans-serif; font-size: 11px; height: 46px; left: 14px; line-height: 13px; padding: 8px 10px 0 18px; position: absolute; text-align: left; top: 22px; width: 460px;} .spip-content .main #menu_rubriques1 { width: 1600px; height: 350px; left: 70px; margin-top: 240px;} .spip-content .main #menu_rubriques1 li{ font-size: .8em; margin-left: -1px; margin-top: -15px; } /*** DESCRIPTIF SSRUB 600x900px *****/ .spip-content .main .wrapper .content .descriptif-ssrub{ background-color: rgba(241, 241, 241, 0.85); border: 1px solid #FFFFFF; border-radius: 8px 8px 0 0; color: #555555; float: left; font-family: Arial,Helvetica,sans-serif; font-size: 13px; left: 14px; line-height: 15px; padding: 8px 20px 0 30px; position: absolute; text-align: left; top: 67px; width: 438px; height: 54px; } /*** TAILLE DE L'IMAGE DANS LE CORPS DE TEXTE SPIP 600x900px *****/ .spip_documents_left img{width: 60px; height: 60px; margin-left: 10px; margin-top: -8px; background-color: #fbfbfb;} /*** PARTICULARITE RUBRIQUE FORMULAIRE 600x900px *****/ .spip-content .main .wrapper .content .box-texte .inner-txt-formulaire{ padding: 7px 7px 7px 7px; border-radius: 10px 0px 0px 10px; font-family: Arial,Helvetica,sans-serif; text-align: left;} .spip-content .main .wrapper .content .box-texte .inner-txt-formulaire .bg-texte-formulaire{ border-radius: 7px 7px 7px 7px; background-color: rgba(255, 255, 255, 0.85); border: 1px solid #fff; float: left; padding: 0px; text-align: left; float: left; overflow: none; border-radius: 5px; color: #808080; font-family: Arial,Helvetica,sans-serif; text-align: left; font-size: 18px; line-height: 20px; width: 472px; height: 587px;} /*** PARTICULARITE RUBRIQUE SIMPLE 600x900px *****/ .spip-content .main .wrapper .content .box-texte .inner-txt-simple{ padding: 7px 7px 7px 7px; border-radius: 10px 0px 0px 10px; font-family: Arial,Helvetica,sans-serif; text-align: left;} .spip-content .main .wrapper .content .box-texte .inner-txt-simple .bg-texte-simple{ background-color: rgba(255, 255, 255, 0.85); border: 1px solid #FFFFFF; border-radius: 7px; color: #808080; float: left; font-family: Arial,Helvetica,sans-serif; font-size: 11px; height: 567px; line-height: 13px; overflow: auto; padding: 20px 30px 0; text-align: left; width: 413px; } /*** POUR LE PETIT MENU des SOUS RUBRIQUES en haut à droite 600x900px *****/ .spip-content .main #menu_rubriques1 { position: absolute; text-align: left; width: 59px; height: 603px; z-index: 1000; top: -110px; padding-right: 20px; left: 423px; background-color: rgba(241, 241, 241, 0.7); border-top-left-radius: 0px; border-bottom-left-radius: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 12px; border: 1px solid #fff; } .spip-content .main #menu_rubriques1 li{ font-size: .8em; margin-left: -1px; list-style: none; margin-top: 0px; } .spip-content .main #menu_rubriques1 li ul li{ font-size: 1em; margin-left: 0em;} .spip-content .main #menu_rubriques1 { list-style-type:none; } .spip-content .main #menu_rubriques1 li { list-style-type: none; } .spip-content .main #menu_rubriques1 li li { list-style-type: none; } .spip-content .main #menu_rubriques1 li li li { list-style-type: none; } .spip-content .main #menu_rubriques1 hr {margin : 0.7em 0;} .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li { width: 114px; } .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li:hover { width: 114px; } .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li .spip_logos_rappel { height: 80px; width: 80px; margin-bottom: 24px; margin-top: -1px; margin-left: 1px;} .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li:hover .spip_logos_rappel {} .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li .spip_titre_rappel{ font-family: "Fugaz One"; font-size: 10px; line-height: 12px; list-style: none outside none; left: 3px; margin-top: -31px; position: absolute; text-align: center; width: 75px;} .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li:hover .spip_titre_rappel { } /*** Les currents 600x900px ***/ .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li .nav_current_rub{ display: none;width: 120px; } .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li .nav_current_rub .spip_logos_rappel { width: 80px; height: 80px; padding-left: 18px; padding-top: 18px; padding-bottom: 10px;} .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li .nav_current_rub .spip_titre_rappel { position: absolute; width: 120px; margin-top: -14px; margin-left:-1px; text-align: center; font-size: 14px; line-height: 14px; list-style: none;} /*** FIN de 600x900px *****/ } /***** MEDIA QUERY SOUS MON AILE 600x1024px *****/ @media screen and (min-width: 560px) and (max-width: 751px) and (min-height: 1024px) and (max-height: 1049px){ /**** SPIP CONTENT 600x1024px *****/ .contenu-mobil.spip-content{ display: none;} .contenu-desktop.spip-content{display: block; height: 693px; margin-left: 1px; margin-top: 50px; width: 437px; z-index:100;} /*** FIL d'ARIANE SPIP 600x1024px *****/ .spip-content .ariane{ display: none; z-index:100; margin-top: 0px; } .spip-content .ariane .arbo{ padding-left: 10px; padding-right: 10px; font-size: 11px; line-height: 11px; width: auto; height: 20px; margin-top: 0px; text-shadow: 0 0 1px #FFFFFF, 0 0 1px #FFFFFF, 0 0 2px #FFFFFF, 0 0 5px #FFFFFF;} /*** CONTNER CONTENU SPIP 600x1024px *****/ .spip-content .main { width: 518px; height: 603px; margin-left: 0px; margin-top: 0px; z-index: 50;} .spip-content .main .wrapper .content { width: 518px; height: 603px; margin-top: 0px;} /*** TITRES TITRE DE LA RUBRIQUE-1 600x1024px *****/ .titre-sma{ display: none; font-size: 20px; line-height: 2px; margin-top: 89px; padding-left: 138px; text-shadow: 0 0 1px #FFFFFF, 0 0 1px #FFFFFF, 0 0 2px #FFFFFF, 0 0 5px #FFFFFF, 0 0 10px #FFFFFF, 0 0 16px #FFFFFF; } .spip-content .main .wrapper .content .container2 { width: 1615px; margin-left:0px; margin-top: 0px;} /*** TITRES TITRE DE LA SOUS-RUBRIQUE-1 600x1024px *****/ h1.titre-sma-rub1, h1.titre-sma-ssrub{ width: 370px; font-size: 21px; line-height: 18x; margin-left: 66px; margin-top: -4px; text-shadow: 0 0 1px #FFFFFF, 0 0 1px #FFFFFF, 0 0 2px #FFFFFF, 0 0 5px #FFFFFF, 0 0 10px #FFFFFF, 0 0 13px #FFFFFF;} h1.titre-sma-rub1 .spip_logos , h1.titre-sma-ssrub .spip_logos { height: 60px; margin: -5px 0 0 -30px; width: 60px;} h1.titre-sma-rub1 .descriptif, h1.titre-sma-ssrub .descriptif{ font-size: 12px; line-height: 12px; margin-top: -7px; margin-left: 0px; width: 351px;} /*** TEXTE DE LA RUBRIQUE-1 600x1024px *****/ .spip-content .main .wrapper .content .texte-rub1{ border-radius: 12px 12px 0 0; font-size: 12px; height: 53px; left: 14px; line-height: 15px; margin-top: 50px; padding: 8px 6px 0 16px; width: 466px;} .spip-content .main #menu_rubriques2 { height: 350px; left: -29px; margin-top: 133px;} .spip-content .main #menu_rubriques2 li{ font-size: .8em; margin-left: -1px; margin-top: -15px; } /*** LES BLOCS 600x1024px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li { width: 506px; height: 90px; z-index: 1;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:hover{ width: 506px; height: 90px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child{ left: 37px; top: 551px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2){ left: 26px; top: 410px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3){ left: 26px; top: 269px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4){ left: 26px; top: 128px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child{ left: 37px; top: -13px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child {border-top-right-radius: 0px; border-bottom-right-radius: 0px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2), .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3), .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4){ margin-left: 10px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child{ border-top-left-radius: 0px; border-bottom-left-radius: 0px; } /*** LES CADRES-INNER 600x1024px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner{ width: 500px; height: 68px; padding-top: 7px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child:hover .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2):hover .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3):hover .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4):hover .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child:hover .cadre-inner{ width: 500px; height: 68px; padding-top: 7px; } .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner { border-top-right-radius: 15px; border-bottom-right-radius: 15px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner{} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner { border-top-left-radius: 0px; border-bottom-left-radius: 0px;} /*** LES CADRES-ITEM 600x1024px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item{ width: 488px; height: 140px; margin-left: 7px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item{ border-top-left-radius: 0px; border-bottom-left-radius: 12px; border-top-right-radius: 0px; border-bottom-right-radius: 12px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item{ border-top-left-radius: 0px; border-bottom-left-radius: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 0px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item{ border-top-left-radius: 0px; border-bottom-left-radius: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 0px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child:hover .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2):hover .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3):hover .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4):hover .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child:hover .cadre-inner .cadre-item{ box-shadow: 0 0 2px #FFFFFF, 0 0 5px #FFFFFF, 0 0 10px #ffffff, 0 0 18px #ffffff; } .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child:hover .cadre-inner .cadre-item{ border-top-left-radius: 0px; border-bottom-left-radius: 12px; border-top-right-radius: 0px; border-bottom-right-radius: 12px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2):hover .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3):hover .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4):hover .cadre-inner .cadre-item{ border-top-left-radius: 0px; border-bottom-left-radius: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 0px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child:hover .cadre-inner .cadre-item{ border-top-left-radius: 0px; border-bottom-left-radius: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 0px;} /*** LES CADRES-ITEM-FINAL 600x1024px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final{ width: 478px; height: 130px; margin-left: 4px; margin-top: 4px; } /*** CADRE ITEM FIX ***/ /*** Gradient Red ***/ /*** Gradient Orange ***/ /*** Gradient Yellow ***/ /*** Gradient Green ***/ /*** Gradient Blue ***/ /** COLOR INSIDE = DEGRADE GRIS 600x1024px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final .color-inside{ width: 470px; height: 122px; left: 16px; margin-top: 3px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final .color-inside{ border-top-left-radius: 4px; border-bottom-left-radius: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final .color-inside{ border-top-left-radius: 4px; border-bottom-left-radius: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final .color-inside{ border-top-left-radius: 4px; border-bottom-left-radius: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final{ border-top-left-radius: 7px; border-bottom-left-radius: 7px; border-top-right-radius: 7px; border-bottom-right-radius: 7px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final{ border-top-left-radius: 7px; border-bottom-left-radius: 7px; border-top-right-radius: 7px; border-bottom-right-radius: 7px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final{ border-top-left-radius: 7px; border-bottom-left-radius: 7px; border-top-right-radius: 7px; border-bottom-right-radius: 7px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child:hover .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2):hover .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3):hover .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4):hover .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child:hover .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child:hover .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2):hover .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3):hover .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4):hover .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child:hover .cadre-inner .cadre-item .cadre-item-final{ width: 478px; height: 130px; margin-left: 4px; margin-top: 4px; } /*** Les LOGOS 600x1024px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .spip_logos_rappel{ height: 120px; margin-left: 2px; margin-top: -2px; width: 120px; position: absolute;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child:hover .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2):hover .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3):hover .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4):hover .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child:hover .cadre-inner .spip_logos_rappel{ height: 120px; margin-left: 2px; margin-top: -2px; width: 120px;} /*** Les TITRES 600x1024px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li .spip_titre_rappel{ font-size: 21px; line-height: 47px; margin-left: 11px; padding: 10px 0px; text-align: left; text-shadow: 0 0 1px #FFFFFF, 0 0 1px #FFFFFF, 0 0 2px #FFFFFF, 0 0 5px #FFFFFF, 0 0 10px #FFFFFF, 0 0 16px #FFFFFF; top: -3px; width: 278px; left: 101px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:hover .spip_titre_rappel{ text-shadow: 0 0 1px #FFFFFF, 0 0 1px #FFFFFF, 0 0 2px #FFFFFF, 0 0 5px #FFFFFF, 0 0 10px #FFFFFF, 0 0 16px #FFFFFF;} /*** Les DESCRIPTIFS V1 avec titre sur 1 ligne 600x1024px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li .spip_descriptif_item-rappel{ display: block; width: 200px; margin-top: 0px; margin-left: 19px; font-size: 13px; line-height: 15px; padding: 10px 5px 1px 15px; border-radius: 10px;} /*** Les DESCRIPTIFS V2 avec titre sur 2 lignes 600x1024px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li .spip_descriptif_item-rappel2{ border-radius: 6px; display: block; font-size: 12px; line-height: 14px; margin-left: -1px; margin-top: -1px; padding: 47px 69px 1px 111px; width: 290px; height: 73px;} /*** POUR Les BTNS COULEURS(noir en fait) 600x1024px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final .color-inside .mon-btn-color, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final .color-inside .mon-btn-color, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final .color-inside .mon-btn-color, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final .color-inside .mon-btn-color, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final .color-inside .mon-btn-color{ border-radius: 5px; color: #FFFFFF; font-size: 10px; line-height: 0; margin-left: 381px; margin-top: -31px; padding: 10px 4px 10px 6px; width: 12.5%; z-index: 1000;} /*** POUR Les BTNS NOIR 600x1024px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final-fix .color-inside .mon-btn, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside .mon-btn, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside .mon-btn, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside .mon-btn, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final-fix .color-inside .mon-btn{ left: 0px; width: 36%; font-size: 16px; line-height: 16px; padding-left: 10px; padding-right: 10px; padding-top: 10px; padding-bottom: 10px; border-radius: 10px; margin-left: 74px; margin-top: 18px; } /******************************************************************************* LES SOUS-RUBRIQUE DE CONTENU 600x1024px ************************************************************************************/ /*** CONTENU RUBRIQUES ITEMS 600x1024px *****/ .spip-content .main .wrapper .content .box-texte{ background-color: rgba(255, 255, 255, 0.25); border: 1px solid #FFFFFF; border-radius: 0 0 12px 12px; left: 14px; position: absolute; text-shadow: none; top: 130px; transition: all 0.35s ease-in-out 0s; width: 488px; height: 710px; z-index: 10;} .spip-content .main .wrapper .content .box-texte .inner-txt{ padding: 0px; border-radius: 10px 0px 0px 10px;} .spip-content .main .wrapper .content .box-texte .inner-txt .bg-texte{ width: 409px; height: 710px; padding: 0px; border-radius: 0 0 0 10px; background-color: rgba(255, 255, 255, 0.85); border: 0px solid #fff;} .spip-content .main .wrapper .content .box-texte .inner-txt .bg-texte .texte{ border-radius: 5px; color: #808080; float: left; font-family: Arial,Helvetica,sans-serif; font-size: 11px; line-height: 15px; margin-left: 0; overflow: auto; padding: 30px 40px 0 0; text-align: left; width: 368px; height: 680px; } .spip_document_1, .spip_document_2, .spip_document_3, .spip_document_4, .spip_document_5, .spip_document_6, .spip_document_7, .spip_document_8, .spip_document_9, .spip_document_10, .spip_document_11, .spip_document_12, .spip_document_13, .spip_document_14, .spip_document_15, .spip_document_16, .spip_document_17, .spip_document_18, .spip_document_19, .spip_document_20, .spip_document_21, .spip_document_22, .spip_document_23, .spip_document_24, .spip_document_25, .spip_document_26, .spip_document_27, .spip_document_28, .spip_document_29, .spip_document_30, .spip_document_31, .spip_document_32, .spip_document_33, .spip_document_34, .spip_document_35, .spip_document_36, .spip_document_37, .spip_document_38, .spip_document_39, .spip_document_40, .spip_document_41, .spip_document_42, .spip_document_43, .spip_document_44, .spip_document_45, .spip_document_46, .spip_document_47, .spip_document_48, .spip_document_49, .spip_document_50, .spip_document_51, .spip_document_52, .spip_document_53, .spip_document_54, .spip_document_55, .spip_document_56, .spip_document_57, .spip_document_58, .spip_document_59, .spip_document_60, .spip_document_61, .spip_document_62, .spip_document_63, .spip_document_64, .spip_document_65, .spip_document_66, .spip_document_67, .spip_document_68, .spip_document_69, .spip_document_70, .spip_document_71, .spip_document_72{ width: 70px!important; height: 70px!important; margin-left: 0px; margin-top: 0px; background-color: #fbfbfb;} p { margin: 0 0 0px;} /*** TEXTE DE LA RUBRIQUE-B 600x1024px *****/ .spip-content .main .wrapper .content .texte-rub1{ background-color: rgba(241, 241, 241, 0.85); border: 1px solid #FFFFFF; border-radius: 8px 8px 0 0; color: #555555; float: left; font-family: Arial,Helvetica,sans-serif; font-size: 12px; height: 52px; left: 14px; line-height: 14px; padding: 11px 10px 0 18px; position: absolute; text-align: left; top: 22px; width: 460px; } .spip-content .main #menu_rubriques1 { width: 1600px; height: 350px; left: 70px; margin-top: 240px;} .spip-content .main #menu_rubriques1 li{ font-size: .8em; margin-left: -1px; margin-top: -15px; } /*** DESCRIPTIF SSRUB 600x1024px *****/ .spip-content .main .wrapper .content .descriptif-ssrub{ background-color: rgba(241, 241, 241, 0.85); border: 1px solid #FFFFFF; border-radius: 8px 8px 0 0; color: #555555; float: left; font-family: Arial,Helvetica,sans-serif; font-size: 13px; height: 54px; left: 14px; line-height: 15px; padding: 8px 20px 0 30px; position: absolute; text-align: left; top: 67px; width: 438px;} /*** TAILLE DE L'IMAGE DANS LE CORPS DE TEXTE SPIP 600x1024px *****/ .spip_documents_left img{width: 70px; height: 70px; margin-left: 10px; margin-top: -8px; background-color: #fbfbfb;} /*** PARTICULARITE RUBRIQUE FORMULAIRE 600x1024px *****/ .spip-content .main .wrapper .content .box-texte .inner-txt-formulaire{ padding: 7px 7px 7px 7px; border-radius: 10px 0px 0px 10px; font-family: Arial,Helvetica,sans-serif; text-align: left;} .spip-content .main .wrapper .content .box-texte .inner-txt-formulaire .bg-texte-formulaire{ border-radius: 7px 7px 7px 7px; background-color: rgba(255, 255, 255, 0.85); border: 1px solid #fff; float: left; padding: 0px; text-align: left; float: left; overflow: none; border-radius: 5px; color: #808080; font-family: Arial,Helvetica,sans-serif; text-align: left; font-size: 18px; line-height: 20px; width: 472px; height: 694px;} /*** PARTICULARITE RUBRIQUE SIMPLE 600x1024px *****/ .spip-content .main .wrapper .content .box-texte .inner-txt-simple{ padding: 7px 7px 7px 7px; border-radius: 10px 0px 0px 10px; font-family: Arial,Helvetica,sans-serif; text-align: left;} .spip-content .main .wrapper .content .box-texte .inner-txt-simple .bg-texte-simple{ background-color: rgba(255, 255, 255, 0.85); border: 1px solid #FFFFFF; border-radius: 7px; color: #808080; float: left; font-family: Arial,Helvetica,sans-serif; font-size: 11px; height: 674px; line-height: 13px; overflow: auto; padding: 20px 30px 0; text-align: left; width: 413px; } /*** POUR LE PETIT MENU des SOUS RUBRIQUES en haut à droite 600x1024px *****/ .spip-content .main #menu_rubriques1 { position: absolute; text-align: left; width: 59px; height: 710px; z-index: 1000; top: -110px; padding-right: 20px; left: 423px; background-color: rgba(241, 241, 241, 0.7); border-top-left-radius: 0px; border-bottom-left-radius: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 12px; border: 1px solid #fff; } .spip-content .main #menu_rubriques1 li{ font-size: .8em; margin-left: -1px; list-style: none; margin-top: 0px; } .spip-content .main #menu_rubriques1 li ul li{ font-size: 1em; margin-left: 0em;} .spip-content .main #menu_rubriques1 { list-style-type:none; } .spip-content .main #menu_rubriques1 li { list-style-type: none; } .spip-content .main #menu_rubriques1 li li { list-style-type: none; } .spip-content .main #menu_rubriques1 li li li { list-style-type: none; } .spip-content .main #menu_rubriques1 hr {margin : 0.7em 0;} .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li { width: 114px; } .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li:hover { width: 114px; } .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li .spip_logos_rappel { height: 80px; width: 80px; margin-bottom: 24px; margin-top: -1px; margin-left: 1px;} .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li:hover .spip_logos_rappel {} .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li .spip_titre_rappel{ font-family: "Fugaz One"; font-size: 10px; line-height: 12px; list-style: none outside none; left: 3px; margin-top: -31px; position: absolute; text-align: center; width: 75px;} .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li:hover .spip_titre_rappel { } /*** Les currents 600x1024px ***/ .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li .nav_current_rub{ display: none;width: 120px; } .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li .nav_current_rub .spip_logos_rappel { width: 80px; height: 80px; padding-left: 18px; padding-top: 18px; padding-bottom: 10px;} .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li .nav_current_rub .spip_titre_rappel { position: absolute; width: 120px; margin-top: -14px; margin-left:-1px; text-align: center; font-size: 14px; line-height: 14px; list-style: none;} /*** FIN de 600x1024px *****/ } /***** MEDIA QUERY SOUS MON AILE 600x1050px *****/ @media screen and (min-width: 560px) and (max-width: 751px) and (min-height: 1050px) and (max-height: 1080px){ /**** SPIP CONTENT 600x1050px *****/ .contenu-mobil.spip-content{ display: none;} .contenu-desktop.spip-content{display: block; height: 693px; margin-left: 1px; margin-top: 50px; width: 437px; z-index:100;} /*** FIL d'ARIANE SPIP 600x1050px *****/ .spip-content .ariane{ display: none; z-index:100; margin-top: 0px; } .spip-content .ariane .arbo{ padding-left: 10px; padding-right: 10px; font-size: 11px; line-height: 11px; width: auto; height: 20px; margin-top: 0px; text-shadow: 0 0 1px #FFFFFF, 0 0 1px #FFFFFF, 0 0 2px #FFFFFF, 0 0 5px #FFFFFF;} /*** CONTNER CONTENU SPIP 600x1050px *****/ .spip-content .main { width: 518px; height: 603px; margin-left: 0px; margin-top: 0px; z-index: 50;} .spip-content .main .wrapper .content { width: 518px; height: 603px; margin-top: 0px;} /*** TITRES TITRE DE LA RUBRIQUE-1 600x1050px *****/ .titre-sma{ display: none; font-size: 20px; line-height: 2px; margin-top: 89px; padding-left: 138px; text-shadow: 0 0 1px #FFFFFF, 0 0 1px #FFFFFF, 0 0 2px #FFFFFF, 0 0 5px #FFFFFF, 0 0 10px #FFFFFF, 0 0 16px #FFFFFF; } .spip-content .main .wrapper .content .container2 { width: 1615px; margin-left:0px; margin-top: 0px;} /*** TITRES TITRE DE LA SOUS-RUBRIQUE-1 600x1050px *****/ h1.titre-sma-rub1, h1.titre-sma-ssrub{ width: 370px; font-size: 21px; line-height: 18x; margin-left: 66px; margin-top: -4px; text-shadow: 0 0 1px #FFFFFF, 0 0 1px #FFFFFF, 0 0 2px #FFFFFF, 0 0 5px #FFFFFF, 0 0 10px #FFFFFF, 0 0 13px #FFFFFF;} h1.titre-sma-rub1 .spip_logos , h1.titre-sma-ssrub .spip_logos { height: 60px; margin: -5px 0 0 -30px; width: 60px;} h1.titre-sma-rub1 .descriptif, h1.titre-sma-ssrub .descriptif{ font-size: 12px; line-height: 12px; margin-top: -7px; margin-left: 0px; width: 351px;} /*** TEXTE DE LA RUBRIQUE-1 600x1050px *****/ .spip-content .main .wrapper .content .texte-rub1{ border-radius: 12px 12px 0px 0px; font-size: 12px; height: 53px; left: 14px; line-height: 13px; margin-top: 50px; padding: 12px 4px 0 20px; width: 463px;} .spip-content .main #menu_rubriques2 { height: 350px; left: -29px; margin-top: 137px;} .spip-content .main #menu_rubriques2 li{ font-size: .8em; margin-left: -1px; margin-top: -15px; } /*** LES BLOCS 600x1050px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li { width: 504px; height: 75px; z-index: 1;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:hover{ width: 504px; height: 75px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child{ left: 37px; top: 583px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2){ left: 26px; top: 434px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3){ left: 26px; top: 285px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4){ left: 26px; top: 136px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child{ left: 37px; top: -13px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child {border-top-right-radius: 0px; border-bottom-right-radius: 0px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2), .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3), .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4){ margin-left: 10px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child{ border-top-left-radius: 0px; border-bottom-left-radius: 0px; } /*** LES CADRES-INNER 600x1050px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner{ width: 500px; height: 68px; padding-top: 7px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child:hover .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2):hover .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3):hover .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4):hover .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child:hover .cadre-inner{ width: 500px; height: 68px; padding-top: 7px; } .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner { border-top-right-radius: 15px; border-bottom-right-radius: 15px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner{} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner { border-top-left-radius: 0px; border-bottom-left-radius: 0px;} /*** LES CADRES-ITEM 600x1050px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item{ width: 488px; height: 148px; margin-left: 7px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item{ border-top-left-radius: 0px; border-bottom-left-radius: 12px; border-top-right-radius: 0px; border-bottom-right-radius: 12px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item{ border-top-left-radius: 0px; border-bottom-left-radius: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 0px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item{ border-top-left-radius: 0px; border-bottom-left-radius: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 0px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child:hover .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2):hover .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3):hover .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4):hover .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child:hover .cadre-inner .cadre-item{ box-shadow: 0 0 2px #FFFFFF, 0 0 5px #FFFFFF, 0 0 10px #ffffff, 0 0 18px #ffffff; } .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child:hover .cadre-inner .cadre-item{ border-top-left-radius: 0px; border-bottom-left-radius: 12px; border-top-right-radius: 0px; border-bottom-right-radius: 12px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2):hover .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3):hover .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4):hover .cadre-inner .cadre-item{ border-top-left-radius: 0px; border-bottom-left-radius: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 0px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child:hover .cadre-inner .cadre-item{ border-top-left-radius: 0px; border-bottom-left-radius: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 0px;} /*** LES CADRES-ITEM-FINAL 600x1050px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final{ width: 477px; height: 138px; margin-left: 4px; margin-top: 4px; } /*** CADRE ITEM FIX ***/ /*** Gradient Red ***/ /*** Gradient Orange ***/ /*** Gradient Yellow ***/ /*** Gradient Green ***/ /*** Gradient Blue ***/ /** COLOR INSIDE = DEGRADE GRIS 600x1050px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final .color-inside{ width: 469px; height: 130px; left: 16px; margin-top: 3px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final .color-inside{ border-top-left-radius: 4px; border-bottom-left-radius: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final .color-inside{ border-top-left-radius: 4px; border-bottom-left-radius: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final .color-inside{ border-top-left-radius: 4px; border-bottom-left-radius: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final{ border-top-left-radius: 7px; border-bottom-left-radius: 7px; border-top-right-radius: 7px; border-bottom-right-radius: 7px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final{ border-top-left-radius: 7px; border-bottom-left-radius: 7px; border-top-right-radius: 7px; border-bottom-right-radius: 7px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final{ border-top-left-radius: 7px; border-bottom-left-radius: 7px; border-top-right-radius: 7px; border-bottom-right-radius: 7px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child:hover .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2):hover .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3):hover .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4):hover .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child:hover .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child:hover .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2):hover .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3):hover .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4):hover .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child:hover .cadre-inner .cadre-item .cadre-item-final{ width: 477px; height: 138px; margin-left: 4px; margin-top: 4px; } /*** Les LOGOS 600x1050px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .spip_logos_rappel{ height: 140px; margin-left: -5px; margin-top: -8px; width: 140px; position: absolute;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child:hover .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2):hover .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3):hover .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4):hover .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child:hover .cadre-inner .spip_logos_rappel{ height: 140px; margin-left: -5px; margin-top: -8px; width: 140px;} /*** Les TITRES 600x1050px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li .spip_titre_rappel{ font-size: 23px; left: 130px; line-height: 49px; margin-left: 0; padding: 6px 0; text-align: left; text-shadow: 0 0 1px #FFFFFF, 0 0 1px #FFFFFF, 0 0 2px #FFFFFF, 0 0 5px #FFFFFF, 0 0 10px #FFFFFF, 0 0 16px #FFFFFF; top: 1px; width: 340px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:hover .spip_titre_rappel{ text-shadow: 0 0 1px #FFFFFF, 0 0 1px #FFFFFF, 0 0 2px #FFFFFF, 0 0 5px #FFFFFF, 0 0 10px #FFFFFF, 0 0 16px #FFFFFF;} /*** Les DESCRIPTIFS V1 avec titre sur 1 ligne 600x1050px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li .spip_descriptif_item-rappel{ display: block; width: 200px; margin-top: 0px; margin-left: 19px; font-size: 13px; line-height: 15px; padding: 10px 5px 1px 15px; border-radius: 10px;} /*** Les DESCRIPTIFS V2 avec titre sur 2 lignes 600x1050px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li .spip_descriptif_item-rappel2{ border-radius: 6px; display: block; font-size: 12px; line-height: 13px; margin-left: -1px; margin-top: -1px; padding: 51px 59px 2px 130px; width: 280px; height: 77px;} /*** POUR Les BTNS COULEURS(noir en fait) 600x1050px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final .color-inside .mon-btn-color, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final .color-inside .mon-btn-color, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final .color-inside .mon-btn-color, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final .color-inside .mon-btn-color, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final .color-inside .mon-btn-color{ border-radius: 5px; color: #FFFFFF; font-size: 12px; line-height: 0px; margin-left: 378px; margin-top: -31px; padding: 10px 2px 10px 6px; width: 15.5%; z-index: 1000;} /*** POUR Les BTNS NOIR 600x1050px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final-fix .color-inside .mon-btn, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside .mon-btn, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside .mon-btn, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside .mon-btn, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final-fix .color-inside .mon-btn{ left: 0px; width: 36%; font-size: 16px; line-height: 16px; padding-left: 10px; padding-right: 10px; padding-top: 10px; padding-bottom: 10px; border-radius: 10px; margin-left: 74px; margin-top: 18px; } /******************************************************************************* LES SOUS-RUBRIQUE DE CONTENU 600x1050px ************************************************************************************/ /*** CONTENU RUBRIQUES ITEMS 600x1050px *****/ .spip-content .main .wrapper .content .box-texte{ background-color: rgba(255, 255, 255, 0.25); border: 1px solid #FFFFFF; border-radius: 0 0 12px 12px; left: 14px; position: absolute; text-shadow: none; top: 130px; transition: all 0.35s ease-in-out 0s; width: 488px; height: 754px; z-index: 10;} .spip-content .main .wrapper .content .box-texte .inner-txt{ padding: 0px; border-radius: 10px 0px 0px 10px;} .spip-content .main .wrapper .content .box-texte .inner-txt .bg-texte{ width: 409px; height: 754px; padding: 0px; border-radius: 0 0 0 10px; background-color: rgba(255, 255, 255, 0.85); border: 0px solid #fff;} .spip-content .main .wrapper .content .box-texte .inner-txt .bg-texte .texte{ border-radius: 5px; color: #808080; float: left; font-family: Arial,Helvetica,sans-serif; font-size: 12px; line-height: 15px; margin-left: 0px; overflow: auto; padding: 40px 40px 0 0; text-align: left; width: 368px; height: 714px;} .spip_document_1, .spip_document_2, .spip_document_3, .spip_document_4, .spip_document_5, .spip_document_6, .spip_document_7, .spip_document_8, .spip_document_9, .spip_document_10, .spip_document_11, .spip_document_12, .spip_document_13, .spip_document_14, .spip_document_15, .spip_document_16, .spip_document_17, .spip_document_18, .spip_document_19, .spip_document_20, .spip_document_21, .spip_document_22, .spip_document_23, .spip_document_24, .spip_document_25, .spip_document_26, .spip_document_27, .spip_document_28, .spip_document_29, .spip_document_30, .spip_document_31, .spip_document_32, .spip_document_33, .spip_document_34, .spip_document_35, .spip_document_36, .spip_document_37, .spip_document_38, .spip_document_39, .spip_document_40, .spip_document_41, .spip_document_42, .spip_document_43, .spip_document_44, .spip_document_45, .spip_document_46, .spip_document_47, .spip_document_48, .spip_document_49, .spip_document_50, .spip_document_51, .spip_document_52, .spip_document_53, .spip_document_54, .spip_document_55, .spip_document_56, .spip_document_57, .spip_document_58, .spip_document_59, .spip_document_60, .spip_document_61, .spip_document_62, .spip_document_63, .spip_document_64, .spip_document_65, .spip_document_66, .spip_document_67, .spip_document_68, .spip_document_69, .spip_document_70, .spip_document_71, .spip_document_72{ width: 90px!important; height: 90px!important; margin-left: 0px; margin-top: 0px; background-color: #fbfbfb;} p { margin: 0 0 0px;} /*** TEXTE DE LA RUBRIQUE-B 600x1050px *****/ .spip-content .main .wrapper .content .texte-rub1{ background-color: rgba(241, 241, 241, 0.85); border: 1px solid #FFFFFF; border-radius: 8px 8px 0 0; color: #555555; float: left; font-family: Arial,Helvetica,sans-serif; font-size: 12px; height: 54px; left: 14px; line-height: 14px; padding: 13px 10px 0 18px; position: absolute; text-align: left; top: 22px; width: 460px; } .spip-content .main #menu_rubriques1 li{ font-size: .8em; margin-left: -1px; margin-top: -15px; } /*** DESCRIPTIF SSRUB 600x1050px *****/ .spip-content .main .wrapper .content .descriptif-ssrub{ background-color: rgba(241, 241, 241, 0.85); border: 1px solid #FFFFFF; border-radius: 8px 8px 0 0; color: #555555; float: left; font-family: Arial,Helvetica,sans-serif; font-size: 13px; height: 54px; left: 14px; line-height: 15px; padding: 8px 20px 0 30px; position: absolute; text-align: left; top: 67px; width: 438px;} /*** TAILLE DE L'IMAGE DANS LE CORPS DE TEXTE SPIP 600x1050px *****/ .spip_documents_left img{width: 90px; height: 90px; margin-left: 10px; margin-top: -8px; background-color: #fbfbfb;} /*** PARTICULARITE RUBRIQUE FORMULAIRE 600x1050px *****/ .spip-content .main .wrapper .content .box-texte .inner-txt-formulaire{ padding: 7px 7px 7px 7px; border-radius: 10px 0px 0px 10px; font-family: Arial,Helvetica,sans-serif; text-align: left;} .spip-content .main .wrapper .content .box-texte .inner-txt-formulaire .bg-texte-formulaire{ border-radius: 7px 7px 7px 7px; background-color: rgba(255, 255, 255, 0.85); border: 1px solid #fff; float: left; padding: 0px; text-align: left; float: left; overflow: none; border-radius: 5px; color: #808080; font-family: Arial,Helvetica,sans-serif; text-align: left; font-size: 18px; line-height: 20px; width: 472px; height: 738px;} /*** PARTICULARITE RUBRIQUE SIMPLE 600x1050px *****/ .spip-content .main .wrapper .content .box-texte .inner-txt-simple{ padding: 7px 7px 7px 7px; border-radius: 10px 0px 0px 10px; font-family: Arial,Helvetica,sans-serif; text-align: left;} .spip-content .main .wrapper .content .box-texte .inner-txt-simple .bg-texte-simple{ background-color: rgba(255, 255, 255, 0.85); border: 1px solid #FFFFFF; border-radius: 7px; color: #808080; float: left; font-family: Arial,Helvetica,sans-serif; font-size: 11px; height: 718px; line-height: 13px; overflow: auto; padding: 20px 30px 0; text-align: left; width: 413px; } /*** POUR LE PETIT MENU des SOUS RUBRIQUES en haut à droite 600x1050px *****/ .spip-content .main #menu_rubriques1 { position: absolute; text-align: left; width: 59px; height: 754px; z-index: 1000; top: 130px; padding-right: 20px; left: 423px; background-color: rgba(241, 241, 241, 0.7); border-top-left-radius: 0px; border-bottom-left-radius: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 12px; border: 1px solid #fff; } .spip-content .main #menu_rubriques1 li{ font-size: .8em; margin-left: -1px; list-style: none; margin-top: 0px; } .spip-content .main #menu_rubriques1 li ul li{ font-size: 1em; margin-left: 0em;} .spip-content .main #menu_rubriques1 { list-style-type:none; } .spip-content .main #menu_rubriques1 li { list-style-type: none; } .spip-content .main #menu_rubriques1 li li { list-style-type: none; } .spip-content .main #menu_rubriques1 li li li { list-style-type: none; } .spip-content .main #menu_rubriques1 hr {margin : 0.7em 0;} .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li { width: 114px; } .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li:hover { width: 114px; } .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li .spip_logos_rappel { height: 80px; width: 80px; margin-bottom: 24px; margin-top: -1px; margin-left: 1px;} .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li:hover .spip_logos_rappel {} .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li .spip_titre_rappel{ font-family: "Fugaz One"; font-size: 10px; line-height: 12px; list-style: none outside none; left: 3px; margin-top: -31px; position: absolute; text-align: center; width: 75px;} .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li:hover .spip_titre_rappel { } /*** Les currents 600x1050px ***/ .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li .nav_current_rub{ display: none;width: 120px; } .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li .nav_current_rub .spip_logos_rappel { width: 80px; height: 80px; padding-left: 18px; padding-top: 18px; padding-bottom: 10px;} .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li .nav_current_rub .spip_titre_rappel { position: absolute; width: 120px; margin-top: -14px; margin-left:-1px; text-align: center; font-size: 14px; line-height: 14px; list-style: none;} /*** FIN de 600x1050px *****/ } /***** MEDIA QUERY SOUS MON AILE 600x1200px *****/ @media screen and (min-width: 560px) and (max-width: 751px) and (min-height: 1080px) and (max-height: 1549px){ /**** SPIP CONTENT 600x1200px *****/ .contenu-mobil.spip-content{ display: none;} .contenu-desktop.spip-content{display: block; height: 693px; margin-left: 1px; margin-top: 50px; width: 437px; z-index:100;} /*** FIL d'ARIANE SPIP 600x1200px *****/ .spip-content .ariane{ display: none; z-index:100; margin-top: 0px; } .spip-content .ariane .arbo{ padding-left: 10px; padding-right: 10px; font-size: 11px; line-height: 11px; width: auto; height: 20px; margin-top: 0px; text-shadow: 0 0 1px #FFFFFF, 0 0 1px #FFFFFF, 0 0 2px #FFFFFF, 0 0 5px #FFFFFF;} /*** CONTNER CONTENU SPIP 600x1200px *****/ .spip-content .main { width: 518px; height: 603px; margin-left: 0px; margin-top: 0px; z-index: 50;} .spip-content .main .wrapper .content { width: 518px; height: 603px; margin-top: 0px;} /*** TITRES TITRE DE LA RUBRIQUE-1 600x1200px *****/ .titre-sma{ display: none; font-size: 20px; line-height: 2px; margin-top: 89px; padding-left: 138px; text-shadow: 0 0 1px #FFFFFF, 0 0 1px #FFFFFF, 0 0 2px #FFFFFF, 0 0 5px #FFFFFF, 0 0 10px #FFFFFF, 0 0 16px #FFFFFF; } .spip-content .main .wrapper .content .container2 { width: 1615px; margin-left:0px; margin-top: 0px;} /*** TITRES TITRE DE LA SOUS-RUBRIQUE-1 600x1200px *****/ h1.titre-sma-rub1, h1.titre-sma-ssrub{ width: 370px; font-size: 21px; line-height: 18x; margin-left: 66px; margin-top: -4px; text-shadow: 0 0 1px #FFFFFF, 0 0 1px #FFFFFF, 0 0 2px #FFFFFF, 0 0 5px #FFFFFF, 0 0 10px #FFFFFF, 0 0 13px #FFFFFF;} h1.titre-sma-rub1 .spip_logos , h1.titre-sma-ssrub .spip_logos { height: 60px; margin: -5px 0 0 -30px; width: 60px;} h1.titre-sma-rub1 .descriptif, h1.titre-sma-ssrub .descriptif{ font-size: 12px; line-height: 12px; margin-top: -7px; margin-left: 0px; width: 351px;} /*** TEXTE DE LA RUBRIQUE-1 600x1200px *****/ .spip-content .main .wrapper .content .texte-rub1{ border-radius: 12px 12px 0px 0px; font-size: 12px; height: 53px; left: 14px; line-height: 13px; margin-top: 50px; padding: 12px 4px 0 20px; width: 464px;} .spip-content .main #menu_rubriques2 { height: 350px; left: -29px; margin-top: 137px;} .spip-content .main #menu_rubriques2 li{ font-size: .8em; margin-left: -1px; margin-top: -15px; } /*** LES BLOCS 600x1200px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li { width: 504px; height: 75px; z-index: 1;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:hover{ width: 504px; height: 75px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child{ left: 37px; top: 611px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2){ left: 26px; top: 455px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3){ left: 26px; top: 299px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4){ left: 26px; top: 143px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child{ left: 37px; top: -13px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child {border-top-right-radius: 0px; border-bottom-right-radius: 0px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2), .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3), .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4){ margin-left: 10px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child{ border-top-left-radius: 0px; border-bottom-left-radius: 0px; } /*** LES CADRES-INNER 600x1200px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner{ width: 500px; height: 68px; padding-top: 7px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child:hover .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2):hover .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3):hover .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4):hover .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child:hover .cadre-inner{ width: 500px; height: 68px; padding-top: 7px; } .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner { border-top-right-radius: 15px; border-bottom-right-radius: 15px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner{} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner { border-top-left-radius: 0px; border-bottom-left-radius: 0px;} /*** LES CADRES-ITEM 600x1200px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item{ width: 488px; height: 155px; margin-left: 7px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item{ border-top-left-radius: 0px; border-bottom-left-radius: 12px; border-top-right-radius: 0px; border-bottom-right-radius: 12px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item{ border-top-left-radius: 0px; border-bottom-left-radius: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 0px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item{ border-top-left-radius: 0px; border-bottom-left-radius: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 0px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child:hover .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2):hover .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3):hover .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4):hover .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child:hover .cadre-inner .cadre-item{ box-shadow: 0 0 2px #FFFFFF, 0 0 5px #FFFFFF, 0 0 10px #ffffff, 0 0 18px #ffffff; } .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child:hover .cadre-inner .cadre-item{ border-top-left-radius: 0px; border-bottom-left-radius: 12px; border-top-right-radius: 0px; border-bottom-right-radius: 12px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2):hover .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3):hover .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4):hover .cadre-inner .cadre-item{ border-top-left-radius: 0px; border-bottom-left-radius: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 0px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child:hover .cadre-inner .cadre-item{ border-top-left-radius: 0px; border-bottom-left-radius: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 0px;} /*** LES CADRES-ITEM-FINAL 600x1200px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final{ width: 478px; height: 145px; margin-left: 4px; margin-top: 4px; } /*** CADRE ITEM FIX ***/ /*** Gradient Red ***/ /*** Gradient Orange ***/ /*** Gradient Yellow ***/ /*** Gradient Green ***/ /*** Gradient Blue ***/ /** COLOR INSIDE = DEGRADE GRIS 600x1200px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final .color-inside{ width: 470px; height: 137px; left: 16px; margin-top: 3px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final .color-inside{ border-top-left-radius: 4px; border-bottom-left-radius: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final .color-inside{ border-top-left-radius: 4px; border-bottom-left-radius: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final .color-inside{ border-top-left-radius: 4px; border-bottom-left-radius: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final{ border-top-left-radius: 7px; border-bottom-left-radius: 7px; border-top-right-radius: 7px; border-bottom-right-radius: 7px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final{ border-top-left-radius: 7px; border-bottom-left-radius: 7px; border-top-right-radius: 7px; border-bottom-right-radius: 7px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final{ border-top-left-radius: 7px; border-bottom-left-radius: 7px; border-top-right-radius: 7px; border-bottom-right-radius: 7px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child:hover .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2):hover .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3):hover .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4):hover .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child:hover .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child:hover .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2):hover .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3):hover .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4):hover .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child:hover .cadre-inner .cadre-item .cadre-item-final{ width: 478px; height: 145px; margin-left: 4px; margin-top: 4px; } /*** Les LOGOS 600x1200px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .spip_logos_rappel{ height: 140px; margin-left: -8px; margin-top: -7px; width: 140px; position: absolute;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child:hover .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2):hover .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3):hover .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4):hover .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child:hover .cadre-inner .spip_logos_rappel{ height: 140px; margin-left: -8px; margin-top: -7px; width: 140px;} /*** Les TITRES 600x1200px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li .spip_titre_rappel{ font-size: 24px; left: 120px; line-height: 58px; margin-left: 0; padding: 6px 0; text-align: left; text-shadow: 0 0 1px #FFFFFF, 0 0 1px #FFFFFF, 0 0 2px #FFFFFF, 0 0 5px #FFFFFF, 0 0 10px #FFFFFF, 0 0 16px #FFFFFF; top: 1px; width: 340px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:hover .spip_titre_rappel{ text-shadow: 0 0 1px #FFFFFF, 0 0 1px #FFFFFF, 0 0 2px #FFFFFF, 0 0 5px #FFFFFF, 0 0 10px #FFFFFF, 0 0 16px #FFFFFF;} /*** Les DESCRIPTIFS V1 avec titre sur 1 ligne 600x1200px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li .spip_descriptif_item-rappel{ display: block; width: 200px; margin-top: 0px; margin-left: 19px; font-size: 13px; line-height: 15px; padding: 10px 5px 1px 15px; border-radius: 10px;} /*** Les DESCRIPTIFS V2 avec titre sur 2 lignes 600x1200px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li .spip_descriptif_item-rappel2{ border-radius: 6px; display: block; font-size: 12px; line-height: 13px; margin-left: -1px; margin-top: -1px; padding: 60px 79px 0 120px; width: 270px; height: 77px;} /*** POUR Les BTNS COULEURS(noir en fait) 600x1200px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final .color-inside .mon-btn-color, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final .color-inside .mon-btn-color, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final .color-inside .mon-btn-color, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final .color-inside .mon-btn-color, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final .color-inside .mon-btn-color{ border-radius: 5px; color: #FFFFFF; font-size: 12px; line-height: 0px; margin-left: 378px; margin-top: -31px; padding: 10px 2px 10px 6px; width: 15.5%; z-index: 1000;} /*** POUR Les BTNS NOIR 600x1200px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final-fix .color-inside .mon-btn, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside .mon-btn, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside .mon-btn, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside .mon-btn, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final-fix .color-inside .mon-btn{ left: 0px; width: 36%; font-size: 16px; line-height: 16px; padding-left: 10px; padding-right: 10px; padding-top: 10px; padding-bottom: 10px; border-radius: 10px; margin-left: 74px; margin-top: 18px; } /******************************************************************************* LES SOUS-RUBRIQUE DE CONTENU 600x1200px ************************************************************************************/ /*** CONTENU RUBRIQUES ITEMS 600x1200px *****/ .spip-content .main .wrapper .content .box-texte{ background-color: rgba(255, 255, 255, 0.25); border: 1px solid #FFFFFF; border-radius: 0 0 12px 12px; left: 14px; position: absolute; text-shadow: none; top: 130px; transition: all 0.35s ease-in-out 0s; width: 488px; height: 789px; z-index: 10;} .spip-content .main .wrapper .content .box-texte .inner-txt{ padding: 0px; border-radius: 10px 0px 0px 10px;} .spip-content .main .wrapper .content .box-texte .inner-txt .bg-texte{ width: 409px; height: 789px; padding: 0px; border-radius: 0 0 0 12px; background-color: rgba(255, 255, 255, 0.85); border: 0px solid #fff;} .spip-content .main .wrapper .content .box-texte .inner-txt .bg-texte .texte{ border-radius: 5px; color: #808080; float: left; font-family: Arial,Helvetica,sans-serif; font-size: 12px; line-height: 15px; margin-left: 0px; overflow: auto; padding: 40px 20px 0 0; text-align: left; width: 398px; height: 759px;} .spip_document_1, .spip_document_2, .spip_document_3, .spip_document_4, .spip_document_5, .spip_document_6, .spip_document_7, .spip_document_8, .spip_document_9, .spip_document_10, .spip_document_11, .spip_document_12, .spip_document_13, .spip_document_14, .spip_document_15, .spip_document_16, .spip_document_17, .spip_document_18, .spip_document_19, .spip_document_20, .spip_document_21, .spip_document_22, .spip_document_23, .spip_document_24, .spip_document_25, .spip_document_26, .spip_document_27, .spip_document_28, .spip_document_29, .spip_document_30, .spip_document_31, .spip_document_32, .spip_document_33, .spip_document_34, .spip_document_35, .spip_document_36, .spip_document_37, .spip_document_38, .spip_document_39, .spip_document_40, .spip_document_41, .spip_document_42, .spip_document_43, .spip_document_44, .spip_document_45, .spip_document_46, .spip_document_47, .spip_document_48, .spip_document_49, .spip_document_50, .spip_document_51, .spip_document_52, .spip_document_53, .spip_document_54, .spip_document_55, .spip_document_56, .spip_document_57, .spip_document_58, .spip_document_59, .spip_document_60, .spip_document_61, .spip_document_62, .spip_document_63, .spip_document_64, .spip_document_65, .spip_document_66, .spip_document_67, .spip_document_68, .spip_document_69, .spip_document_70, .spip_document_71, .spip_document_72{ width: 90px!important; height: 90px!important; margin-left: 10px; margin-top: 0px; background-color: #fbfbfb;} p { margin: 0 0 0px;} /*** TEXTE DE LA RUBRIQUE-B 600x1200px *****/ .spip-content .main .wrapper .content .texte-rub1{ background-color: rgba(241, 241, 241, 0.85); border: 1px solid #FFFFFF; border-radius: 8px 8px 0 0; color: #555555; float: left; font-family: Arial,Helvetica,sans-serif; font-size: 12px; height: 54px; left: 14px; line-height: 14px; padding: 13px 10px 0 18px; position: absolute; text-align: left; top: 22px; width: 460px; } .spip-content .main #menu_rubriques1 { width: 1600px; height: 350px; left: 70px; margin-top: 240px;} .spip-content .main #menu_rubriques1 li{ font-size: .8em; margin-left: -1px; margin-top: -15px; } /*** DESCRIPTIF SSRUB 600x1200px *****/ .spip-content .main .wrapper .content .descriptif-ssrub{ background-color: rgba(241, 241, 241, 0.85); border: 1px solid #FFFFFF; border-radius: 8px 8px 0 0; color: #555555; float: left; font-family: Arial,Helvetica,sans-serif; font-size: 13px; height: 54px; left: 14px; line-height: 15px; padding: 8px 20px 0 30px; position: absolute; text-align: left; top: 67px; width: 438px;} /*** TAILLE DE L'IMAGE DANS LE CORPS DE TEXTE SPIP 600x1200px *****/ .spip_documents_left img{width: 90px; height: 90px; margin-left: 10px; margin-top: -8px; background-color: #fbfbfb;} /*** PARTICULARITE RUBRIQUE FORMULAIRE 600x1200px *****/ .spip-content .main .wrapper .content .box-texte .inner-txt-formulaire{ padding: 7px 7px 7px 7px; border-radius: 10px 0px 0px 10px; font-family: Arial,Helvetica,sans-serif; text-align: left;} .spip-content .main .wrapper .content .box-texte .inner-txt-formulaire .bg-texte-formulaire{ border-radius: 7px 7px 7px 7px; background-color: rgba(255, 255, 255, 0.85); border: 1px solid #fff; float: left; padding: 0px; text-align: left; float: left; overflow: none; border-radius: 5px; color: #808080; font-family: Arial,Helvetica,sans-serif; text-align: left; font-size: 18px; line-height: 20px; width: 472px; height: 773px;} /*** PARTICULARITE RUBRIQUE SIMPLE 600x1200px *****/ .spip-content .main .wrapper .content .box-texte .inner-txt-simple{ padding: 7px 7px 7px 7px; border-radius: 10px 0px 0px 10px; font-family: Arial,Helvetica,sans-serif; text-align: left;} .spip-content .main .wrapper .content .box-texte .inner-txt-simple .bg-texte-simple{ background-color: rgba(255, 255, 255, 0.85); border: 1px solid #FFFFFF; border-radius: 7px; color: #808080; float: left; font-family: Arial,Helvetica,sans-serif; font-size: 11px; height: 753px; line-height: 13px; overflow: auto; padding: 20px 30px 0; text-align: left; width: 413px; } /*** POUR LE PETIT MENU des SOUS RUBRIQUES en haut à droite 600x1200px *****/ .spip-content .main #menu_rubriques1 { position: absolute; text-align: left; width: 59px; height: 789px; z-index: 1000; top: -110px; padding-right: 20px; left: 423px; background-color: rgba(241, 241, 241, 0.7); border-top-left-radius: 0px; border-bottom-left-radius: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 12px; border: 1px solid #fff; } .spip-content .main #menu_rubriques1 li{ font-size: .8em; margin-left: -1px; list-style: none; margin-top: 0px; } .spip-content .main #menu_rubriques1 li ul li{ font-size: 1em; margin-left: 0em;} .spip-content .main #menu_rubriques1 { list-style-type:none; } .spip-content .main #menu_rubriques1 li { list-style-type: none; } .spip-content .main #menu_rubriques1 li li { list-style-type: none; } .spip-content .main #menu_rubriques1 li li li { list-style-type: none; } .spip-content .main #menu_rubriques1 hr {margin : 0.7em 0;} .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li { width: 114px; } .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li:hover { width: 114px; } .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li .spip_logos_rappel { height: 80px; width: 80px; margin-bottom: 24px; margin-top: -1px; margin-left: 1px;} .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li:hover .spip_logos_rappel {} .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li .spip_titre_rappel{ font-family: "Fugaz One"; font-size: 10px; line-height: 12px; list-style: none outside none; left: 3px; margin-top: -31px; position: absolute; text-align: center; width: 75px;} .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li:hover .spip_titre_rappel { } /*** Les currents 600x1200px ***/ .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li .nav_current_rub{ display: none;width: 120px; } .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li .nav_current_rub .spip_logos_rappel { width: 80px; height: 80px; padding-left: 18px; padding-top: 18px; padding-bottom: 10px;} .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li .nav_current_rub .spip_titre_rappel { position: absolute; width: 120px; margin-top: -14px; margin-left:-1px; text-align: center; font-size: 14px; line-height: 14px; list-style: none;} /*** FIN de 600x1200px *****/ } /*********************************************************************************************************************** ************************************** MEDIA QUERY SOUS MON AILE 768px de largeur *********************************** ************************************************************************************************************************/ /***** MEDIA QUERY SOUS MON AILE 768x600px *****/ @media screen and (min-width: 752px) and (max-width: 790px) and (min-height: 10px) and (max-height: 749px){ /**** SPIP CONTENT 768x600px *****/ .contenu-mobil.spip-content{ display: none;} .contenu-desktop.spip-content{ display: block; width: 701px; height: 454px; margin-top: 0px;} /*** FIL d'ARIANE SPIP 768x600px *****/ .spip-content .ariane{ width: 718px; z-index:100; top: 4px;} .spip-content .ariane .arbo{ padding-left: 10px; padding-right: 10px; font-size: 12px; line-height: 23px; width: auto; height: 20px; margin-top: 0px; text-shadow: 0 0 1px #FFFFFF, 0 0 1px #FFFFFF, 0 0 2px #FFFFFF, 0 0 5px #FFFFFF;} /*** CONTNER CONTENU SPIP 768x600px *****/ .spip-content .main { width: 702px; height:400px; margin-left: 0px; top: 74px;} .spip-content .main .wrapper .content { height: 400px; width: 702px; } /*** TITRES TITRE DE LA RUBRIQUE-1 768x600px *****/ .titre-sma{ display: none; font-size: 20px; line-height: 2px; margin-top: 89px; padding-left: 138px; text-shadow: 0 0 1px #FFFFFF, 0 0 1px #FFFFFF, 0 0 2px #FFFFFF, 0 0 5px #FFFFFF, 0 0 10px #FFFFFF, 0 0 16px #FFFFFF; } .spip-content .main .wrapper .content .container2 { width: 1615px; margin-left:0px; margin-top: 0px;} /*** TITRES TITRE DE LA SOUS-RUBRIQUE-1 768x600px *****/ h1.titre-sma-rub1, h1.titre-sma-ssrub{ font-size: 24px; line-height: 91px; margin-left: 85px; margin-top: -25px; text-shadow: 0 0 1px #FFFFFF, 0 0 1px #FFFFFF, 0 0 2px #FFFFFF, 0 0 5px #FFFFFF, 0 0 10px #FFFFFF, 0 0 13px #FFFFFF;} h1.titre-sma-rub1 .spip_logos , h1.titre-sma-ssrub .spip_logos { height: 60px; margin: 7px 0 0 -30px; width: 60px;} h1.titre-sma-rub1 .descriptif, h1.titre-sma-ssrub .descriptif{ font-size: 12px; line-height: 2px; top: 64px; margin-left: 0px; width: 510px;} /*** TEXTE DE LA RUBRIQUE-1 768x600px *****/ .spip-content .main .wrapper .content .texte-rub1{ border-radius: 8px; font-size: 12px; left: 66px; line-height: 14px; margin-top: 65px; padding: 8px 0 0 21px; width: 562px;} .spip-content .main #menu_rubriques2 { height: 350px; left: 13px; margin-top: 150px;} .spip-content .main #menu_rubriques2 li{ font-size: .8em; margin-left: -1px; margin-top: -15px; } /*** LES BLOCS 768x600px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li { width: 159px; height: 252px; z-index: 1;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:hover{ width: 159px; height: 252px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child{ left: 541px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2){ left: 404px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3){ left: 278px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4){ left: 152px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child{ left: 37px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child {border-top-right-radius: 0px; border-bottom-right-radius: 0px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2), .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3), .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4){ margin-left: 10px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child{ border-top-left-radius: 0px; border-bottom-left-radius: 0px; } /*** LES CADRES-INNER 768x600px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner{ width: 133px; height: 249px; padding-top: 7px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child:hover .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2):hover .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3):hover .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4):hover .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child:hover .cadre-inner{ width: 133px; height: 249px; padding-top: 7px; } .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner { border-top-right-radius: 15px; border-bottom-right-radius: 15px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner{} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner { border-top-left-radius: 0px; border-bottom-left-radius: 0px;} /*** LES CADRES-ITEM 768x600px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item{ width: 125px; height: 244px; margin-left: 7px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item{ border-top-left-radius: 0px; border-bottom-left-radius: 0px; border-top-right-radius: 12px; border-bottom-right-radius: 12px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item{ border-top-left-radius: 0px; border-bottom-left-radius: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 0px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item{ border-top-left-radius: 12px; border-bottom-left-radius: 12px; border-top-right-radius: 0px; border-bottom-right-radius: 0px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child:hover .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2):hover .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3):hover .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4):hover .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child:hover .cadre-inner .cadre-item{ box-shadow: 0 0 2px #FFFFFF, 0 0 5px #FFFFFF, 0 0 10px #ffffff, 0 0 18px #ffffff; } .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child:hover .cadre-inner .cadre-item{ border-top-left-radius: 0px; border-bottom-left-radius: 0px; border-top-right-radius: 12px; border-bottom-right-radius: 12px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2):hover .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3):hover .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4):hover .cadre-inner .cadre-item{ border-top-left-radius: 0px; border-bottom-left-radius: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 0px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child:hover .cadre-inner .cadre-item{ border-top-left-radius: 12px; border-bottom-left-radius: 12px; border-top-right-radius: 0px; border-bottom-right-radius: 0px;} /*** LES CADRES-ITEM-FINAL 768x600px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final{ width: 109px; height: 228px; margin-left: 7px; margin-top: 7px; } /*** CADRE ITEM FIX ***/ /*** Gradient Red ***/ /*** Gradient Orange ***/ /*** Gradient Yellow ***/ /*** Gradient Green ***/ /*** Gradient Blue ***/ /** COLOR INSIDE = DEGRADE GRIS 768x600px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final .color-inside{ width: 101px; height: 220px; left: 19px; margin-top: 3px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final .color-inside{ border-top-left-radius: 4px; border-bottom-left-radius: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final .color-inside{ border-top-left-radius: 4px; border-bottom-left-radius: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final .color-inside{ border-top-left-radius: 4px; border-bottom-left-radius: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final{ border-top-left-radius: 7px; border-bottom-left-radius: 7px; border-top-right-radius: 7px; border-bottom-right-radius: 7px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final{ border-top-left-radius: 7px; border-bottom-left-radius: 7px; border-top-right-radius: 7px; border-bottom-right-radius: 7px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final{ border-top-left-radius: 7px; border-bottom-left-radius: 7px; border-top-right-radius: 7px; border-bottom-right-radius: 7px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child:hover .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2):hover .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3):hover .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4):hover .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child:hover .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child:hover .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2):hover .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3):hover .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4):hover .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child:hover .cadre-inner .cadre-item .cadre-item-final{ width: 109px; height: 228px; margin-left: 7px; margin-top: 7px;} /*** Les LOGOS 768x600px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .spip_logos_rappel{ height: 110px; margin-left: -4px; margin-top: 0px; width: 110px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child:hover .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2):hover .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3):hover .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4):hover .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child:hover .cadre-inner .spip_logos_rappel{ height: 110px; margin-left: -4px; margin-top: 0px; width: 110px;} /*** Les TITRES 768x600px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li .spip_titre_rappel{ font-size: 12px; line-height: 14px; margin-left: 0; padding: 10px; text-align: center; text-shadow: 0 0 1px #FFFFFF, 0 0 1px #FFFFFF, 0 0 2px #FFFFFF, 0 0 5px #FFFFFF, 0 0 10px #FFFFFF, 0 0 16px #FFFFFF; top: 105px; width: 80px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:hover .spip_titre_rappel{ text-shadow: 0 0 1px #FFFFFF, 0 0 1px #FFFFFF, 0 0 2px #FFFFFF, 0 0 5px #FFFFFF, 0 0 10px #FFFFFF, 0 0 16px #FFFFFF;} /*** Les DESCRIPTIFS V1 avec titre sur 1 ligne 768x600px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li .spip_descriptif_item-rappel{ display: block; width: 200px; margin-top: 0px; margin-left: 19px; font-size: 13px; line-height: 15px; padding: 10px 5px 1px 15px; border-radius: 10px;} /*** Les DESCRIPTIFS V2 avec titre sur 2 lignes 768x600px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li .spip_descriptif_item-rappel2{ display: none; border-radius: 0; font-size: 10px; line-height: 12px; margin-left: -1px; margin-top: 0; padding: 10px 4px 1px 5px; width: 159px;} /*** POUR Les BTNS COULEURS(noir en fait) 768x600px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final .color-inside .mon-btn-color, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final .color-inside .mon-btn-color, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final .color-inside .mon-btn-color, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final .color-inside .mon-btn-color, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final .color-inside .mon-btn-color{ border-radius: 5px; color: #FFFFFF; font-size: 10px; line-height: 2px; margin-left: 10px; margin-top: 50px; padding: 10px; width: 57.5%; z-index: 1000;} /*** POUR Les BTNS NOIR 768x600px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final-fix .color-inside .mon-btn, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside .mon-btn, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside .mon-btn, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside .mon-btn, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final-fix .color-inside .mon-btn{ left: 0px; width: 36%; font-size: 16px; line-height: 16px; padding-left: 10px; padding-right: 10px; padding-top: 10px; padding-bottom: 10px; border-radius: 10px; margin-left: 74px; margin-top: 18px; } /******************************************************************************* LES SOUS-RUBRIQUE DE CONTENU 768x600px ************************************************************************************/ /*** TEXTE DE LA RUBRIQUE-B 768x600px *****/ .spip-content .main .wrapper .content .texte-rub1{ background-color: rgba(241, 241, 241, 0.85); border: 1px solid #FFFFFF; border-radius: 8px; color: #555555; float: left; font-family: Arial,Helvetica,sans-serif; font-size: 12px; height: 48px; left: 84px; line-height: 13px; padding: 8px 20px 0 17px; position: absolute; text-align: left; top: 25px; width: 546px; } .spip-content .main #menu_rubriques1 { width: 1600px; height: 350px; left: 70px; margin-top: 240px;} .spip-content .main #menu_rubriques1 li{ font-size: .8em; margin-left: -1px; margin-top: -15px; } /*** TEXTE DES SSRUBRIQUES BLUE, GREEN, YELLOW, ORANGE, RED 768x600px *****/ .spip-content .main .wrapper .content .box-texte{ position: absolute; top: 123px; left: 34px; width: 673px; height: 300px; z-index: 10; text-shadow: none; border-radius: 0px 0px 12px 12px; background-color: rgba(255, 255, 255, 0.25); border: 1px solid #FFFFFF;} .spip-content .main .wrapper .content .box-texte .inner-txt{ padding: 7px 7px 7px 7px; border-radius: 10px 0px 0px 10px;} .spip-content .main .wrapper .content .box-texte .inner-txt .bg-texte{ width: 557px; height: 274px; padding: 0px 10px 10px 10px ; border-radius: 7px 0px 0px 7px; background-color: rgba(255, 255, 255, 0.85); border: 1px solid #fff;} .spip-content .main .wrapper .content .box-texte .inner-txt .bg-texte .texte{ border-radius: 5px; color: #808080; float: left; font-family: Arial,Helvetica,sans-serif; font-size: 11px; line-height: 12px; height: 244px; overflow: auto; padding: 20px ; text-align: left; width: 527px;} .spip_document_1, .spip_document_2, .spip_document_3, .spip_document_4, .spip_document_5, .spip_document_6, .spip_document_7, .spip_document_8, .spip_document_9, .spip_document_10, .spip_document_11, .spip_document_12, .spip_document_13, .spip_document_14, .spip_document_15, .spip_document_16, .spip_document_17, .spip_document_18, .spip_document_19, .spip_document_20, .spip_document_21, .spip_document_22, .spip_document_23, .spip_document_24, .spip_document_25, .spip_document_26, .spip_document_27, .spip_document_28, .spip_document_29, .spip_document_30, .spip_document_31, .spip_document_32, .spip_document_33, .spip_document_34, .spip_document_35, .spip_document_36, .spip_document_37, .spip_document_38, .spip_document_39, .spip_document_40, .spip_document_41, .spip_document_42, .spip_document_43, .spip_document_44, .spip_document_45, .spip_document_46, .spip_document_47, .spip_document_48, .spip_document_49, .spip_document_50, .spip_document_51, .spip_document_52, .spip_document_53, .spip_document_54, .spip_document_55, .spip_document_56, .spip_document_57, .spip_document_58, .spip_document_59, .spip_document_60, .spip_document_61, .spip_document_62, .spip_document_63, .spip_document_64, .spip_document_65, .spip_document_66, .spip_document_67, .spip_document_68, .spip_document_69, .spip_document_70, .spip_document_71, .spip_document_72{ width: 40px!important; height: 40px!important; margin-left: 0px; margin-top: 0px; background-color: #fbfbfb;} p { margin: 0 0 0px;} /*** TEXTE DE LA RUBRIQUE-B 768x600px *****/ .spip-content .main .wrapper .content .texte-rub1{ background-color: rgba(241, 241, 241, 0.85); border: 1px solid #FFFFFF; border-radius: 8px; color: #555555; float: left; font-family: Arial,Helvetica,sans-serif; font-size: 12px; left: 74px; line-height: 14px; padding: 9px 30px 0; position: absolute; text-align: left; top: 22px; width: 535px; height: 51px;} .spip-content .main #menu_rubriques1 { width: 1600px; height: 350px; left: 70px; margin-top: 240px;} .spip-content .main #menu_rubriques1 li{ font-size: .8em; margin-left: -1px; margin-top: -15px; } /*** DESCRIPTIF SSRUB 768x600px *****/ .spip-content .main .wrapper .content .descriptif-ssrub{ background-color: rgba(241, 241, 241, 0.85); border: 1px solid #FFFFFF; border-radius: 8px 8px 0 0; color: #555555; float: left; font-family: Arial,Helvetica,sans-serif; font-size: 13px; height: 38px; left: 34px;line-height: 15px; padding: 9px 20px 0 30px; position: absolute; text-align: left; top: 75px; width: 623px;} /*** TAILLE DE L'IMAGE DANS LE CORPS DE TEXTE SPIP 768x600px *****/ .spip_documents_left img{width: 40px; height: 40px; margin-left: 7px; margin-top: -3px; background-color: #fbfbfb;} /*** PARTICULARITE RUBRIQUE FORMULAIRE 768x600px *****/ .spip-content .main .wrapper .content .box-texte .inner-txt-formulaire{ padding: 7px 7px 7px 7px; border-radius: 10px 0px 0px 10px; font-family: Arial,Helvetica,sans-serif; text-align: left;} .spip-content .main .wrapper .content .box-texte .inner-txt-formulaire .bg-texte-formulaire{ border-radius: 7px 7px 7px 7px; background-color: rgba(255, 255, 255, 0.85); border: 1px solid #fff; float: left; overflow: auto; padding: 2px 160px 20px 80px; text-align: left; float: left; overflow: auto; border-radius: 5px; color: #808080; font-family: Arial,Helvetica,sans-serif; text-align: left; font-size: 18px; line-height: 20px; width: 417px; height: 262px;} /*** PARTICULARITE RUBRIQUE SIMPLE 768x600px *****/ .spip-content .main .wrapper .content .box-texte .inner-txt-simple{ padding: 7px 7px 7px 7px; border-radius: 10px 0px 0px 10px; font-family: Arial,Helvetica,sans-serif; text-align: left;} .spip-content .main .wrapper .content .box-texte .inner-txt-simple .bg-texte-simple{ background-color: rgba(255, 255, 255, 0.85); border: 1px solid #FFFFFF; border-radius: 5px; color: #808080; float: left; font-family: Arial,Helvetica,sans-serif; font-size: 13px; height: 245px; line-height: 15px; overflow: auto; padding: 40px 40px 0; text-align: left; width: 578px; } /*** POUR LE PETIT MENU des SOUS RUBRIQUES en haut à droite 768x600px *****/ .spip-content .main #menu_rubriques1 { position: absolute; text-align: left; width: 59px; height: 300px; z-index: 1000; top: -117px; padding-right: 20px; left: 628px; background-color: rgba(241, 241, 241, 0.7); border-top-left-radius: 0px; border-bottom-left-radius: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 12px; border: 1px solid #fff; } .spip-content .main #menu_rubriques1 li{ font-size: .8em; margin-left: -1px; list-style: none; margin-top: 0px; } .spip-content .main #menu_rubriques1 li ul li{ font-size: 1em; margin-left: 0em;} .spip-content .main #menu_rubriques1 { list-style-type:none; } .spip-content .main #menu_rubriques1 li { list-style-type: none; } .spip-content .main #menu_rubriques1 li li { list-style-type: none; } .spip-content .main #menu_rubriques1 li li li { list-style-type: none; } .spip-content .main #menu_rubriques1 hr {margin : 0.7em 0;} .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li { width: 82px;} .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li:hover { width: 82px;} .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li .spip_logos_rappel { height: 60px; width: 60px; margin-bottom: 18px; margin-top: -5px; margin-left: 10px;} .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li:hover .spip_logos_rappel {} .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li .spip_titre_rappel{ font-family: "Fugaz One"; font-size: 10px; line-height: 12px; list-style: none outside none; left: 3px; margin-top: -23px; position: absolute; text-align: center; width: 75px;} .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li:hover .spip_titre_rappel { } /*** Les currents 768x600px ***/ .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li .nav_current_rub{ display: none;width: 120px; } .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li .nav_current_rub .spip_logos_rappel { width: 80px; height: 80px; padding-left: 18px; padding-top: 18px; padding-bottom: 10px;} .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li .nav_current_rub .spip_titre_rappel { position: absolute; width: 120px; margin-top: -14px; margin-left:-1px; text-align: center; font-size: 14px; line-height: 14px; list-style: none;} /*** FIN de 768x600px *****/ } /***** MEDIA QUERY SOUS MON AILE 768x768px *****/ @media screen and (min-width: 752px) and (max-width: 790px) and (min-height: 750px) and (max-height: 899px){ /**** SPIP CONTENT 768x768px *****/ .contenu-mobil.spip-content{ display: none;} .contenu-desktop.spip-content{ display: block; width: 701px; height: 454px; margin-top: 0px;} /*** FIL d'ARIANE SPIP 768x768px *****/ .spip-content .ariane{ width: 718px; z-index:100; top: 4px;} .spip-content .ariane .arbo{ padding-left: 10px; padding-right: 10px; font-size: 12px; line-height: 23px; width: auto; height: 20px; margin-top: 0px; text-shadow: 0 0 1px #FFFFFF, 0 0 1px #FFFFFF, 0 0 2px #FFFFFF, 0 0 5px #FFFFFF;} /*** CONTNER CONTENU SPIP 768x768px *****/ .spip-content .main { width: 702px; height: 470px; margin-left: 0px; top: 74px;} .spip-content .main .wrapper .content { height: 470px; width: 702px; } /*** TITRES TITRE DE LA RUBRIQUE-1 768x768px *****/ .titre-sma{ display: none; font-size: 20px; line-height: 2px; margin-top: 89px; padding-left: 138px; text-shadow: 0 0 1px #FFFFFF, 0 0 1px #FFFFFF, 0 0 2px #FFFFFF, 0 0 5px #FFFFFF, 0 0 10px #FFFFFF, 0 0 16px #FFFFFF; } .spip-content .main .wrapper .content .container2 { width: 1615px; margin-left:0px; margin-top: 0px;} /*** TITRES TITRE DE LA SOUS-RUBRIQUE-1 768x768px *****/ h1.titre-sma-rub1, h1.titre-sma-ssrub{ font-size: 24px; line-height: 91px; margin-left: 85px; margin-top: -25px; text-shadow: 0 0 1px #FFFFFF, 0 0 1px #FFFFFF, 0 0 2px #FFFFFF, 0 0 5px #FFFFFF, 0 0 10px #FFFFFF, 0 0 13px #FFFFFF;} h1.titre-sma-rub1 .spip_logos , h1.titre-sma-ssrub .spip_logos { height: 60px; margin: 7px 0 0 -30px; width: 60px;} h1.titre-sma-rub1 .descriptif, h1.titre-sma-ssrub .descriptif{ font-size: 12px; line-height: 2px; top: 64px; margin-left: 0px; width: 510px;} /*** TEXTE DE LA RUBRIQUE-1 768x768px *****/ .spip-content .main .wrapper .content .texte-rub1{ border-radius: 8px 8px 0px 0px; font-size: 11px; left: 66px; line-height: 13px; margin-top: 65px; padding: 8px 0 0 21px; width: 562px;} .spip-content .main #menu_rubriques2 { height: 350px; left: 23px; margin-top: 153px;} .spip-content .main #menu_rubriques2 li{ font-size: .8em; margin-left: -1px; margin-top: -15px; } /*** LES BLOCS 768x768px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li { width: 546px; height: 90px; z-index: 1;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:hover{ width: 546px; height: 90px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child{ left: 5px; top: 330px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2){ left: -6px; top: 239px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3){ left: -6px; top: 148px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4){ left: -6px; top: 57px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child{ left: 5px; top: -34px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child {border-top-right-radius: 0px; border-bottom-right-radius: 0px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2), .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3), .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4){ margin-left: 10px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child{ border-top-left-radius: 0px; border-bottom-left-radius: 0px; } /*** LES CADRES-INNER 768x768px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner{ width: 537px; height: 68px; padding-top: 7px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child:hover .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2):hover .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3):hover .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4):hover .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child:hover .cadre-inner{ width: 537px; height: 68px; padding-top: 7px; } .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner { border-top-right-radius: 15px; border-bottom-right-radius: 15px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner{} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner { border-top-left-radius: 0px; border-bottom-left-radius: 0px;} /*** LES CADRES-ITEM 768x768px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item{ width: 673px; height: 90px; margin-left: 7px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item{ border-top-left-radius: 0px; border-bottom-left-radius: 12px; border-top-right-radius: 0px; border-bottom-right-radius: 12px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item{ border-top-left-radius: 0px; border-bottom-left-radius: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 0px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item{ border-top-left-radius: 0px; border-bottom-left-radius: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 0px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child:hover .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2):hover .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3):hover .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4):hover .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child:hover .cadre-inner .cadre-item{ box-shadow: 0 0 2px #FFFFFF, 0 0 5px #FFFFFF, 0 0 10px #ffffff, 0 0 18px #ffffff; } .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child:hover .cadre-inner .cadre-item{ border-top-left-radius: 0px; border-bottom-left-radius: 12px; border-top-right-radius: 0px; border-bottom-right-radius: 12px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2):hover .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3):hover .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4):hover .cadre-inner .cadre-item{ border-top-left-radius: 0px; border-bottom-left-radius: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 0px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child:hover .cadre-inner .cadre-item{ border-top-left-radius: 0px; border-bottom-left-radius: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 0px;} /*** LES CADRES-ITEM-FINAL 768x768px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final{ width: 663px; height: 80px; margin-left: 4px; margin-top: 4px; } /*** CADRE ITEM FIX ***/ /*** Gradient Red ***/ /*** Gradient Orange ***/ /*** Gradient Yellow ***/ /*** Gradient Green ***/ /*** Gradient Blue ***/ /** COLOR INSIDE = DEGRADE GRIS 768x768px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final .color-inside{ width: 655px; height: 72px; left: 16px; margin-top: 3px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final .color-inside{ border-top-left-radius: 4px; border-bottom-left-radius: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final .color-inside{ border-top-left-radius: 4px; border-bottom-left-radius: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final .color-inside{ border-top-left-radius: 4px; border-bottom-left-radius: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final{ border-top-left-radius: 7px; border-bottom-left-radius: 7px; border-top-right-radius: 7px; border-bottom-right-radius: 7px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final{ border-top-left-radius: 7px; border-bottom-left-radius: 7px; border-top-right-radius: 7px; border-bottom-right-radius: 7px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final{ border-top-left-radius: 7px; border-bottom-left-radius: 7px; border-top-right-radius: 7px; border-bottom-right-radius: 7px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child:hover .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2):hover .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3):hover .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4):hover .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child:hover .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child:hover .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2):hover .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3):hover .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4):hover .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child:hover .cadre-inner .cadre-item .cadre-item-final{ width: 663px; height: 80px; margin-left: 4px; margin-top: 4px; } /*** Les LOGOS 768x768px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .spip_logos_rappel{ height: 86px; margin-left: 5px; margin-top: -8px; width: 86px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child:hover .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2):hover .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3):hover .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4):hover .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child:hover .cadre-inner .spip_logos_rappel{ height: 86px; margin-left: 5px; margin-top: -8px; width: 86px;} /*** Les TITRES 768x768px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li .spip_titre_rappel{ font-size: 14px; line-height: 13px; margin-left: 0; padding: 10px 0px; text-align: left; text-shadow: 0 0 1px #FFFFFF, 0 0 1px #FFFFFF, 0 0 2px #FFFFFF, 0 0 5px #FFFFFF, 0 0 10px #FFFFFF, 0 0 16px #FFFFFF; top: -3px; width: 262px; left: 96px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:hover .spip_titre_rappel{ text-shadow: 0 0 1px #FFFFFF, 0 0 1px #FFFFFF, 0 0 2px #FFFFFF, 0 0 5px #FFFFFF, 0 0 10px #FFFFFF, 0 0 16px #FFFFFF;} /*** Les DESCRIPTIFS V1 avec titre sur 1 ligne 768x768px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li .spip_descriptif_item-rappel{ display: block; width: 200px; margin-top: 0px; margin-left: 19px; font-size: 13px; line-height: 15px; padding: 10px 5px 1px 15px; border-radius: 10px;} /*** Les DESCRIPTIFS V2 avec titre sur 2 lignes 768x768px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li .spip_descriptif_item-rappel2{ border-radius: 6px; display: block; font-size: 12px; line-height: 14px; margin-left: -1px; margin-top: -79px; padding: 25px 141px 0 21px; width: 493px; height: 47px;} /*** POUR Les BTNS COULEURS(noir en fait) 768x768px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final .color-inside .mon-btn-color, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final .color-inside .mon-btn-color, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final .color-inside .mon-btn-color, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final .color-inside .mon-btn-color, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final .color-inside .mon-btn-color{ border-radius: 5px; color: #FFFFFF; font-size: 11px; line-height: 0; margin-left: 555px; margin-top: -34px; padding: 10px 4px 10px 11px; width: 10.5%; z-index: 1000;} /*** POUR Les BTNS NOIR 768x768px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final-fix .color-inside .mon-btn, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside .mon-btn, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside .mon-btn, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside .mon-btn, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final-fix .color-inside .mon-btn{ left: 0px; width: 36%; font-size: 16px; line-height: 16px; padding-left: 10px; padding-right: 10px; padding-top: 10px; padding-bottom: 10px; border-radius: 10px; margin-left: 74px; margin-top: 18px; } /******************************************************************************* LES SOUS-RUBRIQUE DE CONTENU 768x768px ************************************************************************************/ /*** TEXTE DE LA RUBRIQUE-B 768x768px *****/ .spip-content .main .wrapper .content .texte-rub1{ background-color: rgba(241, 241, 241, 0.85); border: 1px solid #FFFFFF; border-radius: 8px 8px 0 0; color: #555555; float: left; font-family: Arial,Helvetica,sans-serif; font-size: 12px; height: 48px; left: 34px; line-height: 14px; padding: 6px 10px 0px 30px; position: absolute; text-align: left; top: 15px; width: 633px;} .spip-content .main #menu_rubriques1 { width: 1600px; height: 350px; left: 70px; margin-top: 240px;} .spip-content .main #menu_rubriques1 li{ font-size: .8em; margin-left: -1px; margin-top: -15px; } /*** TEXTE DES SSRUBRIQUES BLUE, GREEN, YELLOW, ORANGE, RED 768x768px *****/ .spip-content .main .wrapper .content .box-texte{ position: absolute; top: 123px; left: 34px; border-radius: 10px 0px 0px 10px; width: 593px; height: 582px; z-index: 10; text-shadow: none; border-radius: 0px 0px 0px 12px; background-color: rgba(255, 255, 255, 0.25); border: 1px solid #FFFFFF;} .spip-content .main .wrapper .content .box-texte .inner-txt{ padding: 7px 7px 7px 7px; border-radius: 10px 0px 0px 10px;} .spip-content .main .wrapper .content .box-texte .inner-txt .bg-texte{ width: 557px; height: 556px; padding: 0px 10px 10px 10px ; border-radius: 7px 0px 0px 7px; background-color: rgba(255, 255, 255, 0.85); border: 1px solid #fff;} .spip-content .main .wrapper .content .box-texte .inner-txt .bg-texte .texte{ border-radius: 5px; color: #808080; float: left; font-family: Arial,Helvetica,sans-serif; font-size: 13px; line-height: 15px; height: 526px; overflow: auto; padding: 20px; text-align: left; width: 527px;} /*** DESCRIPTIF SSRUB 768x768px *****/ .spip-content .main .wrapper .content .descriptif-ssrub{ background-color: rgba(241, 241, 241, 0.85); border: 1px solid #FFFFFF; border-radius: 8px 8px 0 0; color: #555555; float: left; font-family: Arial,Helvetica,sans-serif; font-size: 13px; height: 38px; left: 34px;line-height: 15px; padding: 9px 20px 0 30px; position: absolute; text-align: left; top: 75px; width: 623px;} .spip_document_1, .spip_document_2, .spip_document_3, .spip_document_4, .spip_document_5, .spip_document_6, .spip_document_7, .spip_document_8, .spip_document_9, .spip_document_10, .spip_document_11, .spip_document_12, .spip_document_13, .spip_document_14, .spip_document_15, .spip_document_16, .spip_document_17, .spip_document_18, .spip_document_19, .spip_document_20, .spip_document_21, .spip_document_22, .spip_document_23, .spip_document_24, .spip_document_25, .spip_document_26, .spip_document_27, .spip_document_28, .spip_document_29, .spip_document_30, .spip_document_31, .spip_document_32, .spip_document_33, .spip_document_34, .spip_document_35, .spip_document_36, .spip_document_37, .spip_document_38, .spip_document_39, .spip_document_40, .spip_document_41, .spip_document_42, .spip_document_43, .spip_document_44, .spip_document_45, .spip_document_46, .spip_document_47, .spip_document_48, .spip_document_49, .spip_document_50, .spip_document_51, .spip_document_52, .spip_document_53, .spip_document_54, .spip_document_55, .spip_document_56, .spip_document_57, .spip_document_58, .spip_document_59, .spip_document_60, .spip_document_61, .spip_document_62, .spip_document_63, .spip_document_64, .spip_document_65, .spip_document_66, .spip_document_67, .spip_document_68, .spip_document_69, .spip_document_70, .spip_document_71, .spip_document_72{ width: 60px!important; height: 60px!important; margin-left: 0px; margin-top: 0px; background-color: #fbfbfb;} p { margin: 0 0 0px;} /*** TAILLE DE L'IMAGE DANS LE CORPS DE TEXTE SPIP 768x768px *****/ .spip_documents_left img{width: 60px; height: 60px; margin-left: 10px; margin-top: -6px; background-color: #fbfbfb;} /*** PARTICULARITE RUBRIQUE FORMULAIRE 768x768px *****/ .spip-content .main .wrapper .content .box-texte .inner-txt-formulaire{ padding: 7px 7px 7px 7px; border-radius: 10px 0px 0px 10px; font-family: Arial,Helvetica,sans-serif; text-align: left;} .spip-content .main .wrapper .content .box-texte .inner-txt-formulaire .bg-texte-formulaire{ background-color: rgba(255, 255, 255, 0.85); border: 1px solid #FFFFFF; border-radius: 5px; color: #808080; float: left; font-family: Arial,Helvetica,sans-serif; font-size: 11px; line-height: 13px; overflow: none; padding: 0 40px 0 20px; text-align: left; width: 598px; height: 450px;} /*** PARTICULARITE RUBRIQUE SIMPLE 768x768px *****/ .spip-content .main .wrapper .content .box-texte .inner-txt-simple{ padding: 7px 7px 7px 7px; border-radius: 10px 0px 0px 10px; font-family: Arial,Helvetica,sans-serif; text-align: left;} .spip-content .main .wrapper .content .box-texte .inner-txt-simple .bg-texte-simple{ background-color: rgba(255, 255, 255, 0.85); border: 1px solid #FFFFFF; border-radius: 5px; color: #808080; float: left; font-family: Arial,Helvetica,sans-serif; font-size: 13px; height: 411px; line-height: 15px; overflow: auto; padding: 40px 40px 0; text-align: left; width: 578px; } /*** TEXTE DES SSRUBRIQUES BLUE, GREEN, YELLOW, ORANGE, RED 768x768px *****/ .spip-content .main .wrapper .content .box-texte{ position: absolute; top: 123px; left: 34px; width: 673px; height: 466px; z-index: 10; text-shadow: none; border-radius: 0px 0px 12px 12px; background-color: rgba(255, 255, 255, 0.25); border: 1px solid #FFFFFF;} .spip-content .main .wrapper .content .box-texte .inner-txt{ padding: 7px 7px 7px 7px; border-radius: 10px 0px 0px 10px;} .spip-content .main .wrapper .content .box-texte .inner-txt .bg-texte{ width: 557px; height: 440px; padding: 0px 10px 10px 10px ; border-radius: 7px 0px 0px 7px; background-color: rgba(255, 255, 255, 0.85); border: 1px solid #fff;} .spip-content .main .wrapper .content .box-texte .inner-txt .bg-texte .texte{ border-radius: 5px; color: #808080; float: left; font-family: Arial,Helvetica,sans-serif; font-size: 12px; line-height: 15px; margin-left: 0; overflow: auto; padding: 20px 60px 0 20px; text-align: left; width: 487px; height: 430px;} /*** POUR LE PETIT MENU des SOUS RUBRIQUES en haut à droite 768x768px *****/ .spip-content .main #menu_rubriques1 { position: absolute; text-align: left; width: 59px; height: 466px; z-index: 1000; top: -117px; padding-right: 20px; left: 628px; background-color: rgba(241, 241, 241, 0.7); border-top-left-radius: 0px; border-bottom-left-radius: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 12px; border: 1px solid #fff; } .spip-content .main #menu_rubriques1 li{ font-size: .8em; margin-left: -1px; list-style: none; margin-top: 0px; } .spip-content .main #menu_rubriques1 li ul li{ font-size: 1em; margin-left: 0em;} .spip-content .main #menu_rubriques1 { list-style-type:none; } .spip-content .main #menu_rubriques1 li { list-style-type: none; } .spip-content .main #menu_rubriques1 li li { list-style-type: none; } .spip-content .main #menu_rubriques1 li li li { list-style-type: none; } .spip-content .main #menu_rubriques1 hr {margin : 0.7em 0;} .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li { width: 114px; } .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li:hover { width: 114px; } .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li .spip_logos_rappel { height: 80px; width: 80px; margin-bottom: 24px; margin-top: -1px; margin-left: 1px;} .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li:hover .spip_logos_rappel {} .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li .spip_titre_rappel{ font-family: "Fugaz One"; font-size: 10px; line-height: 12px; list-style: none outside none; left: 3px; margin-top: -31px; position: absolute; text-align: center; width: 75px;} .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li:hover .spip_titre_rappel { } /*** Les currents 768x768px ***/ .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li .nav_current_rub{ display: none;width: 120px; } .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li .nav_current_rub .spip_logos_rappel { width: 80px; height: 80px; padding-left: 18px; padding-top: 18px; padding-bottom: 10px;} .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li .nav_current_rub .spip_titre_rappel { position: absolute; width: 120px; margin-top: -14px; margin-left:-1px; text-align: center; font-size: 14px; line-height: 14px; list-style: none;} /*** FIN de 768x768px *****/ } /***** MEDIA QUERY SOUS MON AILE 768x900px *****/ @media screen and (min-width: 752px) and (max-width: 790px) and (min-height:900px) and (max-height: 1023px){ /**** SPIP CONTENT 768x900px *****/ .contenu-mobil.spip-content{ display: none;} .contenu-desktop.spip-content{ display: block; width: 701px; height: 454px; margin-top: 0px;} /*** FIL d'ARIANE SPIP 768x900px *****/ .spip-content .ariane{ width: 718px; z-index:100; top: 4px;} .spip-content .ariane .arbo{ padding-left: 10px; padding-right: 10px; font-size: 12px; line-height: 23px; width: auto; height: 20px; margin-top: 0px; text-shadow: 0 0 1px #FFFFFF, 0 0 1px #FFFFFF, 0 0 2px #FFFFFF, 0 0 5px #FFFFFF;} /*** CONTNER CONTENU SPIP 768x900px *****/ .spip-content .main { width: 702px; height: 470px; margin-left: 0px; top: 74px;} .spip-content .main .wrapper .content { height: 470px; width: 702px; } /*** TITRES TITRE DE LA RUBRIQUE-1 768x900px *****/ .titre-sma{ display: none; font-size: 20px; line-height: 2px; margin-top: 89px; padding-left: 138px; text-shadow: 0 0 1px #FFFFFF, 0 0 1px #FFFFFF, 0 0 2px #FFFFFF, 0 0 5px #FFFFFF, 0 0 10px #FFFFFF, 0 0 16px #FFFFFF; } .spip-content .main .wrapper .content .container2 { width: 1615px; margin-left:0px; margin-top: 0px;} /*** TITRES TITRE DE LA SOUS-RUBRIQUE-1 768x900px *****/ h1.titre-sma-rub1, h1.titre-sma-ssrub{ font-size: 24px; line-height: 91px; margin-left: 85px; margin-top: -25px; text-shadow: 0 0 1px #FFFFFF, 0 0 1px #FFFFFF, 0 0 2px #FFFFFF, 0 0 5px #FFFFFF, 0 0 10px #FFFFFF, 0 0 13px #FFFFFF;} h1.titre-sma-rub1 .spip_logos , h1.titre-sma-ssrub .spip_logos { height: 60px; margin: 7px 0 0 -30px; width: 60px;} h1.titre-sma-rub1 .descriptif, h1.titre-sma-ssrub .descriptif{ font-size: 12px; line-height: 2px; top: 64px; margin-left: 0px; width: 510px;} /*** TEXTE DE LA RUBRIQUE-1 768x900px *****/ .spip-content .main .wrapper .content .texte-rub1{ border-radius: 8px 8px 0px 0px; font-size: 11px; left: 34px; line-height: 13px; margin-top: 65px; padding: 8px 0 0 21px; width: 562px;} .spip-content .main #menu_rubriques2 { height: 350px; left: 23px; margin-top: 165px;} .spip-content .main #menu_rubriques2 li{ font-size: .8em; margin-left: -1px; margin-top: -15px; } /*** LES BLOCS 768x900px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li { width: 546px; height: 90px; z-index: 1;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:hover{ width: 546px; height: 90px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child{ left: 5px; top: 400px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2){ left: -6px; top: 290px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3){ left: -6px; top: 180px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4){ left: -6px; top: 70px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child{ left: 5px; top: -40px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child {border-top-right-radius: 0px; border-bottom-right-radius: 0px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2), .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3), .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4){ margin-left: 10px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child{ border-top-left-radius: 0px; border-bottom-left-radius: 0px; } /*** LES CADRES-INNER 768x900px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner{ width: 537px; height: 68px; padding-top: 7px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child:hover .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2):hover .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3):hover .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4):hover .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child:hover .cadre-inner{ width: 537px; height: 68px; padding-top: 7px; } .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner { border-top-right-radius: 15px; border-bottom-right-radius: 15px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner{} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner { border-top-left-radius: 0px; border-bottom-left-radius: 0px;} /*** LES CADRES-ITEM 768x900px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item{ width: 673px; height: 109px; margin-left: 7px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item{ border-top-left-radius: 0px; border-bottom-left-radius: 12px; border-top-right-radius: 0px; border-bottom-right-radius: 12px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item{ border-top-left-radius: 0px; border-bottom-left-radius: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 0px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item{ border-top-left-radius: 0px; border-bottom-left-radius: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 0px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child:hover .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2):hover .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3):hover .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4):hover .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child:hover .cadre-inner .cadre-item{ box-shadow: 0 0 2px #FFFFFF, 0 0 5px #FFFFFF, 0 0 10px #ffffff, 0 0 18px #ffffff; } .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child:hover .cadre-inner .cadre-item{ border-top-left-radius: 0px; border-bottom-left-radius: 12px; border-top-right-radius: 0px; border-bottom-right-radius: 12px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2):hover .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3):hover .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4):hover .cadre-inner .cadre-item{ border-top-left-radius: 0px; border-bottom-left-radius: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 0px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child:hover .cadre-inner .cadre-item{ border-top-left-radius: 0px; border-bottom-left-radius: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 0px;} /*** LES CADRES-ITEM-FINAL 768x900px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final{ width: 663px; height: 99px; margin-left: 4px; margin-top: 4px; } /*** CADRE ITEM FIX ***/ /*** Gradient Red ***/ /*** Gradient Orange ***/ /*** Gradient Yellow ***/ /*** Gradient Green ***/ /*** Gradient Blue ***/ /** COLOR INSIDE = DEGRADE GRIS 768x900px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final .color-inside{ width: 655px; height: 91px; left: 16px; margin-top: 3px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final .color-inside{ border-top-left-radius: 4px; border-bottom-left-radius: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final .color-inside{ border-top-left-radius: 4px; border-bottom-left-radius: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final .color-inside{ border-top-left-radius: 4px; border-bottom-left-radius: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final{ border-top-left-radius: 7px; border-bottom-left-radius: 7px; border-top-right-radius: 7px; border-bottom-right-radius: 7px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final{ border-top-left-radius: 7px; border-bottom-left-radius: 7px; border-top-right-radius: 7px; border-bottom-right-radius: 7px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final{ border-top-left-radius: 7px; border-bottom-left-radius: 7px; border-top-right-radius: 7px; border-bottom-right-radius: 7px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child:hover .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2):hover .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3):hover .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4):hover .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child:hover .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child:hover .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2):hover .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3):hover .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4):hover .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child:hover .cadre-inner .cadre-item .cadre-item-final{ width: 663px; height: 99px; margin-left: 4px; margin-top: 4px; } /*** Les LOGOS 768x900px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .spip_logos_rappel{ height: 100px; margin-left: 5px; margin-top: -8px; width: 100px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child:hover .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2):hover .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3):hover .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4):hover .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child:hover .cadre-inner .spip_logos_rappel{ height: 100px; margin-left: 5px; margin-top: -8px; width: 100px;} /*** Les TITRES 768x900px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li .spip_titre_rappel{ font-size: 18px; line-height: 22px; margin-left: 0; padding: 10px 0px; text-align: left; text-shadow: 0 0 1px #FFFFFF, 0 0 1px #FFFFFF, 0 0 2px #FFFFFF, 0 0 5px #FFFFFF, 0 0 10px #FFFFFF, 0 0 16px #FFFFFF; top: -3px; width: 262px; left: 115px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:hover .spip_titre_rappel{ text-shadow: 0 0 1px #FFFFFF, 0 0 1px #FFFFFF, 0 0 2px #FFFFFF, 0 0 5px #FFFFFF, 0 0 10px #FFFFFF, 0 0 16px #FFFFFF;} /*** Les DESCRIPTIFS V1 avec titre sur 1 ligne 768x900px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li .spip_descriptif_item-rappel{ display: block; width: 200px; margin-top: 0px; margin-left: 19px; font-size: 13px; line-height: 15px; padding: 10px 5px 1px 15px; border-radius: 10px;} /*** Les DESCRIPTIFS V2 avec titre sur 2 lignes 768x900px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li .spip_descriptif_item-rappel2{ border-radius: 6px; display: block; font-size: 14px; line-height: 16px; margin-left: -1px; margin-top: -93px; padding: 29px 109px 4px 110px; width: 436px;} /*** POUR Les BTNS COULEURS(noir en fait) 768x900px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final .color-inside .mon-btn-color, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final .color-inside .mon-btn-color, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final .color-inside .mon-btn-color, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final .color-inside .mon-btn-color, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final .color-inside .mon-btn-color{ border-radius: 5px; color: #FFFFFF; font-size: 11px; line-height: 0; margin-left: 543px; margin-top: -34px; padding: 10px 4px 10px 15px; width: 11.5%; z-index: 1000;} /*** POUR Les BTNS NOIR 768x900px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final-fix .color-inside .mon-btn, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside .mon-btn, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside .mon-btn, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside .mon-btn, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final-fix .color-inside .mon-btn{ left: 0px; width: 36%; font-size: 16px; line-height: 16px; padding-left: 10px; padding-right: 10px; padding-top: 10px; padding-bottom: 10px; border-radius: 10px; margin-left: 74px; margin-top: 18px; } /******************************************************************************* LES SOUS-RUBRIQUE DE CONTENU 768x900px ************************************************************************************/ /*** TEXTE DE LA RUBRIQUE-B 768x900px *****/ .spip-content .main .wrapper .content .texte-rub1{ background-color: rgba(241, 241, 241, 0.85); border: 1px solid #FFFFFF; border-radius: 8px 8px 0 0; color: #555555; float: left; font-family: Arial,Helvetica,sans-serif; font-size: 12px; height: 43px; left: 34px; line-height: 14px; padding: 9px 20px 8px 47px; position: absolute; text-align: left; top: 15px; width: 606px;} .spip-content .main #menu_rubriques1 { width: 1600px; height: 350px; left: 70px; margin-top: 240px;} .spip-content .main #menu_rubriques1 li{ font-size: .8em; margin-left: -1px; margin-top: -15px; } /*** TEXTE DES SSRUBRIQUES BLUE, GREEN, YELLOW, ORANGE, RED 768x900px *****/ .spip-content .main .wrapper .content .box-texte{ position: absolute; top: 123px; left: 34px; border-radius: 10px 0px 0px 10px; width: 593px; height: 582px; z-index: 10; text-shadow: none; border-radius: 0px 0px 0px 12px; background-color: rgba(255, 255, 255, 0.25); border: 1px solid #FFFFFF;} .spip-content .main .wrapper .content .box-texte .inner-txt{ padding: 7px 7px 7px 7px; border-radius: 10px 0px 0px 10px;} .spip-content .main .wrapper .content .box-texte .inner-txt .bg-texte{ width: 557px; height: 556px; padding: 0px 10px 10px 10px ; border-radius: 7px 0px 0px 7px; background-color: rgba(255, 255, 255, 0.85); border: 1px solid #fff;} .spip-content .main .wrapper .content .box-texte .inner-txt .bg-texte .texte{ border-radius: 5px; color: #808080; float: left; font-family: Arial,Helvetica,sans-serif; font-size: 13px; line-height: 15px; height: 526px; overflow: auto; padding: 20px; text-align: left; width: 527px;} /*** DESCRIPTIF SSRUB 768x900px *****/ .spip-content .main .wrapper .content .descriptif-ssrub{ background-color: rgba(241, 241, 241, 0.85); border: 1px solid #FFFFFF; border-radius: 8px 8px 0 0; color: #555555; float: left; font-family: Arial,Helvetica,sans-serif; font-size: 13px; height: 38px; left: 34px;line-height: 15px; padding: 9px 20px 0 30px; position: absolute; text-align: left; top: 75px; width: 623px;} .spip_document_1, .spip_document_2, .spip_document_3, .spip_document_4, .spip_document_5, .spip_document_6, .spip_document_7, .spip_document_8, .spip_document_9, .spip_document_10, .spip_document_11, .spip_document_12, .spip_document_13, .spip_document_14, .spip_document_15, .spip_document_16, .spip_document_17, .spip_document_18, .spip_document_19, .spip_document_20, .spip_document_21, .spip_document_22, .spip_document_23, .spip_document_24, .spip_document_25, .spip_document_26, .spip_document_27, .spip_document_28, .spip_document_29, .spip_document_30, .spip_document_31, .spip_document_32, .spip_document_33, .spip_document_34, .spip_document_35, .spip_document_36, .spip_document_37, .spip_document_38, .spip_document_39, .spip_document_40, .spip_document_41, .spip_document_42, .spip_document_43, .spip_document_44, .spip_document_45, .spip_document_46, .spip_document_47, .spip_document_48, .spip_document_49, .spip_document_50, .spip_document_51, .spip_document_52, .spip_document_53, .spip_document_54, .spip_document_55, .spip_document_56, .spip_document_57, .spip_document_58, .spip_document_59, .spip_document_60, .spip_document_61, .spip_document_62, .spip_document_63, .spip_document_64, .spip_document_65, .spip_document_66, .spip_document_67, .spip_document_68, .spip_document_69, .spip_document_70, .spip_document_71, .spip_document_72{ width: 70px!important; height: 70px!important; margin-left: 0px; margin-top: 0px; background-color: #fbfbfb;} p { margin: 0 0 0px;} /*** TAILLE DE L'IMAGE DANS LE CORPS DE TEXTE SPIP 768x900px *****/ .spip_documents_left img{width: 70px; height: 70px; margin-left: 12px; margin-top: -5px; background-color: #fbfbfb;} /*** PARTICULARITE RUBRIQUE FORMULAIRE 768x900px *****/ .spip-content .main .wrapper .content .box-texte .inner-txt-formulaire{ padding: 7px 7px 7px 7px; border-radius: 10px 0px 0px 10px; font-family: Arial,Helvetica,sans-serif; text-align: left;} .spip-content .main .wrapper .content .box-texte .inner-txt-formulaire .bg-texte-formulaire{ background-color: rgba(255, 255, 255, 0.85); border: 1px solid #FFFFFF; border-radius: 5px; color: #808080; float: left; font-family: Arial,Helvetica,sans-serif; font-size: 17px; line-height: 19px; overflow: none; padding: 0px; text-align: left; width: 657px; height: 550px;} /*** PARTICULARITE RUBRIQUE SIMPLE 768x900px *****/ .spip-content .main .wrapper .content .box-texte .inner-txt-simple{ padding: 7px 7px 7px 7px; border-radius: 10px 0px 0px 10px; font-family: Arial,Helvetica,sans-serif; text-align: left;} .spip-content .main .wrapper .content .box-texte .inner-txt-simple .bg-texte-simple{ background-color: rgba(255, 255, 255, 0.85); border: 1px solid #FFFFFF; border-radius: 5px; color: #808080; float: left; font-family: Arial,Helvetica,sans-serif; font-size: 13px; height: 511px; line-height: 15px; overflow: auto; padding: 40px 40px 0; text-align: left; width: 578px; } /*** TEXTE DES SSRUBRIQUES BLUE, GREEN, YELLOW, ORANGE, RED 768x900px *****/ .spip-content .main .wrapper .content .box-texte{ position: absolute; top: 123px; left: 34px; width: 673px; height: 567px; z-index: 10; text-shadow: none; border-radius: 0px 0px 12px 12px; background-color: rgba(255, 255, 255, 0.25); border: 1px solid #FFFFFF;} .spip-content .main .wrapper .content .box-texte .inner-txt{ padding: 7px 7px 7px 7px; border-radius: 10px 0px 0px 10px;} .spip-content .main .wrapper .content .box-texte .inner-txt .bg-texte{ width: 557px; height: 541px; padding: 0px 10px 10px 10px ; border-radius: 7px 0px 0px 7px; background-color: rgba(255, 255, 255, 0.85); border: 1px solid #fff;} .spip-content .main .wrapper .content .box-texte .inner-txt .bg-texte .texte{ float: left; overflow: auto; width: 487px; height: 541px; padding: 10px 60px 0 20px; border-radius: 5px; color: #808080; font-family: Arial,Helvetica,sans-serif; text-align: left; font-size: 12px; line-height: 16px;} /*** POUR LE PETIT MENU des SOUS RUBRIQUES en haut à droite 768x900px *****/ .spip-content .main #menu_rubriques1 { position: absolute; text-align: left; width: 59px; height: 567px; z-index: 1000; top: -117px; padding-right: 20px; left: 628px; background-color: rgba(241, 241, 241, 0.7); border-top-left-radius: 0px; border-bottom-left-radius: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 12px; border: 1px solid #fff; } .spip-content .main #menu_rubriques1 li{ font-size: .8em; margin-left: -1px; list-style: none; margin-top: 0px; } .spip-content .main #menu_rubriques1 li ul li{ font-size: 1em; margin-left: 0em;} .spip-content .main #menu_rubriques1 { list-style-type:none; } .spip-content .main #menu_rubriques1 li { list-style-type: none; } .spip-content .main #menu_rubriques1 li li { list-style-type: none; } .spip-content .main #menu_rubriques1 li li li { list-style-type: none; } .spip-content .main #menu_rubriques1 hr {margin : 0.7em 0;} .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li { width: 114px; } .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li:hover { width: 114px; } .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li .spip_logos_rappel { height: 80px; width: 80px; margin-bottom: 24px; margin-top: -1px; margin-left: 1px;} .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li:hover .spip_logos_rappel {} .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li .spip_titre_rappel{ font-family: "Fugaz One"; font-size: 10px; line-height: 12px; list-style: none outside none; left: 3px; margin-top: -31px; position: absolute; text-align: center; width: 75px;} .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li:hover .spip_titre_rappel { } /*** Les currents 768x900px ***/ .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li .nav_current_rub{ display: none;width: 120px; } .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li .nav_current_rub .spip_logos_rappel { width: 80px; height: 80px; padding-left: 18px; padding-top: 18px; padding-bottom: 10px;} .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li .nav_current_rub .spip_titre_rappel { position: absolute; width: 120px; margin-top: -14px; margin-left:-1px; text-align: center; font-size: 14px; line-height: 14px; list-style: none;} /*** FIN de 768x900px *****/ } /***** MEDIA QUERY SOUS MON AILE 768x1024px *****/ @media screen and (min-width: 752px) and (max-width: 790px) and (min-height: 1024px) and (max-height: 1049px){ /**** SPIP CONTENT 768x1024px *****/ .contenu-mobil.spip-content{ display: none;} .contenu-desktop.spip-content{ display: block; width: 701px; height: 454px; margin-top: 0px;} /*** FIL d'ARIANE SPIP 768x1024px *****/ .spip-content .ariane{ width: 718px; z-index:100; top: 4px;} .spip-content .ariane .arbo{ padding-left: 10px; padding-right: 10px; font-size: 12px; line-height: 23px; width: auto; height: 20px; margin-top: 0px; text-shadow: 0 0 1px #FFFFFF, 0 0 1px #FFFFFF, 0 0 2px #FFFFFF, 0 0 5px #FFFFFF;} /*** CONTNER CONTENU SPIP 768x1024px *****/ .spip-content .main { width: 702px; height: 470px; margin-left: 0px; top: 74px;} .spip-content .main .wrapper .content { height: 470px; width: 702px; } /*** TITRES TITRE DE LA RUBRIQUE-1 768x1024px *****/ .titre-sma{ display: none; font-size: 20px; line-height: 2px; margin-top: 89px; padding-left: 138px; text-shadow: 0 0 1px #FFFFFF, 0 0 1px #FFFFFF, 0 0 2px #FFFFFF, 0 0 5px #FFFFFF, 0 0 10px #FFFFFF, 0 0 16px #FFFFFF; } .spip-content .main .wrapper .content .container2 { width: 1615px; margin-left:0px; margin-top: 0px;} /*** TITRES TITRE DE LA SOUS-RUBRIQUE-1 768x1024px *****/ h1.titre-sma-rub1, h1.titre-sma-ssrub{ font-size: 24px; line-height: 91px; margin-left: 85px; margin-top: -25px; text-shadow: 0 0 1px #FFFFFF, 0 0 1px #FFFFFF, 0 0 2px #FFFFFF, 0 0 5px #FFFFFF, 0 0 10px #FFFFFF, 0 0 13px #FFFFFF;} h1.titre-sma-rub1 .spip_logos , h1.titre-sma-ssrub .spip_logos { height: 60px; margin: 7px 0 0 -30px; width: 60px;} h1.titre-sma-rub1 .descriptif, h1.titre-sma-ssrub .descriptif{ font-size: 12px; line-height: 2px; top: 64px; margin-left: 0px; width: 510px;} /*** TEXTE DE LA RUBRIQUE-1 768x1024px *****/ .spip-content .main .wrapper .content .texte-rub1{ border-radius: 8px 8px 0px 0px; font-size: 11px; left: 66px; line-height: 13px; margin-top: 65px; padding: 8px 0 0 21px; width: 562px;} .spip-content .main #menu_rubriques2 { height: 350px; left: 23px; margin-top: 165px;} .spip-content .main #menu_rubriques2 li{ font-size: .8em; margin-left: -1px; margin-top: -15px; } /*** LES BLOCS 768x1024px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li { width: 544px; height: 146px; z-index: 1;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:hover{ width: 544px; height: 146px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child{ left: 5px; top: 516px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2){ left: -6px; top: 377px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3){ left: -6px; top: 238px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4){ left: -6px; top: 99px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child{ left: 5px; top: -40px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child {border-top-right-radius: 0px; border-bottom-right-radius: 0px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2), .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3), .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4){ margin-left: 10px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child{ border-top-left-radius: 0px; border-bottom-left-radius: 0px; } /*** LES CADRES-INNER 768x1024px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner{ width: 537px; height: 68px; padding-top: 7px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child:hover .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2):hover .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3):hover .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4):hover .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child:hover .cadre-inner{ width: 537px; height: 68px; padding-top: 7px; } .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner { border-top-right-radius: 15px; border-bottom-right-radius: 15px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner{} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner { border-top-left-radius: 0px; border-bottom-left-radius: 0px;} /*** LES CADRES-ITEM 768x1024px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item{ width: 673px; height: 138px; margin-left: 7px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item{ border-top-left-radius: 0px; border-bottom-left-radius: 12px; border-top-right-radius: 0px; border-bottom-right-radius: 12px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item{ border-top-left-radius: 0px; border-bottom-left-radius: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 0px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item{ border-top-left-radius: 0px; border-bottom-left-radius: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 0px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child:hover .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2):hover .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3):hover .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4):hover .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child:hover .cadre-inner .cadre-item{ box-shadow: 0 0 2px #FFFFFF, 0 0 5px #FFFFFF, 0 0 10px #ffffff, 0 0 18px #ffffff; } .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child:hover .cadre-inner .cadre-item{ border-top-left-radius: 0px; border-bottom-left-radius: 12px; border-top-right-radius: 0px; border-bottom-right-radius: 12px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2):hover .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3):hover .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4):hover .cadre-inner .cadre-item{ border-top-left-radius: 0px; border-bottom-left-radius: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 0px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child:hover .cadre-inner .cadre-item{ border-top-left-radius: 0px; border-bottom-left-radius: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 0px;} /*** LES CADRES-ITEM-FINAL 768x1024px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final{ width: 663px; height: 128px; margin-left: 4px; margin-top: 4px; } /*** CADRE ITEM FIX ***/ /*** Gradient Red ***/ /*** Gradient Orange ***/ /*** Gradient Yellow ***/ /*** Gradient Green ***/ /*** Gradient Blue ***/ /** COLOR INSIDE = DEGRADE GRIS 768x1024px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final .color-inside{ width: 655px; height: 120px; left: 16px; margin-top: 3px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final .color-inside{ border-top-left-radius: 4px; border-bottom-left-radius: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final .color-inside{ border-top-left-radius: 4px; border-bottom-left-radius: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final .color-inside{ border-top-left-radius: 4px; border-bottom-left-radius: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final{ border-top-left-radius: 7px; border-bottom-left-radius: 7px; border-top-right-radius: 7px; border-bottom-right-radius: 7px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final{ border-top-left-radius: 7px; border-bottom-left-radius: 7px; border-top-right-radius: 7px; border-bottom-right-radius: 7px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final{ border-top-left-radius: 7px; border-bottom-left-radius: 7px; border-top-right-radius: 7px; border-bottom-right-radius: 7px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child:hover .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2):hover .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3):hover .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4):hover .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child:hover .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child:hover .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2):hover .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3):hover .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4):hover .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child:hover .cadre-inner .cadre-item .cadre-item-final{ width: 663px; height: 128px; margin-left: 4px; margin-top: 4px; } /*** Les LOGOS 768x1024px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .spip_logos_rappel{ height: 140px; margin-left: -5px; margin-top: -13px; width: 140px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child:hover .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2):hover .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3):hover .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4):hover .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child:hover .cadre-inner .spip_logos_rappel{ height: 140px; margin-left: -5px; margin-top: -13px; width: 140px;} /*** Les TITRES 768x1024px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li .spip_titre_rappel{ font-size: 20px; left: 153px; line-height: 20px; margin-left: 0; padding: 6px 0; text-align: left; text-shadow: 0 0 1px #FFFFFF, 0 0 1px #FFFFFF, 0 0 2px #FFFFFF, 0 0 5px #FFFFFF, 0 0 10px #FFFFFF, 0 0 16px #FFFFFF; top: 14px; width: 340px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:hover .spip_titre_rappel{ text-shadow: 0 0 1px #FFFFFF, 0 0 1px #FFFFFF, 0 0 2px #FFFFFF, 0 0 5px #FFFFFF, 0 0 10px #FFFFFF, 0 0 16px #FFFFFF;} /*** Les DESCRIPTIFS V1 avec titre sur 1 ligne 768x1024px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li .spip_descriptif_item-rappel{ display: block; width: 200px; margin-top: 0px; margin-left: 19px; font-size: 13px; line-height: 15px; padding: 10px 5px 1px 15px; border-radius: 10px;} /*** Les DESCRIPTIFS V2 avec titre sur 2 lignes 768x1024px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li .spip_descriptif_item-rappel2{ border-radius: 6px; display: block; font-size: 13px; line-height: 15px; margin-left: 133px; margin-top: -116px; padding: 33px 130px 10px 20px; width: 360px;} /*** POUR Les BTNS COULEURS(noir en fait) 768x1024px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final .color-inside .mon-btn-color, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final .color-inside .mon-btn-color, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final .color-inside .mon-btn-color, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final .color-inside .mon-btn-color, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final .color-inside .mon-btn-color{ border-radius: 5px;color: #FFFFFF; font-size: 12px; line-height: 0; margin-left: 529px; margin-top: -35px; padding: 13px 14px 13px 15px; width: 10.5%; z-index: 1000;} /*** POUR Les BTNS NOIR 768x1024px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final-fix .color-inside .mon-btn, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside .mon-btn, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside .mon-btn, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside .mon-btn, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final-fix .color-inside .mon-btn{ left: 0px; width: 36%; font-size: 16px; line-height: 16px; padding-left: 10px; padding-right: 10px; padding-top: 10px; padding-bottom: 10px; border-radius: 10px; margin-left: 74px; margin-top: 18px; } /******************************************************************************* LES SOUS-RUBRIQUE DE CONTENU 768x1024px ************************************************************************************/ /*** CONTENU RUBRIQUES ITEMS 768x1024px *****/ .spip-content .main .wrapper .content .box-texte{ background-color: rgba(255, 255, 255, 0.25); border: 1px solid #FFFFFF; border-radius: 0 0 12px 12px; left: 34px; position: absolute; text-shadow: none; top: 123px; transition: all 0.35s ease-in-out 0s; width: 673px; height: 712px; z-index: 10;} .spip-content .main .wrapper .content .box-texte .inner-txt{ padding: 7px 7px 7px 7px; border-radius: 10px 0px 0px 10px;} .spip-content .main .wrapper .content .box-texte .inner-txt .bg-texte{ width: 557px; height: 686px; padding: 0px 10px 10px 10px ; border-radius: 7px 0px 0px 7px; background-color: rgba(255, 255, 255, 0.85); border: 1px solid #fff;} .spip-content .main .wrapper .content .box-texte .inner-txt .bg-texte .texte{ border-radius: 5px; color: #808080; float: left; font-family: Arial,Helvetica,sans-serif; font-size: 14px; line-height: 16px; overflow: auto; padding: 50px 40px 20px 0; text-align: left; width: 527px; height: 626px;} p { margin: 0 0 0px;} /*** TEXTE DE LA RUBRIQUE-B 768x1024px *****/ .spip-content .main .wrapper .content .texte-rub1{ background-color: rgba(241, 241, 241, 0.85); border: 1px solid #FFFFFF; border-radius: 8px 8px 0 0; color: #555555; float: left; font-family: Arial,Helvetica,sans-serif; font-size: 12px; height: 43px; left: 34px; line-height: 14px; padding: 9px 20px 8px 47px; position: absolute; text-align: left; top: 15px; width: 606px;} .spip-content .main #menu_rubriques1 { width: 1600px; height: 350px; left: 70px; margin-top: 240px;} .spip-content .main #menu_rubriques1 li{ font-size: .8em; margin-left: -1px; margin-top: -15px; } /*** DESCRIPTIF SSRUB 768x1024px *****/ .spip-content .main .wrapper .content .descriptif-ssrub{ background-color: rgba(241, 241, 241, 0.85); border: 1px solid #FFFFFF; border-radius: 8px 8px 0 0; color: #555555; float: left; font-family: Arial,Helvetica,sans-serif; font-size: 13px; height: 38px; left: 34px;line-height: 15px; padding: 9px 20px 0 30px; position: absolute; text-align: left; top: 75px; width: 623px;} /*** TAILLE DE L'IMAGE DANS LE CORPS DE TEXTE SPIP 768x1024px *****/ .spip_documents_left img{width: 90px; height: 90px; margin-left: 39px; margin-top: -8px; background-color: #fbfbfb;} /*** PARTICULARITE RUBRIQUE FORMULAIRE 768x1024px *****/ .spip-content .main .wrapper .content .box-texte .inner-txt-formulaire{ padding: 7px 7px 7px 7px; border-radius: 10px 0px 0px 10px; font-family: Arial,Helvetica,sans-serif; text-align: left;} .spip-content .main .wrapper .content .box-texte .inner-txt-formulaire .bg-texte-formulaire{ background-color: rgba(255, 255, 255, 0.85); border: 1px solid #FFFFFF; border-radius: 5px; color: #808080; float: left; font-family: Arial,Helvetica,sans-serif; font-size: 17px; line-height: 19px; overflow: none; padding: 0px; text-align: left; width: 657px; height: 696px;} /*** PARTICULARITE RUBRIQUE SIMPLE 768x1024px *****/ .spip-content .main .wrapper .content .box-texte .inner-txt-simple{ padding: 7px 7px 7px 7px; border-radius: 10px 0px 0px 10px; font-family: Arial,Helvetica,sans-serif; text-align: left;} .spip-content .main .wrapper .content .box-texte .inner-txt-simple .bg-texte-simple{ background-color: rgba(255, 255, 255, 0.85); border: 1px solid #FFFFFF; border-radius: 5px; color: #808080; float: left; font-family: Arial,Helvetica,sans-serif; font-size: 13px; height: 657px; line-height: 15px; overflow: auto; padding: 40px 40px 0; text-align: left; width: 578px; } /*** POUR LE PETIT MENU des SOUS RUBRIQUES en haut à droite 768x1024px *****/ .spip-content .main #menu_rubriques1 { position: absolute; text-align: left; width: 59px; height: 712px; z-index: 1000; top: -117px; padding-right: 20px; left: 628px; background-color: rgba(241, 241, 241, 0.7); border-top-left-radius: 0px; border-bottom-left-radius: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 12px; border: 1px solid #fff; } .spip-content .main #menu_rubriques1 li{ font-size: .8em; margin-left: -1px; list-style: none; margin-top: 0px; } .spip-content .main #menu_rubriques1 li ul li{ font-size: 1em; margin-left: 0em;} .spip-content .main #menu_rubriques1 { list-style-type:none; } .spip-content .main #menu_rubriques1 li { list-style-type: none; } .spip-content .main #menu_rubriques1 li li { list-style-type: none; } .spip-content .main #menu_rubriques1 li li li { list-style-type: none; } .spip-content .main #menu_rubriques1 hr {margin : 0.7em 0;} .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li { width: 114px; } .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li:hover { width: 114px; } .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li .spip_logos_rappel { height: 80px; width: 80px; margin-bottom: 24px; margin-top: -1px; margin-left: 1px;} .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li:hover .spip_logos_rappel {} .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li .spip_titre_rappel{ font-family: "Fugaz One"; font-size: 10px; line-height: 12px; list-style: none outside none; left: 3px; margin-top: -31px; position: absolute; text-align: center; width: 75px;} .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li:hover .spip_titre_rappel { } /*** Les currents 768x1024px ***/ .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li .nav_current_rub{ display: none;width: 120px; } .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li .nav_current_rub .spip_logos_rappel { width: 80px; height: 80px; padding-left: 18px; padding-top: 18px; padding-bottom: 10px;} .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li .nav_current_rub .spip_titre_rappel { position: absolute; width: 120px; margin-top: -14px; margin-left:-1px; text-align: center; font-size: 14px; line-height: 14px; list-style: none; } /*** FIN de 768x1024px *****/ } /***** MEDIA QUERY SOUS MON AILE 768x1050px *****/ @media screen and (min-width: 752px) and (max-width: 790px) and (min-height: 1050px) and (max-height: 1080px){ /**** SPIP CONTENT 768x1050px *****/ .contenu-mobil.spip-content{ display: none;} .contenu-desktop.spip-content{ display: block; width: 701px; height: 454px; margin-top: 0px;} /*** FIL d'ARIANE SPIP 768x1050px *****/ .spip-content .ariane{ width: 718px; z-index:100; top: 4px;} .spip-content .ariane .arbo{ padding-left: 10px; padding-right: 10px; font-size: 12px; line-height: 23px; width: auto; height: 20px; margin-top: 0px; text-shadow: 0 0 1px #FFFFFF, 0 0 1px #FFFFFF, 0 0 2px #FFFFFF, 0 0 5px #FFFFFF;} /*** CONTNER CONTENU SPIP 768x1050px *****/ .spip-content .main { width: 702px; height: 470px; margin-left: 0px; top: 74px;} .spip-content .main .wrapper .content { height: 470px; width: 702px; } /*** TITRES TITRE DE LA RUBRIQUE-1 768x1050px *****/ .titre-sma{ display: none; font-size: 20px; line-height: 2px; margin-top: 89px; padding-left: 138px; text-shadow: 0 0 1px #FFFFFF, 0 0 1px #FFFFFF, 0 0 2px #FFFFFF, 0 0 5px #FFFFFF, 0 0 10px #FFFFFF, 0 0 16px #FFFFFF; } .spip-content .main .wrapper .content .container2 { width: 1615px; margin-left:0px; margin-top: 0px;} /*** TITRES TITRE DE LA SOUS-RUBRIQUE-1 768x1050px *****/ h1.titre-sma-rub1, h1.titre-sma-ssrub{ font-size: 24px; line-height: 91px; margin-left: 85px; margin-top: -25px; text-shadow: 0 0 1px #FFFFFF, 0 0 1px #FFFFFF, 0 0 2px #FFFFFF, 0 0 5px #FFFFFF, 0 0 10px #FFFFFF, 0 0 13px #FFFFFF;} h1.titre-sma-rub1 .spip_logos , h1.titre-sma-ssrub .spip_logos { height: 60px; margin: 7px 0 0 -30px; width: 60px;} h1.titre-sma-rub1 .descriptif, h1.titre-sma-ssrub .descriptif{ font-size: 12px; line-height: 2px; top: 64px; margin-left: 0px; width: 510px;} /*** TEXTE DE LA RUBRIQUE-1 768x1050px *****/ .spip-content .main .wrapper .content .texte-rub1{ height: 66px; border-radius: 12px 12px 0 0; font-size: 14px; line-height: 17px; left: 14px; margin-top: 50px; padding: 12px 23px 0 50px; width: 600px;} .spip-content .main #menu_rubriques2 { height: 350px; left: -9px; margin-top: 159px;} .spip-content .main #menu_rubriques2 li{ font-size: .8em; margin-left: -1px; margin-top: -15px; } /*** LES BLOCS 768x1050px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li { width: 544px; height: 75px; z-index: 1;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:hover{ width: 544px; height: 75px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child{ left: 37px; top: 543px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2){ left: 26px; top: 404px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3){ left: 26px; top: 265px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4){ left: 26px; top: 126px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child{ left: 37px; top: -13px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child {border-top-right-radius: 0px; border-bottom-right-radius: 0px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2), .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3), .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4){ margin-left: 10px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child{ border-top-left-radius: 0px; border-bottom-left-radius: 0px; } /*** LES CADRES-INNER 768x1050px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner{ width: 688px; height: 140px; padding-top: 7px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child:hover .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2):hover .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3):hover .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4):hover .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child:hover .cadre-inner{ width: 688px; height: 140px; padding-top: 7px; } .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner { border-top-right-radius: 15px; border-bottom-right-radius: 15px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner{} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner { border-top-left-radius: 0px; border-bottom-left-radius: 0px;} /*** LES CADRES-ITEM 768x1050px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item{ width: 673px; height: 138px; margin-left: 7px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item{ border-top-left-radius: 0px; border-bottom-left-radius: 12px; border-top-right-radius: 0px; border-bottom-right-radius: 12px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item{ border-top-left-radius: 0px; border-bottom-left-radius: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 0px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item{ border-top-left-radius: 0px; border-bottom-left-radius: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 0px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child:hover .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2):hover .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3):hover .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4):hover .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child:hover .cadre-inner .cadre-item{ box-shadow: 0 0 2px #FFFFFF, 0 0 5px #FFFFFF, 0 0 10px #ffffff, 0 0 18px #ffffff; } .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child:hover .cadre-inner .cadre-item{ border-top-left-radius: 0px; border-bottom-left-radius: 12px; border-top-right-radius: 0px; border-bottom-right-radius: 12px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2):hover .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3):hover .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4):hover .cadre-inner .cadre-item{ border-top-left-radius: 0px; border-bottom-left-radius: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 0px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child:hover .cadre-inner .cadre-item{ border-top-left-radius: 0px; border-bottom-left-radius: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 0px;} /*** LES CADRES-ITEM-FINAL 768x1050px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final{ width: 663px; height: 128px; margin-left: 4px; margin-top: 4px; } /*** CADRE ITEM FIX ***/ /*** Gradient Red ***/ /*** Gradient Orange ***/ /*** Gradient Yellow ***/ /*** Gradient Green ***/ /*** Gradient Blue ***/ /** COLOR INSIDE = DEGRADE GRIS 768x1050px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final .color-inside{ width: 655px; height: 120px; left: 16px; margin-top: 3px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final .color-inside{ border-top-left-radius: 4px; border-bottom-left-radius: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final .color-inside{ border-top-left-radius: 4px; border-bottom-left-radius: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final .color-inside{ border-top-left-radius: 4px; border-bottom-left-radius: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final{ border-top-left-radius: 7px; border-bottom-left-radius: 7px; border-top-right-radius: 7px; border-bottom-right-radius: 7px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final{ border-top-left-radius: 7px; border-bottom-left-radius: 7px; border-top-right-radius: 7px; border-bottom-right-radius: 7px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final{ border-top-left-radius: 7px; border-bottom-left-radius: 7px; border-top-right-radius: 7px; border-bottom-right-radius: 7px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child:hover .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2):hover .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3):hover .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4):hover .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child:hover .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child:hover .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2):hover .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3):hover .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4):hover .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child:hover .cadre-inner .cadre-item .cadre-item-final{ width: 663px; height: 128px; margin-left: 4px; margin-top: 4px; } /*** Les LOGOS 768x1050px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .spip_logos_rappel{ height: 150px; margin-left: -5px; margin-top: -19px; width: 150px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child:hover .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2):hover .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3):hover .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4):hover .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child:hover .cadre-inner .spip_logos_rappel{ height: 150px; margin-left: -5px; margin-top: -19px; width: 150px;} /*** Les TITRES 768x1050px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li .spip_titre_rappel{ font-size: 27px; left: 148px; line-height: 40px; margin-left: 0; padding: 6px 0; text-align: left; text-shadow: 0 0 1px #FFFFFF, 0 0 1px #FFFFFF, 0 0 2px #FFFFFF, 0 0 5px #FFFFFF, 0 0 10px #FFFFFF, 0 0 16px #FFFFFF; top: 1px; width: 340px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:hover .spip_titre_rappel{ text-shadow: 0 0 1px #FFFFFF, 0 0 1px #FFFFFF, 0 0 2px #FFFFFF, 0 0 5px #FFFFFF, 0 0 10px #FFFFFF, 0 0 16px #FFFFFF;} /*** Les DESCRIPTIFS V1 avec titre sur 1 ligne 768x1050px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li .spip_descriptif_item-rappel{ display: block; width: 200px; margin-top: 0px; margin-left: 19px; font-size: 13px; line-height: 15px; padding: 10px 5px 1px 15px; border-radius: 10px;} /*** Les DESCRIPTIFS V2 avec titre sur 2 lignes 768x1050px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li .spip_descriptif_item-rappel2{ border-radius: 6px; display: block; font-size: 13px; line-height: 15px; margin-left: 133px; margin-top: -122px; padding: 40px 90px 3px 32px; width: 386px;} /*** POUR Les BTNS COULEURS(noir en fait) 768x1050px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final .color-inside .mon-btn-color, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final .color-inside .mon-btn-color, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final .color-inside .mon-btn-color, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final .color-inside .mon-btn-color, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final .color-inside .mon-btn-color{ border-radius: 5px; color: #FFFFFF; font-size: 12px; line-height: 0; margin-left: 545px; margin-top: -30px; padding: 10px 7px; width: 10.5%; z-index: 1000;} /*** POUR Les BTNS NOIR 768x1050px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final-fix .color-inside .mon-btn, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside .mon-btn, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside .mon-btn, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside .mon-btn, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final-fix .color-inside .mon-btn{ left: 0px; width: 36%; font-size: 16px; line-height: 16px; padding-left: 10px; padding-right: 10px; padding-top: 10px; padding-bottom: 10px; border-radius: 10px; margin-left: 74px; margin-top: 18px; } /******************************************************************************* LES SOUS-RUBRIQUE DE CONTENU 768x1050px ************************************************************************************/ /*** CONTENU RUBRIQUES ITEMS 768x1050px *****/ .spip-content .main .wrapper .content .box-texte{ background-color: rgba(255, 255, 255, 0.25); border: 1px solid #FFFFFF; border-radius: 0 0 12px 12px; left: 34px; position: absolute; text-shadow: none; top: 123px; transition: all 0.35s ease-in-out 0s; width: 673px; height: 733px; z-index: 10;} .spip-content .main .wrapper .content .box-texte .inner-txt{ padding: 7px 7px 7px 7px; border-radius: 10px 0px 0px 10px;} .spip-content .main .wrapper .content .box-texte .inner-txt .bg-texte{ width: 557px; height: 707px; padding: 0px 10px 10px 10px ; border-radius: 7px 0px 0px 7px; background-color: rgba(255, 255, 255, 0.85); border: 1px solid #fff;} .spip-content .main .wrapper .content .box-texte .inner-txt .bg-texte .texte{ border-radius: 5px; color: #808080; float: left; font-family: Arial,Helvetica,sans-serif; font-size: 14px; line-height: 16px; overflow: auto; padding: 50px 40px 20px 0; text-align: left; width: 527px; height: 647px;} p { margin: 0 0 0px;} /*** TEXTE DE LA RUBRIQUE-B 768x1050px *****/ .spip-content .main .wrapper .content .texte-rub1{ background-color: rgba(241, 241, 241, 0.85); border: 1px solid #FFFFFF; border-radius: 8px 8px 0 0; color: #555555; float: left; font-family: Arial,Helvetica,sans-serif; font-size: 14px; height: 66px; left: 34px; line-height: 17px; padding: 13px 20px 0 47px; position: absolute; text-align: left; top: 32px; width: 606px; } .spip-content .main #menu_rubriques1 { width: 1600px; height: 350px; left: 70px; margin-top: 240px;} .spip-content .main #menu_rubriques1 li{ font-size: .8em; margin-left: -1px; margin-top: -15px; } /*** DESCRIPTIF SSRUB 768x1050px *****/ .spip-content .main .wrapper .content .descriptif-ssrub{ background-color: rgba(241, 241, 241, 0.85); border: 1px solid #FFFFFF; border-radius: 8px 8px 0 0; color: #555555; float: left; font-family: Arial,Helvetica,sans-serif; font-size: 13px; height: 38px; left: 34px;line-height: 15px; padding: 9px 20px 0 30px; position: absolute; text-align: left; top: 75px; width: 623px;} /*** TAILLE DE L'IMAGE DANS LE CORPS DE TEXTE SPIP 768x1050px *****/ .spip_documents_left img{width: 90px; height: 90px; margin-left: 39px; margin-top: -8px; background-color: #fbfbfb;} /*** PARTICULARITE RUBRIQUE FORMULAIRE 768x1050px *****/ .spip-content .main .wrapper .content .box-texte .inner-txt-formulaire{ padding: 7px 7px 7px 7px; border-radius: 10px 0px 0px 10px; font-family: Arial,Helvetica,sans-serif; text-align: left;} .spip-content .main .wrapper .content .box-texte .inner-txt-formulaire .bg-texte-formulaire{ background-color: rgba(255, 255, 255, 0.85); border: 1px solid #FFFFFF; border-radius: 5px; color: #808080; float: left; font-family: Arial,Helvetica,sans-serif; font-size: 17px; line-height: 19px; overflow: none; padding: 0px; text-align: left; width: 657px; height: 717px;} /*** PARTICULARITE RUBRIQUE SIMPLE 768x1050px *****/ .spip-content .main .wrapper .content .box-texte .inner-txt-simple{ padding: 7px 7px 7px 7px; border-radius: 10px 0px 0px 10px; font-family: Arial,Helvetica,sans-serif; text-align: left;} .spip-content .main .wrapper .content .box-texte .inner-txt-simple .bg-texte-simple{ background-color: rgba(255, 255, 255, 0.85); border: 1px solid #FFFFFF; border-radius: 5px; color: #808080; float: left; font-family: Arial,Helvetica,sans-serif; font-size: 13px; height: 677px; line-height: 15px; overflow: auto; padding: 40px 40px 0; text-align: left; width: 578px; } /*** POUR LE PETIT MENU des SOUS RUBRIQUES en haut à droite 768x1050px *****/ .spip-content .main #menu_rubriques1 { position: absolute; text-align: left; width: 59px; height: 733px; z-index: 1000; top: -117px; padding-right: 20px; left: 628px; background-color: rgba(241, 241, 241, 0.7); border-top-left-radius: 0px; border-bottom-left-radius: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 12px; border: 1px solid #fff; } .spip-content .main #menu_rubriques1 li{ font-size: .8em; margin-left: -1px; list-style: none; margin-top: 0px; } .spip-content .main #menu_rubriques1 li ul li{ font-size: 1em; margin-left: 0em;} .spip-content .main #menu_rubriques1 { list-style-type:none; } .spip-content .main #menu_rubriques1 li { list-style-type: none; } .spip-content .main #menu_rubriques1 li li { list-style-type: none; } .spip-content .main #menu_rubriques1 li li li { list-style-type: none; } .spip-content .main #menu_rubriques1 hr {margin : 0.7em 0;} .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li { width: 114px; } .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li:hover { width: 114px; } .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li .spip_logos_rappel { height: 80px; width: 80px; margin-bottom: 24px; margin-top: -1px; margin-left: 1px;} .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li:hover .spip_logos_rappel {} .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li .spip_titre_rappel{ font-family: "Fugaz One"; font-size: 10px; line-height: 12px; list-style: none outside none; left: 3px; margin-top: -31px; position: absolute; text-align: center; width: 75px;} .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li:hover .spip_titre_rappel { } /*** Les currents 768x1050px ***/ .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li .nav_current_rub{ display: none;width: 120px; } .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li .nav_current_rub .spip_logos_rappel { width: 80px; height: 80px; padding-left: 18px; padding-top: 18px; padding-bottom: 10px;} .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li .nav_current_rub .spip_titre_rappel { position: absolute; width: 120px; margin-top: -14px; margin-left:-1px; text-align: center; font-size: 14px; line-height: 14px; list-style: none; } /*** FIN de 768x1050px *****/ } /***** MEDIA QUERY SOUS MON AILE 768x1280px *****/ @media screen and (min-width: 752px) and (max-width: 790px) and (min-height: 1081px) and (max-height: 1549px){ /**** SPIP CONTENT 768x1280px *****/ .contenu-mobil.spip-content{ display: none;} .contenu-desktop.spip-content{ display: block; width: 701px; height: 454px; margin-top: 0px;} /*** FIL d'ARIANE SPIP 768x1280px *****/ .spip-content .ariane{ width: 718px; z-index:100; top: 4px;} .spip-content .ariane .arbo{ padding-left: 10px; padding-right: 10px; font-size: 12px; line-height: 23px; width: auto; height: 20px; margin-top: 0px; text-shadow: 0 0 1px #FFFFFF, 0 0 1px #FFFFFF, 0 0 2px #FFFFFF, 0 0 5px #FFFFFF;} /*** CONTNER CONTENU SPIP 768x1280px *****/ .spip-content .main { width: 702px; height: 470px; margin-left: 0px; top: 74px;} .spip-content .main .wrapper .content { height: 470px; width: 702px; } /*** TITRES TITRE DE LA RUBRIQUE-1 768x1280px *****/ .titre-sma{ display: none; font-size: 20px; line-height: 2px; margin-top: 89px; padding-left: 138px; text-shadow: 0 0 1px #FFFFFF, 0 0 1px #FFFFFF, 0 0 2px #FFFFFF, 0 0 5px #FFFFFF, 0 0 10px #FFFFFF, 0 0 16px #FFFFFF; } .spip-content .main .wrapper .content .container2 { width: 1615px; margin-left:0px; margin-top: 0px;} /*** TITRES TITRE DE LA SOUS-RUBRIQUE-1 768x1280px *****/ h1.titre-sma-rub1, h1.titre-sma-ssrub{ font-size: 24px; line-height: 91px; margin-left: 85px; margin-top: -25px; text-shadow: 0 0 1px #FFFFFF, 0 0 1px #FFFFFF, 0 0 2px #FFFFFF, 0 0 5px #FFFFFF, 0 0 10px #FFFFFF, 0 0 13px #FFFFFF;} h1.titre-sma-rub1 .spip_logos , h1.titre-sma-ssrub .spip_logos { height: 60px; margin: 7px 0 0 -30px; width: 60px;} h1.titre-sma-rub1 .descriptif, h1.titre-sma-ssrub .descriptif{ font-size: 12px; line-height: 2px; top: 64px; margin-left: 0px; width: 510px;} /*** TEXTE DE LA RUBRIQUE-1 768x1280px *****/ .spip-content .main .wrapper .content .texte-rub1{ height: 66px; border-radius: 12px 12px 0 0; font-size: 14px; line-height: 17px; left: 14px; margin-top: 50px; padding: 12px 23px 0 50px; width: 600px;} .spip-content .main #menu_rubriques2 { height: 350px; left: -9px; margin-top: 159px;} .spip-content .main #menu_rubriques2 li{ font-size: .8em; margin-left: -1px; margin-top: -15px; } /*** LES BLOCS 768x1280px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li { width: 544px; height: 75px; z-index: 1;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:hover{ width: 544px; height: 75px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child{ left: 37px; top: 623px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2){ left: 26px; top: 464px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3){ left: 26px; top: 305px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4){ left: 26px; top: 146px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child{ left: 37px; top: -13px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child {border-top-right-radius: 0px; border-bottom-right-radius: 0px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2), .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3), .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4){ margin-left: 10px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child{ border-top-left-radius: 0px; border-bottom-left-radius: 0px; } /*** LES CADRES-INNER 768x1280px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner{ width: 688px; height: 158px; padding-top: 7px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child:hover .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2):hover .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3):hover .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4):hover .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child:hover .cadre-inner{ width: 688px; height: 158px; padding-top: 7px; } .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner { border-top-right-radius: 15px; border-bottom-right-radius: 15px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner{} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner { border-top-left-radius: 0px; border-bottom-left-radius: 0px;} /*** LES CADRES-ITEM 768x1280px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item{ width: 673px; height: 158px; margin-left: 7px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item{ border-top-left-radius: 0px; border-bottom-left-radius: 12px; border-top-right-radius: 0px; border-bottom-right-radius: 12px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item{ border-top-left-radius: 0px; border-bottom-left-radius: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 0px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item{ border-top-left-radius: 0px; border-bottom-left-radius: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 0px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child:hover .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2):hover .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3):hover .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4):hover .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child:hover .cadre-inner .cadre-item{ box-shadow: 0 0 2px #FFFFFF, 0 0 5px #FFFFFF, 0 0 10px #ffffff, 0 0 18px #ffffff; } .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child:hover .cadre-inner .cadre-item{ border-top-left-radius: 0px; border-bottom-left-radius: 12px; border-top-right-radius: 0px; border-bottom-right-radius: 12px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2):hover .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3):hover .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4):hover .cadre-inner .cadre-item{ border-top-left-radius: 0px; border-bottom-left-radius: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 0px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child:hover .cadre-inner .cadre-item{ border-top-left-radius: 0px; border-bottom-left-radius: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 0px;} /*** LES CADRES-ITEM-FINAL 768x1280px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final{ width: 663px; height: 148px; margin-left: 4px; margin-top: 4px; } /*** CADRE ITEM FIX ***/ /*** Gradient Red ***/ /*** Gradient Orange ***/ /*** Gradient Yellow ***/ /*** Gradient Green ***/ /*** Gradient Blue ***/ /** COLOR INSIDE = DEGRADE GRIS 768x1280px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final .color-inside{ width: 655px; height: 140px; left: 16px; margin-top: 3px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final .color-inside{ border-top-left-radius: 4px; border-bottom-left-radius: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final .color-inside{ border-top-left-radius: 4px; border-bottom-left-radius: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final .color-inside{ border-top-left-radius: 4px; border-bottom-left-radius: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final{ border-top-left-radius: 7px; border-bottom-left-radius: 7px; border-top-right-radius: 7px; border-bottom-right-radius: 7px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final{ border-top-left-radius: 7px; border-bottom-left-radius: 7px; border-top-right-radius: 7px; border-bottom-right-radius: 7px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final{ border-top-left-radius: 7px; border-bottom-left-radius: 7px; border-top-right-radius: 7px; border-bottom-right-radius: 7px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child:hover .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2):hover .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3):hover .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4):hover .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child:hover .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child:hover .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2):hover .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3):hover .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4):hover .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child:hover .cadre-inner .cadre-item .cadre-item-final{ width: 663px; height: 148px; margin-left: 4px; margin-top: 4px; } /*** Les LOGOS 768x1280px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .spip_logos_rappel{ height: 150px; margin-left: -5px; margin-top: -13px; width: 150px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child:hover .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2):hover .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3):hover .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4):hover .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child:hover .cadre-inner .spip_logos_rappel{ height: 150px; margin-left: -5px; margin-top: -13px; width: 150px;} /*** Les TITRES 768x1280px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li .spip_titre_rappel{ font-size: 27px; left: 148px; line-height: 40px; margin-left: 0; padding: 6px 0; text-align: left; text-shadow: 0 0 1px #FFFFFF, 0 0 1px #FFFFFF, 0 0 2px #FFFFFF, 0 0 5px #FFFFFF, 0 0 10px #FFFFFF, 0 0 16px #FFFFFF; top: 1px; width: 340px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:hover .spip_titre_rappel{ text-shadow: 0 0 1px #FFFFFF, 0 0 1px #FFFFFF, 0 0 2px #FFFFFF, 0 0 5px #FFFFFF, 0 0 10px #FFFFFF, 0 0 16px #FFFFFF;} /*** Les DESCRIPTIFS V1 avec titre sur 1 ligne 768x1280px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li .spip_descriptif_item-rappel{ display: block; width: 200px; margin-top: 0px; margin-left: 19px; font-size: 13px; line-height: 15px; padding: 10px 5px 1px 15px; border-radius: 10px;} /*** Les DESCRIPTIFS V2 avec titre sur 2 lignes 768x1280px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li .spip_descriptif_item-rappel2{ border-radius: 6px; display: block; font-size: 13px; line-height: 15px; margin-left: 133px; margin-top: -86px; padding: 10px 90px 3px 32px; width: 386px;} /*** POUR Les BTNS COULEURS(noir en fait) 768x1280px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final .color-inside .mon-btn-color, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final .color-inside .mon-btn-color, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final .color-inside .mon-btn-color, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final .color-inside .mon-btn-color, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final .color-inside .mon-btn-color{ border-radius: 5px; color: #FFFFFF; font-size: 12px; line-height: 0; margin-left: 545px; margin-top: -30px; padding: 10px 7px; width: 10.5%; z-index: 1000;} /*** POUR Les BTNS NOIR 768x1280px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final-fix .color-inside .mon-btn, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside .mon-btn, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside .mon-btn, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside .mon-btn, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final-fix .color-inside .mon-btn{ left: 0px; width: 36%; font-size: 16px; line-height: 16px; padding-left: 10px; padding-right: 10px; padding-top: 10px; padding-bottom: 10px; border-radius: 10px; margin-left: 74px; margin-top: 18px; } /******************************************************************************* LES SOUS-RUBRIQUE DE CONTENU 768x1280px ************************************************************************************/ /*** CONTENU RUBRIQUES ITEMS 768x1280px *****/ .spip-content .main .wrapper .content .box-texte{ background-color: rgba(255, 255, 255, 0.25); border: 1px solid #FFFFFF; border-radius: 0 0 12px 12px; left: 34px; position: absolute; text-shadow: none; top: 123px; transition: all 0.35s ease-in-out 0s; width: 673px; height: 833px; z-index: 10;} .spip-content .main .wrapper .content .box-texte .inner-txt{ padding: 7px 7px 7px 7px; border-radius: 10px 0px 0px 10px;} .spip-content .main .wrapper .content .box-texte .inner-txt .bg-texte{ width: 557px; height: 807px; padding: 0px 10px 10px 10px ; border-radius: 7px 0px 0px 7px; background-color: rgba(255, 255, 255, 0.85); border: 1px solid #fff;} .spip-content .main .wrapper .content .box-texte .inner-txt .bg-texte .texte{ border-radius: 5px; color: #808080; float: left; font-family: Arial,Helvetica,sans-serif; font-size: 14px; line-height: 16px; overflow: auto; padding: 50px 40px 20px 0; text-align: left; width: 507px; height: 747px;} p { margin: 0 0 0px;} /*** TEXTE DE LA RUBRIQUE-B 768x1280px *****/ .spip-content .main .wrapper .content .texte-rub1{ background-color: rgba(241, 241, 241, 0.85); border: 1px solid #FFFFFF; border-radius: 8px 8px 0 0; color: #555555; float: left; font-family: Arial,Helvetica,sans-serif; font-size: 14px; height: 66px; left: 34px; line-height: 17px; padding: 13px 20px 0 47px; position: absolute; text-align: left; top: 32px; width: 606px; } .spip-content .main #menu_rubriques1 { width: 1600px; height: 350px; left: 70px; margin-top: 240px;} .spip-content .main #menu_rubriques1 li{ font-size: .8em; margin-left: -1px; margin-top: -15px; } /*** DESCRIPTIF SSRUB 768x1280px *****/ .spip-content .main .wrapper .content .descriptif-ssrub{ background-color: rgba(241, 241, 241, 0.85); border: 1px solid #FFFFFF; border-radius: 8px 8px 0 0; color: #555555; float: left; font-family: Arial,Helvetica,sans-serif; font-size: 13px; height: 38px; left: 34px;line-height: 15px; padding: 9px 20px 0 30px; position: absolute; text-align: left; top: 75px; width: 623px;} /*** TAILLE DE L'IMAGE DANS LE CORPS DE TEXTE SPIP 768x1280px *****/ .spip_documents_left img{width: 90px; height: 90px; margin-left: 36px; margin-top: -8px; background-color: #fbfbfb;} /*** PARTICULARITE RUBRIQUE FORMULAIRE 768x1280px *****/ .spip-content .main .wrapper .content .box-texte .inner-txt-formulaire{ padding: 7px 7px 7px 7px; border-radius: 10px 0px 0px 10px; font-family: Arial,Helvetica,sans-serif; text-align: left;} .spip-content .main .wrapper .content .box-texte .inner-txt-formulaire .bg-texte-formulaire{ background-color: rgba(255, 255, 255, 0.85); border: 1px solid #FFFFFF; border-radius: 5px; color: #808080; float: left; font-family: Arial,Helvetica,sans-serif; font-size: 17px; line-height: 19px; overflow: none; padding: 0px; text-align: left; width: 657px; height: 816px;} /*** PARTICULARITE RUBRIQUE SIMPLE 768x1280px *****/ .spip-content .main .wrapper .content .box-texte .inner-txt-simple{ padding: 7px 7px 7px 7px; border-radius: 10px 0px 0px 10px; font-family: Arial,Helvetica,sans-serif; text-align: left;} .spip-content .main .wrapper .content .box-texte .inner-txt-simple .bg-texte-simple{ background-color: rgba(255, 255, 255, 0.85); border: 1px solid #FFFFFF; border-radius: 5px; color: #808080; float: left; font-family: Arial,Helvetica,sans-serif; font-size: 13px; height: 777px; line-height: 15px; overflow: auto; padding: 40px 40px 0; text-align: left; width: 578px; } /*** POUR LE PETIT MENU des SOUS RUBRIQUES en haut à droite 768x1280px *****/ .spip-content .main #menu_rubriques1 { position: absolute; text-align: left; width: 59px; height: 833px; z-index: 1000; top: -117px; padding-right: 20px; left: 628px; background-color: rgba(241, 241, 241, 0.7); border-top-left-radius: 0px; border-bottom-left-radius: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 12px; border: 1px solid #fff; } .spip-content .main #menu_rubriques1 li{ font-size: .8em; margin-left: -1px; list-style: none; margin-top: 0px; } .spip-content .main #menu_rubriques1 li ul li{ font-size: 1em; margin-left: 0em;} .spip-content .main #menu_rubriques1 { list-style-type:none; } .spip-content .main #menu_rubriques1 li { list-style-type: none; } .spip-content .main #menu_rubriques1 li li { list-style-type: none; } .spip-content .main #menu_rubriques1 li li li { list-style-type: none; } .spip-content .main #menu_rubriques1 hr {margin : 0.7em 0;} .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li { width: 114px; } .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li:hover { width: 114px; } .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li .spip_logos_rappel { height: 80px; width: 80px; margin-bottom: 24px; margin-top: -1px; margin-left: 1px;} .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li:hover .spip_logos_rappel {} .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li .spip_titre_rappel{ font-family: "Fugaz One"; font-size: 10px; line-height: 12px; list-style: none outside none; left: 3px; margin-top: -31px; position: absolute; text-align: center; width: 75px;} .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li:hover .spip_titre_rappel { } /*** Les currents 768x1280px ***/ .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li .nav_current_rub{ display: none;width: 120px; } .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li .nav_current_rub .spip_logos_rappel { width: 80px; height: 80px; padding-left: 18px; padding-top: 18px; padding-bottom: 10px;} .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li .nav_current_rub .spip_titre_rappel { position: absolute; width: 120px; margin-top: -14px; margin-left:-1px; text-align: center; font-size: 14px; line-height: 14px; list-style: none; } /*** FIN de 768x1280px *****/ } /*********************************************************************************************************************** ************************************** MEDIA QUERY SOUS MON AILE 800px de largeur *********************************** ************************************************************************************************************************/ /***** MEDIA QUERY SOUS MON AILE 800x600px *****/ @media screen and (min-width: 791px) and (max-width: 1009px) and (min-height: 300px) and (max-height: 749px){ /**** SPIP CONTENT 800x600px *****/ .contenu-mobil.spip-content{ display: none;} .contenu-desktop.spip-content{ display: block; width: 762px; height: 454px; margin-top: 0px; margin-left: 20px; } /*** FIL d'ARIANE SPIP 800x600px *****/ .spip-content .ariane{ width: 755px; z-index:100; top: 4px;} .spip-content .ariane .arbo{ padding-left: 10px; padding-right: 10px; font-size: 12px; line-height: 22px; width: auto; margin-top: 0px; text-shadow: 0 0 1px #FFFFFF, 0 0 1px #FFFFFF, 0 0 2px #FFFFFF, 0 0 5px #FFFFFF;} /*** CONTNER CONTENU SPIP 800x600px *****/ .spip-content .main { width: 762px; height: 373px; margin-left: -20px; top: 74px;} .spip-content .main .wrapper .content { height: 418px; width: 762px; } /*** TITRES TITRE DE LA RUBRIQUE-1 800x600px *****/ .titre-sma{ display: none; font-size: 20px; line-height: 2px; margin-top: 89px; padding-left: 138px; text-shadow: 0 0 1px #FFFFFF, 0 0 1px #FFFFFF, 0 0 2px #FFFFFF, 0 0 5px #FFFFFF, 0 0 10px #FFFFFF, 0 0 16px #FFFFFF; } .spip-content .main .wrapper .content .container2 { width: 1615px; margin-left:0px; margin-top: 0px;} /*** TITRES TITRE DE LA SOUS-RUBRIQUE-1 800x600px *****/ h1.titre-sma-rub1, h1.titre-sma-ssrub{ font-size: 24px; margin-left: 85px; line-height: 100px; margin-top: -30px; text-shadow: 0 0 1px #FFFFFF, 0 0 1px #FFFFFF, 0 0 2px #FFFFFF, 0 0 5px #FFFFFF, 0 0 10px #FFFFFF, 0 0 16px #FFFFFF;} h1.titre-sma-rub1 .spip_logos , h1.titre-sma-ssrub .spip_logos { height: 80px; margin: 10px 0 0 -41px; width: 80px;} h1.titre-sma-rub1 .descriptif, h1.titre-sma-ssrub .descriptif{ font-size: 16px; line-height: 2px; margin-top: -27px; margin-left: 0px; width : 510px;} /*** TEXTE DE LA RUBRIQUE-1 800x600px *****/ .spip-content .main .wrapper .content .texte-rub1{ border-radius: 8px 8px 8px 8px; font-size: 13px; height: 56px; left: 74px; line-height: 15px; margin-top: 60px; padding: 9px 10px 0 30px; width: 585px;} .spip-content .main #menu_rubriques2 { height: 350px; left: -27px; margin-top: 150px;} .spip-content .main #menu_rubriques2 li{ font-size: .8em; margin-left: -1px; margin-top: -15px; } /*** LES BLOCS 800x600px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li { width: 159px; height: 252px; z-index: 1;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:hover{ width: 159px; height: 252px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child{ left: 621px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2){ left: 464px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3){ left: 318px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4){ left: 172px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child{ left: 37px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child {border-top-right-radius: 0px; border-bottom-right-radius: 0px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2), .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3), .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4){ margin-left: 10px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child{ border-top-left-radius: 0px; border-bottom-left-radius: 0px; } /*** LES CADRES-INNER 800x600px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner{ width: 163px; height: 249px; padding-top: 7px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child:hover .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2):hover .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3):hover .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4):hover .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child:hover .cadre-inner{ width: 163px; height: 249px; padding-top: 7px; } .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner { border-top-right-radius: 15px; border-bottom-right-radius: 15px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner{} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner { border-top-left-radius: 0px; border-bottom-left-radius: 0px;} /*** LES CADRES-ITEM 800x600px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item{ width: 145px; height: 244px; margin-left: 7px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item{ border-top-left-radius: 0px; border-bottom-left-radius: 0px; border-top-right-radius: 12px; border-bottom-right-radius: 12px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item{ border-top-left-radius: 0px; border-bottom-left-radius: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 0px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item{ border-top-left-radius: 12px; border-bottom-left-radius: 12px; border-top-right-radius: 0px; border-bottom-right-radius: 0px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child:hover .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2):hover .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3):hover .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4):hover .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child:hover .cadre-inner .cadre-item{ box-shadow: 0 0 2px #FFFFFF, 0 0 5px #FFFFFF, 0 0 10px #ffffff, 0 0 18px #ffffff; } .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child:hover .cadre-inner .cadre-item{ border-top-left-radius: 0px; border-bottom-left-radius: 0px; border-top-right-radius: 12px; border-bottom-right-radius: 12px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2):hover .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3):hover .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4):hover .cadre-inner .cadre-item{ border-top-left-radius: 0px; border-bottom-left-radius: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 0px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child:hover .cadre-inner .cadre-item{ border-top-left-radius: 12px; border-bottom-left-radius: 12px; border-top-right-radius: 0px; border-bottom-right-radius: 0px;} /*** LES CADRES-ITEM-FINAL 800x600px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final{ width: 129px; height: 228px; margin-left: 7px; margin-top: 7px; } /*** CADRE ITEM FIX ***/ /*** Gradient Red ***/ /*** Gradient Orange ***/ /*** Gradient Yellow ***/ /*** Gradient Green ***/ /*** Gradient Blue ***/ /** COLOR INSIDE = DEGRADE GRIS 800x600px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final .color-inside{ width: 121px; height: 220px; left: 19px; margin-top: 3px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final .color-inside{ border-top-left-radius: 4px; border-bottom-left-radius: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final .color-inside{ border-top-left-radius: 4px; border-bottom-left-radius: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final .color-inside{ border-top-left-radius: 4px; border-bottom-left-radius: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final{ border-top-left-radius: 7px; border-bottom-left-radius: 7px; border-top-right-radius: 7px; border-bottom-right-radius: 7px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final{ border-top-left-radius: 7px; border-bottom-left-radius: 7px; border-top-right-radius: 7px; border-bottom-right-radius: 7px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final{ border-top-left-radius: 7px; border-bottom-left-radius: 7px; border-top-right-radius: 7px; border-bottom-right-radius: 7px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child:hover .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2):hover .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3):hover .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4):hover .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child:hover .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child:hover .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2):hover .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3):hover .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4):hover .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child:hover .cadre-inner .cadre-item .cadre-item-final{ width: 129px; height: 228px; margin-left: 7px; margin-top: 7px;} /*** Les LOGOS 800x600px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .spip_logos_rappel{ height: 120px; margin-left: 1px; margin-top: 0px; width: 120px; position: absolute;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child:hover .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2):hover .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3):hover .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4):hover .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child:hover .cadre-inner .spip_logos_rappel{ height: 120px; margin-left: 1px; margin-top: 0px; width: 120px;} /*** Les TITRES 800x600px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li .spip_titre_rappel{ font-size: 14px; line-height: 19px; margin-left: 0; padding: 10px; text-align: center; text-shadow: 0 0 1px #FFFFFF, 0 0 1px #FFFFFF, 0 0 2px #FFFFFF, 0 0 5px #FFFFFF, 0 0 10px #FFFFFF, 0 0 16px #FFFFFF; top: 105px; width: 100px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:hover .spip_titre_rappel{ text-shadow: 0 0 1px #FFFFFF, 0 0 1px #FFFFFF, 0 0 2px #FFFFFF, 0 0 5px #FFFFFF, 0 0 10px #FFFFFF, 0 0 16px #FFFFFF;} /*** Les DESCRIPTIFS V1 avec titre sur 1 ligne 800x600px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li .spip_descriptif_item-rappel{ display: block; width: 200px; margin-top: 0px; margin-left: 19px; font-size: 13px; line-height: 15px; padding: 10px 5px 1px 15px; border-radius: 10px;} /*** Les DESCRIPTIFS V2 avec titre sur 2 lignes 800x600px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li .spip_descriptif_item-rappel2{ display: none; border-radius: 0; font-size: 10px; line-height: 12px; margin-left: -1px; margin-top: 0; padding: 10px 4px 1px 5px; width: 159px; height: 138px;} /*** POUR Les BTNS COULEURS(noir en fait) 800x600px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final .color-inside .mon-btn-color, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final .color-inside .mon-btn-color, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final .color-inside .mon-btn-color, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final .color-inside .mon-btn-color, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final .color-inside .mon-btn-color{ border-radius: 5px; color: #FFFFFF; font-size: 11px; line-height: 2px; margin-left: 17px; margin-top: 160px; padding: 10px; width: 52.5%; z-index: 1000;} /******************************************************************************* LES SOUS-RUBRIQUE DE CONTENU 800x600px ************************************************************************************/ /*** TEXTE DE LA RUBRIQUE-B 800x600px *****/ .spip-content .main .wrapper .content .texte-rub1{ background-color: rgba(241, 241, 241, 0.85); border: 1px solid #FFFFFF; border-radius: 8px; color: #555555; float: left; font-family: Arial,Helvetica,sans-serif; font-size: 12px; height: 48px; left: 84px; line-height: 13px; padding: 8px 20px 0 17px; position: absolute; text-align: left; top: 25px; width: 546px; } .spip-content .main #menu_rubriques1 { width: 1600px; height: 350px; left: 70px; margin-top: 240px;} .spip-content .main #menu_rubriques1 li{ font-size: .8em; margin-left: -1px; margin-top: -15px; } /*** TEXTE DES SSRUBRIQUES BLUE, GREEN, YELLOW, ORANGE, RED 800x600px *****/ .spip-content .main .wrapper .content .box-texte{ position: absolute; top: 118px; left: 72px; border-radius: 10px 0px 0px 10px; width: 625px; height: 315px; z-index: 10; text-shadow: none; border-radius: 0px 0px 12px 12px; background-color: rgba(255, 255, 255, 0.25); border: 1px solid #FFFFFF;} .spip-content .main .wrapper .content .box-texte .inner-txt{ padding: 7px 7px 7px 7px; border-radius: 10px 0px 0px 10px;} .spip-content .main .wrapper .content .box-texte .inner-txt .bg-texte{ width: 509px; height: 289px; padding: 0px 10px 10px 10px ; border-radius: 7px 0px 0px 7px; background-color: rgba(255, 255, 255, 0.85); border: 1px solid #fff;} .spip-content .main .wrapper .content .box-texte .inner-txt .bg-texte .texte{ border-radius: 5px; color: #808080; float: left; font-family: Arial,Helvetica,sans-serif; font-size: 11px; line-height: 12px; overflow: auto; padding: 20px ; text-align: left; width: 479px; height: 259px;} .spip_document_1, .spip_document_2, .spip_document_3, .spip_document_4, .spip_document_5, .spip_document_6, .spip_document_7, .spip_document_8, .spip_document_9, .spip_document_10, .spip_document_11, .spip_document_12, .spip_document_13, .spip_document_14, .spip_document_15, .spip_document_16, .spip_document_17, .spip_document_18, .spip_document_19, .spip_document_20, .spip_document_21, .spip_document_22, .spip_document_23, .spip_document_24, .spip_document_25, .spip_document_26, .spip_document_27, .spip_document_28, .spip_document_29, .spip_document_30, .spip_document_31, .spip_document_32, .spip_document_33, .spip_document_34, .spip_document_35, .spip_document_36, .spip_document_37, .spip_document_38, .spip_document_39, .spip_document_40, .spip_document_41, .spip_document_42, .spip_document_43, .spip_document_44, .spip_document_45, .spip_document_46, .spip_document_47, .spip_document_48, .spip_document_49, .spip_document_50, .spip_document_51, .spip_document_52, .spip_document_53, .spip_document_54, .spip_document_55, .spip_document_56, .spip_document_57, .spip_document_58, .spip_document_59, .spip_document_60, .spip_document_61, .spip_document_62, .spip_document_63, .spip_document_64, .spip_document_65, .spip_document_66, .spip_document_67, .spip_document_68, .spip_document_69, .spip_document_70, .spip_document_71, .spip_document_72{ width: 40px!important; height: 50px!important; margin-left: 0px; margin-top: 0px; background-color: #fbfbfb;} p { margin: 0 0 0px;} /*** TEXTE DE LA RUBRIQUE-B 800x600px *****/ .spip-content .main .wrapper .content .texte-rub1{ background-color: rgba(241, 241, 241, 0.85); border: 1px solid #FFFFFF; border-radius: 8px; color: #555555; float: left; font-family: Arial,Helvetica,sans-serif; font-size: 12px; height: 49px; left: 64px; line-height: 13px; padding: 8px 30px 0 40px; position: absolute; text-align: left; top: 32px; width: 570px;} .spip-content .main #menu_rubriques1 { width: 1600px; height: 350px; left: 70px; margin-top: 240px;} .spip-content .main #menu_rubriques1 li{ font-size: .8em; margin-left: -1px; margin-top: -15px; } /*** DESCRIPTIF SSRUB 800x600px *****/ .spip-content .main .wrapper .content .descriptif-ssrub{ background-color: rgba(241, 241, 241, 0.85); border: 1px solid #FFFFFF; border-radius: 8px 8px 0 0; color: #555555; float: left; font-family: Arial,Helvetica,sans-serif; font-size: 13px; height: 38px; left: 72px;line-height: 15px; padding: 9px 20px 0 30px; position: absolute; text-align: left; top: 70px; width: 575px;} /*** TAILLE DE L'IMAGE DANS LE CORPS DE TEXTE SPIP 800x600px *****/ .spip_documents_left img{width: 40px; height: 40px; margin-left: 12px; margin-top: -3px; background-color: #fbfbfb;} /*** PARTICULARITE RUBRIQUE FORMULAIRE 800x600px *****/ .spip-content .main .wrapper .content .box-texte .inner-txt-formulaire{ padding: 7px 7px 7px 7px; border-radius: 10px 0px 0px 10px; font-family: Arial,Helvetica,sans-serif; text-align: left;} .spip-content .main .wrapper .content .box-texte .inner-txt-formulaire .bg-texte-formulaire{ border-radius: 7px 7px 7px 7px; background-color: rgba(255, 255, 255, 0.85); border: 1px solid #fff; float: left; overflow: auto; padding: 2px 160px 20px 80px; text-align: left; float: left; overflow: auto; border-radius: 5px; color: #808080; font-family: Arial,Helvetica,sans-serif; text-align: left; font-size: 18px; line-height: 20px; width: 369px; height: 276px;} /*** PARTICULARITE RUBRIQUE SIMPLE 800x600px *****/ .spip-content .main .wrapper .content .box-texte .inner-txt-simple{ padding: 7px 7px 7px 7px; border-radius: 10px 0px 0px 10px; font-family: Arial,Helvetica,sans-serif; text-align: left;} .spip-content .main .wrapper .content .box-texte .inner-txt-simple .bg-texte-simple{ background-color: rgba(255, 255, 255, 0.85); border: 1px solid #FFFFFF; border-radius: 5px; color: #808080; float: left; font-family: Arial,Helvetica,sans-serif; font-size: 13px; height: 259px; line-height: 15px; overflow: auto; padding: 40px 40px 0; text-align: left; width: 530px;} /*** POUR LE PETIT MENU des SOUS RUBRIQUES en haut à droite 800x600px *****/ .spip-content .main #menu_rubriques1 { position: absolute; text-align: left; width: 59px; height: 315px; z-index: 1000; top: -122px; padding-right: 20px; left: 618px; background-color: rgba(241, 241, 241, 0.7); border-top-left-radius: 0px; border-bottom-left-radius: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 12px; border: 1px solid #fff; } .spip-content .main #menu_rubriques1 li{ font-size: .8em; margin-left: -1px; list-style: none; margin-top: 0px; } .spip-content .main #menu_rubriques1 li ul li{ font-size: 1em; margin-left: 0em;} .spip-content .main #menu_rubriques1 { list-style-type:none; } .spip-content .main #menu_rubriques1 li { list-style-type: none; } .spip-content .main #menu_rubriques1 li li { list-style-type: none; } .spip-content .main #menu_rubriques1 li li li { list-style-type: none; } .spip-content .main #menu_rubriques1 hr {margin : 0.7em 0;} .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li { width: 114px; } .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li:hover { width: 114px; } .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li .spip_logos_rappel { height: 60px; width: 60px; margin-bottom: 17px; margin-top: -1px; margin-left: 10px;} .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li:hover .spip_logos_rappel {} .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li .spip_titre_rappel{ font-family: "Fugaz One"; font-size: 10px; line-height: 12px; list-style: none outside none; left: 3px; margin-top: -23px; position: absolute; text-align: center; width: 75px;} .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li:hover .spip_titre_rappel { } /*** Les currents 800x600px ***/ .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li .nav_current_rub{ display: none;width: 120px; } .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li .nav_current_rub .spip_logos_rappel { width: 80px; height: 80px; padding-left: 18px; padding-top: 18px; padding-bottom: 10px;} .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li .nav_current_rub .spip_titre_rappel { position: absolute; width: 120px; margin-top: -14px; margin-left:-1px; text-align: center; font-size: 14px; line-height: 14px; list-style: none;} /*** FIN de 800x600px *****/ } /***** MEDIA QUERY SOUS MON AILE 800x768px *****/ @media screen and (min-width: 791px) and (max-width: 1009px) and (min-height: 750px) and (max-height: 899px){ /**** SPIP CONTENT 800x768px *****/ .contenu-mobil.spip-content{ display: none;} .contenu-desktop.spip-content{ display: block; width: 762px; height: 454px; margin-top: 0px; margin-left: 20px; } /*** FIL d'ARIANE SPIP 800x768px *****/ .spip-content .ariane{ width: 755px; z-index:100; top: 4px;} .spip-content .ariane .arbo{ padding-left: 10px; padding-right: 10px; font-size: 12px; line-height: 22px; width: auto; margin-top: 0px; text-shadow: 0 0 1px #FFFFFF, 0 0 1px #FFFFFF, 0 0 2px #FFFFFF, 0 0 5px #FFFFFF;} /*** CONTNER CONTENU SPIP 800x768px *****/ .spip-content .main { width: 762px; height: 373px; margin-left: -20px; top: 74px;} .spip-content .main .wrapper .content { height: 418px; width: 762px; } /*** TITRES TITRE DE LA RUBRIQUE-1 800x768px *****/ .titre-sma{ display: none; font-size: 20px; line-height: 2px; margin-top: 89px; padding-left: 138px; text-shadow: 0 0 1px #FFFFFF, 0 0 1px #FFFFFF, 0 0 2px #FFFFFF, 0 0 5px #FFFFFF, 0 0 10px #FFFFFF, 0 0 16px #FFFFFF; } .spip-content .main .wrapper .content .container2 { width: 1615px; margin-left:0px; margin-top: 0px;} /*** TITRES TITRE DE LA SOUS-RUBRIQUE-1 800x768px *****/ h1.titre-sma-rub1, h1.titre-sma-ssrub{ font-size: 24px; margin-left: 85px; line-height: 100px; margin-top: -30px; text-shadow: 0 0 1px #FFFFFF, 0 0 1px #FFFFFF, 0 0 2px #FFFFFF, 0 0 5px #FFFFFF, 0 0 10px #FFFFFF, 0 0 16px #FFFFFF;} h1.titre-sma-rub1 .spip_logos , h1.titre-sma-ssrub .spip_logos { height: 80px; margin: 10px 0 0 -41px; width: 80px;} h1.titre-sma-rub1 .descriptif, h1.titre-sma-ssrub .descriptif{ font-size: 16px; line-height: 2px; margin-top: -27px; margin-left: 0px; width : 510px;} /*** TEXTE DE LA RUBRIQUE-1 800x768px *****/ .spip-content .main .wrapper .content .texte-rub1{ background-color: rgba(241, 241, 241, 0.85); border: 1px solid #FFFFFF; border-radius: 8px 8px 0 0; color: #555555; float: left; font-family: Arial,Helvetica,sans-serif; font-size: 13px; height: 52px; left: 72px; line-height: 15px; padding: 7px 20px 0 30px; position: absolute; text-align: left; top: 85px; width: 575px;} .spip-content .main #menu_rubriques2 { height: 350px; left: 31px; margin-top: 168px;} .spip-content .main #menu_rubriques2 li{ font-size: .8em; margin-left: -1px; margin-top: -15px; } /*** LES BLOCS 800x768px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li { width: 546px; height: 90px; z-index: 1;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:hover{ width: 546px; height: 90px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child{ left: 35px; top: 325px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2){ left: 24px; top: 234px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3){ left: 24px; top: 143px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4){ left: 24px; top: 52px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child{ left: 35px; top: -39px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child {border-top-right-radius: 0px; border-bottom-right-radius: 0px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2), .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3), .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4){ margin-left: 10px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child{ border-top-left-radius: 0px; border-bottom-left-radius: 0px; } /*** LES CADRES-INNER 800x768px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner{ width: 537px; height: 68px; padding-top: 7px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child:hover .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2):hover .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3):hover .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4):hover .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child:hover .cadre-inner{ width: 537px; height: 68px; padding-top: 7px; } .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner { border-top-right-radius: 15px; border-bottom-right-radius: 15px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner{} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner { border-top-left-radius: 0px; border-bottom-left-radius: 0px;} /*** LES CADRES-ITEM 800x768px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item{ width: 625px; height: 90px; margin-left: 7px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item{ border-top-left-radius: 0px; border-bottom-left-radius: 12px; border-top-right-radius: 0px; border-bottom-right-radius: 12px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item{ border-top-left-radius: 0px; border-bottom-left-radius: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 0px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item{ border-top-left-radius: 0px; border-bottom-left-radius: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 0px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child:hover .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2):hover .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3):hover .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4):hover .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child:hover .cadre-inner .cadre-item{ box-shadow: 0 0 2px #FFFFFF, 0 0 5px #FFFFFF, 0 0 10px #ffffff, 0 0 18px #ffffff; } .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child:hover .cadre-inner .cadre-item{ border-top-left-radius: 0px; border-bottom-left-radius: 12px; border-top-right-radius: 0px; border-bottom-right-radius: 12px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2):hover .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3):hover .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4):hover .cadre-inner .cadre-item{ border-top-left-radius: 0px; border-bottom-left-radius: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 0px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child:hover .cadre-inner .cadre-item{ border-top-left-radius: 0px; border-bottom-left-radius: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 0px;} /*** LES CADRES-ITEM-FINAL 800x768px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final{ width: 615px; height: 80px; margin-left: 4px; margin-top: 4px; } /*** CADRE ITEM FIX ***/ /*** Gradient Red ***/ /*** Gradient Orange ***/ /*** Gradient Yellow ***/ /*** Gradient Green ***/ /*** Gradient Blue ***/ /** COLOR INSIDE = DEGRADE GRIS 800x768px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final .color-inside{ width: 607px; height: 72px; left: 16px; margin-top: 3px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final .color-inside{ border-top-left-radius: 4px; border-bottom-left-radius: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final .color-inside{ border-top-left-radius: 4px; border-bottom-left-radius: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final .color-inside{ border-top-left-radius: 4px; border-bottom-left-radius: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final{ border-top-left-radius: 7px; border-bottom-left-radius: 7px; border-top-right-radius: 7px; border-bottom-right-radius: 7px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final{ border-top-left-radius: 7px; border-bottom-left-radius: 7px; border-top-right-radius: 7px; border-bottom-right-radius: 7px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final{ border-top-left-radius: 7px; border-bottom-left-radius: 7px; border-top-right-radius: 7px; border-bottom-right-radius: 7px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child:hover .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2):hover .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3):hover .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4):hover .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child:hover .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child:hover .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2):hover .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3):hover .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4):hover .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child:hover .cadre-inner .cadre-item .cadre-item-final{ width: 615px; height: 80px; margin-left: 4px; margin-top: 4px; } /*** Les LOGOS 800x768px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .spip_logos_rappel{ height: 86px; margin-left: 5px; margin-top: -8px; width: 86px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child:hover .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2):hover .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3):hover .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4):hover .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child:hover .cadre-inner .spip_logos_rappel{ height: 86px; margin-left: 5px; margin-top: -8px; width: 86px;} /*** Les TITRES 800x768px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li .spip_titre_rappel{ font-size: 14px; line-height: 13px; margin-left: 0; padding: 10px 0px; text-align: left; text-shadow: 0 0 1px #FFFFFF, 0 0 1px #FFFFFF, 0 0 2px #FFFFFF, 0 0 5px #FFFFFF, 0 0 10px #FFFFFF, 0 0 16px #FFFFFF; top: -3px; width: 262px; left: 96px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:hover .spip_titre_rappel{ text-shadow: 0 0 1px #FFFFFF, 0 0 1px #FFFFFF, 0 0 2px #FFFFFF, 0 0 5px #FFFFFF, 0 0 10px #FFFFFF, 0 0 16px #FFFFFF;} /*** Les DESCRIPTIFS V1 avec titre sur 1 ligne 800x768px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li .spip_descriptif_item-rappel{ display: block; width: 200px; margin-top: 0px; margin-left: 19px; font-size: 13px; line-height: 15px; padding: 10px 5px 1px 15px; border-radius: 10px;} /*** Les DESCRIPTIFS V2 avec titre sur 2 lignes 800x768px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li .spip_descriptif_item-rappel2{ border-radius: 6px; display: block; font-size: 12px; line-height: 13px; margin-left: -1px; margin-top: -79px; padding: 23px 141px 0 31px; width: 435px; height: 48px;} /*** POUR Les BTNS COULEURS(noir en fait) 800x768px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final .color-inside .mon-btn-color, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final .color-inside .mon-btn-color, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final .color-inside .mon-btn-color, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final .color-inside .mon-btn-color, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final .color-inside .mon-btn-color{ border-radius: 5px; color: #FFFFFF; font-size: 11px; line-height: 0; margin-left: 485px; margin-top: -34px; padding: 10px 4px 10px 14px; width: 12.5%; z-index: 1000;} /*** POUR Les BTNS NOIR 800x768px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final-fix .color-inside .mon-btn, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside .mon-btn, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside .mon-btn, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside .mon-btn, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final-fix .color-inside .mon-btn{ left: 0px; width: 36%; font-size: 16px; line-height: 16px; padding-left: 10px; padding-right: 10px; padding-top: 10px; padding-bottom: 10px; border-radius: 10px; margin-left: 74px; margin-top: 18px; } /******************************************************************************* LES SOUS-RUBRIQUE DE CONTENU 800x768px ************************************************************************************/ /*** TEXTE DE LA RUBRIQUE-B 800x768px *****/ .spip-content .main #menu_rubriques1 { width: 1600px; height: 350px; left: 70px; margin-top: 240px;} .spip-content .main #menu_rubriques1 li{ font-size: .8em; margin-left: -1px; margin-top: -15px; } /*** TEXTE DES SSRUBRIQUES BLUE, GREEN, YELLOW, ORANGE, RED 800x768px *****/ .spip-content .main .wrapper .content .box-texte{ position: absolute; top: 118px; left: 72px; border-radius: 10px 0px 0px 10px; width: 545px; height: 481px; z-index: 10; text-shadow: none; border-radius: 0px 0px 0px 12px; background-color: rgba(255, 255, 255, 0.25); border: 1px solid #FFFFFF;} .spip-content .main .wrapper .content .box-texte .inner-txt{ padding: 7px 7px 7px 7px; border-radius: 10px 0px 0px 10px;} .spip-content .main .wrapper .content .box-texte .inner-txt .bg-texte{ width: 510px; height: 455px; padding: 0px 10px 10px 10px ; border-radius: 7px 0px 0px 7px; background-color: rgba(255, 255, 255, 0.85); border: 1px solid #fff;} .spip-content .main .wrapper .content .box-texte .inner-txt .bg-texte .texte{ border-radius: 5px; color: #808080; float: left; font-family: Arial,Helvetica,sans-serif; font-size: 13px; line-height: 15px; height: 425px; overflow: auto; padding: 20px; text-align: left; width: 480px;} /*** DESCRIPTIF SSRUB 800x768px *****/ .spip-content .main .wrapper .content .descriptif-ssrub{ background-color: rgba(241, 241, 241, 0.85); border: 1px solid #FFFFFF; border-radius: 8px 8px 0 0; color: #555555; float: left; font-family: Arial,Helvetica,sans-serif; font-size: 13px; height: 38px; left: 72px;line-height: 15px; padding: 9px 20px 0 30px; position: absolute; text-align: left; top: 70px; width: 575px;} .spip_document_1, .spip_document_2, .spip_document_3, .spip_document_4, .spip_document_5, .spip_document_6, .spip_document_7, .spip_document_8, .spip_document_9, .spip_document_10, .spip_document_11, .spip_document_12, .spip_document_13, .spip_document_14, .spip_document_15, .spip_document_16, .spip_document_17, .spip_document_18, .spip_document_19, .spip_document_20, .spip_document_21, .spip_document_22, .spip_document_23, .spip_document_24, .spip_document_25, .spip_document_26, .spip_document_27, .spip_document_28, .spip_document_29, .spip_document_30, .spip_document_31, .spip_document_32, .spip_document_33, .spip_document_34, .spip_document_35, .spip_document_36, .spip_document_37, .spip_document_38, .spip_document_39, .spip_document_40, .spip_document_41, .spip_document_42, .spip_document_43, .spip_document_44, .spip_document_45, .spip_document_46, .spip_document_47, .spip_document_48, .spip_document_49, .spip_document_50, .spip_document_51, .spip_document_52, .spip_document_53, .spip_document_54, .spip_document_55, .spip_document_56, .spip_document_57, .spip_document_58, .spip_document_59, .spip_document_60, .spip_document_61, .spip_document_62, .spip_document_63, .spip_document_64, .spip_document_65, .spip_document_66, .spip_document_67, .spip_document_68, .spip_document_69, .spip_document_70, .spip_document_71, .spip_document_72{ width: 60px!important; height: 60px!important; margin-left: 0px; margin-top: 0px; background-color: #fbfbfb;} p { margin: 0 0 0px;} /*** TAILLE DE L'IMAGE DANS LE CORPS DE TEXTE SPIP 800x768px *****/ .spip_documents_left img{width: 60px; height: 60px; margin-left: 14px; margin-top: -6px; background-color: #fbfbfb;} /*** PARTICULARITE RUBRIQUE FORMULAIRE 800x768px *****/ .spip-content .main .wrapper .content .box-texte .inner-txt-formulaire{ padding: 7px 7px 7px 7px; border-radius: 10px 0px 0px 10px; font-family: Arial,Helvetica,sans-serif; text-align: left;} .spip-content .main .wrapper .content .box-texte .inner-txt-formulaire .bg-texte-formulaire{ background-color: rgba(255, 255, 255, 0.85); border: 1px solid #FFFFFF; border-radius: 5px; color: #808080; float: left; font-family: Arial,Helvetica,sans-serif; font-size: 17px; line-height: 19px; overflow: none; padding: 0px; text-align: left; width: 609px; height: 465px;} /*** PARTICULARITE RUBRIQUE SIMPLE 800x768px *****/ .spip-content .main .wrapper .content .box-texte .inner-txt-simple{ padding: 7px 7px 7px 7px; border-radius: 10px 0px 0px 10px; font-family: Arial,Helvetica,sans-serif; text-align: left;} .spip-content .main .wrapper .content .box-texte .inner-txt-simple .bg-texte-simple{ background-color: rgba(255, 255, 255, 0.85); border: 1px solid #FFFFFF; border-radius: 5px; color: #808080; float: left; font-family: Arial,Helvetica,sans-serif; font-size: 13px; height: 425px; line-height: 15px; overflow: auto; padding: 40px 40px 0; text-align: left; width: 530px;} /*** TEXTE DES SSRUBRIQUES BLUE, GREEN, YELLOW, ORANGE, RED 800x768px *****/ .spip-content .main .wrapper .content .box-texte{ background-color: rgba(255, 255, 255, 0.25); border: 1px solid #FFFFFF; border-radius: 0 0 12px 12px; left: 72px; position: absolute; text-shadow: none; top: 118px; width: 625px; height: 481px; z-index: 10;} .spip-content .main .wrapper .content .box-texte .inner-txt{ padding: 7px 7px 7px 7px; border-radius: 10px 0px 0px 10px;} .spip-content .main .wrapper .content .box-texte .inner-txt .bg-texte{ width: 509px; height: 465px; padding: 0px 10px 0px 10px ; border-radius: 7px 0px 0px 7px; background-color: rgba(255, 255, 255, 0.85); border: 1px solid #fff;} .spip-content .main .wrapper .content .box-texte .inner-txt .bg-texte .texte{ border-radius: 5px; color: #808080; float: left; font-family: Arial,Helvetica,sans-serif; font-size: 11px; height: 445px; line-height: 15px; margin-left: 0; overflow: auto; padding: 20px 40px 0 20px; text-align: left; width: 459px;} /*** POUR LE PETIT MENU des SOUS RUBRIQUES en haut à droite 800x768px *****/ .spip-content .main #menu_rubriques1 { position: absolute; text-align: left; width: 59px; height: 481px; z-index: 1000; top: -122px; padding-right: 20px; left: 618px; background-color: rgba(241, 241, 241, 0.7); border-top-left-radius: 0px; border-bottom-left-radius: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 12px; border: 1px solid #fff; } .spip-content .main #menu_rubriques1 li{ font-size: .8em; margin-left: -1px; list-style: none; margin-top: 0px; } .spip-content .main #menu_rubriques1 li ul li{ font-size: 1em; margin-left: 0em;} .spip-content .main #menu_rubriques1 { list-style-type:none; } .spip-content .main #menu_rubriques1 li { list-style-type: none; } .spip-content .main #menu_rubriques1 li li { list-style-type: none; } .spip-content .main #menu_rubriques1 li li li { list-style-type: none; } .spip-content .main #menu_rubriques1 hr {margin : 0.7em 0;} .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li { width: 114px; } .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li:hover { width: 114px; } .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li .spip_logos_rappel { height: 80px; width: 80px; margin-bottom: 24px; margin-top: -1px; margin-left: 1px;} .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li:hover .spip_logos_rappel {} .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li .spip_titre_rappel{ font-family: "Fugaz One"; font-size: 10px; line-height: 12px; list-style: none outside none; left: 3px; margin-top: -31px; position: absolute; text-align: center; width: 75px;} .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li:hover .spip_titre_rappel { } /*** Les currents 800x768px ***/ .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li .nav_current_rub{ display: none;width: 120px; } .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li .nav_current_rub .spip_logos_rappel { width: 80px; height: 80px; padding-left: 18px; padding-top: 18px; padding-bottom: 10px;} .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li .nav_current_rub .spip_titre_rappel { position: absolute; width: 120px; margin-top: -14px; margin-left:-1px; text-align: center; font-size: 14px; line-height: 14px; list-style: none; } /*** FIN de 800x768px *****/ } /***** MEDIA QUERY SOUS MON AILE 800x900px *****/ @media screen and (min-width: 791px) and (max-width: 1009px) and (min-height:900px) and (max-height: 1023px){ /**** SPIP CONTENT 800x900px *****/ .contenu-mobil.spip-content{ display: none;} .contenu-desktop.spip-content{ display: block; width: 762px; height: 454px; top: 74px; margin-left: 20px; } /*** FIL d'ARIANE SPIP 800x900px *****/ .spip-content .ariane{ width: 755px; z-index:100; top: 4px;} .spip-content .ariane .arbo{ padding-left: 10px; padding-right: 10px; font-size: 12px; line-height: 22px; width: auto; margin-top: 0px; text-shadow: 0 0 1px #FFFFFF, 0 0 1px #FFFFFF, 0 0 2px #FFFFFF, 0 0 5px #FFFFFF;} /*** CONTNER CONTENU SPIP 800x900px *****/ .spip-content .main { width: 762px; height: 373px; margin-left: -20px; top: 74px;} .spip-content .main .wrapper .content { height: 418px; width: 762px; } /*** TITRES TITRE DE LA RUBRIQUE-1 800x900px *****/ .titre-sma{ display: none; font-size: 20px; line-height: 2px; margin-top: 89px; padding-left: 138px; text-shadow: 0 0 1px #FFFFFF, 0 0 1px #FFFFFF, 0 0 2px #FFFFFF, 0 0 5px #FFFFFF, 0 0 10px #FFFFFF, 0 0 16px #FFFFFF; } .spip-content .main .wrapper .content .container2 { width: 1615px; margin-left:0px; margin-top: 0px;} /*** TITRES TITRE DE LA SOUS-RUBRIQUE-1 800x900px *****/ h1.titre-sma-rub1, h1.titre-sma-ssrub{ font-size: 24px; margin-left: 85px; line-height: 100px; margin-top: -30px; text-shadow: 0 0 1px #FFFFFF, 0 0 1px #FFFFFF, 0 0 2px #FFFFFF, 0 0 5px #FFFFFF, 0 0 10px #FFFFFF, 0 0 16px #FFFFFF;} h1.titre-sma-rub1 .spip_logos , h1.titre-sma-ssrub .spip_logos { height: 80px; margin: 10px 0 0 -41px; width: 80px;} h1.titre-sma-rub1 .descriptif, h1.titre-sma-ssrub .descriptif{ font-size: 16px; line-height: 2px; margin-top: -27px; margin-left: 0px; width : 510px;} /*** TEXTE DE LA RUBRIQUE-1 800x900px *****/ .spip-content .main .wrapper .content .texte-rub1{ background-color: rgba(241, 241, 241, 0.85); border: 1px solid #FFFFFF; border-radius: 8px 8px 0 0; color: #555555; float: left; font-family: Arial,Helvetica,sans-serif; font-size: 13px; height: 52px; left: 72px; line-height: 15px; padding: 7px 20px 0 30px; position: absolute; text-align: left; top: 85px; width: 575px;} .spip-content .main #menu_rubriques2 { height: 375px; left: 31px; margin-top: 168px;} .spip-content .main #menu_rubriques2 li{ font-size: .8em; margin-left: -1px; margin-top: -15px; } /*** LES BLOCS 800x900px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li { width: 546px; height: 90px; z-index: 1;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:hover{ width: 546px; height: 90px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child{ left: 35px; top: 425px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2){ left: 24px; top: 309px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3){ left: 24px; top: 193px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4){ left: 24px; top: 77px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child{ left: 35px; top: -39px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child {border-top-right-radius: 0px; border-bottom-right-radius: 0px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2), .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3), .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4){ margin-left: 10px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child{ border-top-left-radius: 0px; border-bottom-left-radius: 0px; } /*** LES CADRES-INNER 800x900px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner{ width: 537px; height: 68px; padding-top: 7px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child:hover .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2):hover .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3):hover .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4):hover .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child:hover .cadre-inner{ width: 537px; height: 68px; padding-top: 7px; } .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner { border-top-right-radius: 15px; border-bottom-right-radius: 15px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner{} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner { border-top-left-radius: 0px; border-bottom-left-radius: 0px;} /*** LES CADRES-ITEM 800x900px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item{ width: 625px; height: 115px; margin-left: 7px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item{ border-top-left-radius: 0px; border-bottom-left-radius: 12px; border-top-right-radius: 0px; border-bottom-right-radius: 12px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item{ border-top-left-radius: 0px; border-bottom-left-radius: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 0px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item{ border-top-left-radius: 0px; border-bottom-left-radius: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 0px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child:hover .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2):hover .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3):hover .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4):hover .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child:hover .cadre-inner .cadre-item{ box-shadow: 0 0 2px #FFFFFF, 0 0 5px #FFFFFF, 0 0 10px #ffffff, 0 0 18px #ffffff; } .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child:hover .cadre-inner .cadre-item{ border-top-left-radius: 0px; border-bottom-left-radius: 12px; border-top-right-radius: 0px; border-bottom-right-radius: 12px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2):hover .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3):hover .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4):hover .cadre-inner .cadre-item{ border-top-left-radius: 0px; border-bottom-left-radius: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 0px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child:hover .cadre-inner .cadre-item{ border-top-left-radius: 0px; border-bottom-left-radius: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 0px;} /*** LES CADRES-ITEM-FINAL 800x900px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final{ width: 615px; height: 105px; margin-left: 4px; margin-top: 4px; } /*** CADRE ITEM FIX ***/ /*** Gradient Red ***/ /*** Gradient Orange ***/ /*** Gradient Yellow ***/ /*** Gradient Green ***/ /*** Gradient Blue ***/ /** COLOR INSIDE = DEGRADE GRIS 800x900px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final .color-inside{ width: 607px; height: 97px; left: 16px; margin-top: 3px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final .color-inside{ border-top-left-radius: 4px; border-bottom-left-radius: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final .color-inside{ border-top-left-radius: 4px; border-bottom-left-radius: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final .color-inside{ border-top-left-radius: 4px; border-bottom-left-radius: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final{ border-top-left-radius: 7px; border-bottom-left-radius: 7px; border-top-right-radius: 7px; border-bottom-right-radius: 7px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final{ border-top-left-radius: 7px; border-bottom-left-radius: 7px; border-top-right-radius: 7px; border-bottom-right-radius: 7px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final{ border-top-left-radius: 7px; border-bottom-left-radius: 7px; border-top-right-radius: 7px; border-bottom-right-radius: 7px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child:hover .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2):hover .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3):hover .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4):hover .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child:hover .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child:hover .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2):hover .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3):hover .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4):hover .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child:hover .cadre-inner .cadre-item .cadre-item-final{ width: 615px; height: 105px; margin-left: 4px; margin-top: 4px; } /*** Les LOGOS 800x900px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .spip_logos_rappel{ height: 100px; margin-left: 5px; margin-top: -8px; width: 100px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child:hover .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2):hover .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3):hover .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4):hover .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child:hover .cadre-inner .spip_logos_rappel{ height: 100px; margin-left: 5px; margin-top: -8px; width: 100px;} /*** Les TITRES 800x900px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li .spip_titre_rappel{ font-size: 17px; line-height: 22px; margin-left: 0; padding: 10px 0px; text-align: left; text-shadow: 0 0 1px #FFFFFF, 0 0 1px #FFFFFF, 0 0 2px #FFFFFF, 0 0 5px #FFFFFF, 0 0 10px #FFFFFF, 0 0 16px #FFFFFF; top: -3px; width: 262px; left: 108px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:hover .spip_titre_rappel{ text-shadow: 0 0 1px #FFFFFF, 0 0 1px #FFFFFF, 0 0 2px #FFFFFF, 0 0 5px #FFFFFF, 0 0 10px #FFFFFF, 0 0 16px #FFFFFF;} /*** Les DESCRIPTIFS V1 avec titre sur 1 ligne 800x900px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li .spip_descriptif_item-rappel{ display: block; width: 200px; margin-top: 0px; margin-left: 19px; font-size: 13px; line-height: 15px; padding: 10px 5px 1px 15px; border-radius: 10px;} /*** Les DESCRIPTIFS V2 avec titre sur 2 lignes 800x900px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li .spip_descriptif_item-rappel2{ border-radius: 6px; display: block; font-size: 13px; line-height: 15px; margin-left: -1px; margin-top: -93px; padding: 34px 109px 7px 81px; width: 417px; height: 56px;} /*** POUR Les BTNS COULEURS(noir en fait) 800x900px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final .color-inside .mon-btn-color, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final .color-inside .mon-btn-color, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final .color-inside .mon-btn-color, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final .color-inside .mon-btn-color, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final .color-inside .mon-btn-color{ border-radius: 5px; color: #FFFFFF; font-size: 11px; line-height: 0; margin-left: 509px; margin-top: -34px; padding: 12px 8px 12px 11px; width: 10.5%; z-index: 1000;} /*** POUR Les BTNS NOIR 800x900px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final-fix .color-inside .mon-btn, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside .mon-btn, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside .mon-btn, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside .mon-btn, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final-fix .color-inside .mon-btn{ left: 0px; width: 36%; font-size: 16px; line-height: 16px; padding-left: 10px; padding-right: 10px; padding-top: 10px; padding-bottom: 10px; border-radius: 10px; margin-left: 74px; margin-top: 18px; } /******************************************************************************* LES SOUS-RUBRIQUE DE CONTENU 800x900px ************************************************************************************/ /*** TEXTE DE LA RUBRIQUE-B 800x900px *****/ .spip-content .main #menu_rubriques1 { width: 1600px; height: 350px; left: 70px; margin-top: 240px;} .spip-content .main #menu_rubriques1 li{ font-size: .8em; margin-left: -1px; margin-top: -15px; } /*** TEXTE DES SSRUBRIQUES BLUE, GREEN, YELLOW, ORANGE, RED 800x900px *****/ .spip-content .main .wrapper .content .box-texte{ position: absolute; top: 118px; left: 72px; border-radius: 10px 0px 0px 10px; width: 545px; height: 605px; z-index: 10; text-shadow: none; border-radius: 0px 0px 0px 12px; background-color: rgba(255, 255, 255, 0.25); border: 1px solid #FFFFFF;} .spip-content .main .wrapper .content .box-texte .inner-txt{ padding: 7px 7px 7px 7px; border-radius: 10px 0px 0px 10px;} .spip-content .main .wrapper .content .box-texte .inner-txt .bg-texte{ width: 510px; height: 579px; padding: 0px 10px 10px 10px ; border-radius: 7px 0px 0px 7px; background-color: rgba(255, 255, 255, 0.85); border: 1px solid #fff;} .spip-content .main .wrapper .content .box-texte .inner-txt .bg-texte .texte{ border-radius: 5px; color: #808080; float: left; font-family: Arial,Helvetica,sans-serif; font-size: 13px; line-height: 15px; height: 549px; overflow: auto; padding: 20px; text-align: left; width: 480px;} /*** DESCRIPTIF SSRUB 800x900px *****/ .spip-content .main .wrapper .content .descriptif-ssrub{ background-color: rgba(241, 241, 241, 0.85); border: 1px solid #FFFFFF; border-radius: 8px 8px 0 0; color: #555555; float: left; font-family: Arial,Helvetica,sans-serif; font-size: 13px; height: 38px; left: 72px;line-height: 15px; padding: 9px 40px 0 40px; position: absolute; text-align: left; top: 70px; width: 545px;} .spip_document_1, .spip_document_2, .spip_document_3, .spip_document_4, .spip_document_5, .spip_document_6, .spip_document_7, .spip_document_8, .spip_document_9, .spip_document_10, .spip_document_11, .spip_document_12, .spip_document_13, .spip_document_14, .spip_document_15, .spip_document_16, .spip_document_17, .spip_document_18, .spip_document_19, .spip_document_20, .spip_document_21, .spip_document_22, .spip_document_23, .spip_document_24, .spip_document_25, .spip_document_26, .spip_document_27, .spip_document_28, .spip_document_29, .spip_document_30, .spip_document_31, .spip_document_32, .spip_document_33, .spip_document_34, .spip_document_35, .spip_document_36, .spip_document_37, .spip_document_38, .spip_document_39, .spip_document_40, .spip_document_41, .spip_document_42, .spip_document_43, .spip_document_44, .spip_document_45, .spip_document_46, .spip_document_47, .spip_document_48, .spip_document_49, .spip_document_50, .spip_document_51, .spip_document_52, .spip_document_53, .spip_document_54, .spip_document_55, .spip_document_56, .spip_document_57, .spip_document_58, .spip_document_59, .spip_document_60, .spip_document_61, .spip_document_62, .spip_document_63, .spip_document_64, .spip_document_65, .spip_document_66, .spip_document_67, .spip_document_68, .spip_document_69, .spip_document_70, .spip_document_71, .spip_document_72{ width: 70px!important; height: 70px!important; margin-left: 0px; margin-top: 0px; background-color: #fbfbfb;} p { margin: 0 0 0px;} /*** TAILLE DE L'IMAGE DANS LE CORPS DE TEXTE SPIP 800x900px *****/ .spip_documents_left img{width: 70px; height: 70px; margin-left: 12px; margin-top: -5px; background-color: #fbfbfb;} /*** PARTICULARITE RUBRIQUE FORMULAIRE 800x900px *****/ .spip-content .main .wrapper .content .box-texte .inner-txt-formulaire{ padding: 7px 7px 7px 7px; border-radius: 10px 0px 0px 10px; font-family: Arial,Helvetica,sans-serif; text-align: left;} .spip-content .main .wrapper .content .box-texte .inner-txt-formulaire .bg-texte-formulaire{ background-color: rgba(255, 255, 255, 0.85); border: 1px solid #FFFFFF; border-radius: 5px; color: #808080; float: left; font-family: Arial,Helvetica,sans-serif; font-size: 17px; line-height: 19px; overflow: none; padding: 0px; text-align: left; width: 609px; height: 590px;} /*** PARTICULARITE RUBRIQUE SIMPLE 800x900px *****/ .spip-content .main .wrapper .content .box-texte .inner-txt-simple{ padding: 7px 7px 7px 7px; border-radius: 10px 0px 0px 10px; font-family: Arial,Helvetica,sans-serif; text-align: left;} .spip-content .main .wrapper .content .box-texte .inner-txt-simple .bg-texte-simple{ background-color: rgba(255, 255, 255, 0.85); border: 1px solid #FFFFFF; border-radius: 5px; color: #808080; float: left; font-family: Arial,Helvetica,sans-serif; font-size: 13px; height: 550px; line-height: 15px; overflow: auto; padding: 40px 40px 0; text-align: left; width: 530px;} /*** TEXTE DES SSRUBRIQUES BLUE, GREEN, YELLOW, ORANGE, RED 800x900px *****/ .spip-content .main .wrapper .content .box-texte{ position: absolute; top: 118px; left: 72px; width: 625px; height: 606px; z-index: 10; text-shadow: none; border-radius: 0px 0px 12px 12px; background-color: rgba(255, 255, 255, 0.25); border: 1px solid #FFFFFF;} .spip-content .main .wrapper .content .box-texte .inner-txt{ padding: 7px 7px 7px 7px; border-radius: 10px 0px 0px 10px;} .spip-content .main .wrapper .content .box-texte .inner-txt .bg-texte{ width: 509px; height: 580px; padding: 0px 10px 10px 10px ; border-radius: 7px 0px 0px 7px; background-color: rgba(255, 255, 255, 0.85); border: 1px solid #fff;} .spip-content .main .wrapper .content .box-texte .inner-txt .bg-texte .texte{ float: left; overflow: auto; width: 469px; height: 580px; padding: 10px 50px 0px 0px; border-radius: 5px; color: #808080; font-family: Arial,Helvetica,sans-serif; text-align: left; font-size: 11px; line-height: 15px;} /*** POUR LE PETIT MENU des SOUS RUBRIQUES en haut à droite 800x900px *****/ .spip-content .main #menu_rubriques1 { position: absolute; text-align: left; width: 59px; height: 606px; z-index: 1000; top: -122px; padding-right: 20px; left: 618px; background-color: rgba(241, 241, 241, 0.7); border-top-left-radius: 0px; border-bottom-left-radius: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 12px; border: 1px solid #fff; } .spip-content .main #menu_rubriques1 li{ font-size: .8em; margin-left: -1px; list-style: none; margin-top: 0px; } .spip-content .main #menu_rubriques1 li ul li{ font-size: 1em; margin-left: 0em;} .spip-content .main #menu_rubriques1 { list-style-type:none; } .spip-content .main #menu_rubriques1 li { list-style-type: none; } .spip-content .main #menu_rubriques1 li li { list-style-type: none; } .spip-content .main #menu_rubriques1 li li li { list-style-type: none; } .spip-content .main #menu_rubriques1 hr {margin : 0.7em 0;} .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li { width: 114px; } .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li:hover { width: 114px; } .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li .spip_logos_rappel { height: 80px; width: 80px; margin-bottom: 24px; margin-top: -1px; margin-left: 1px;} .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li:hover .spip_logos_rappel {} .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li .spip_titre_rappel{ font-family: "Fugaz One"; font-size: 10px; line-height: 12px; list-style: none outside none; left: 3px; margin-top: -31px; position: absolute; text-align: center; width: 75px;} .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li:hover .spip_titre_rappel { } /*** Les currents 800x900px ***/ .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li .nav_current_rub{ display: none;width: 120px; } .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li .nav_current_rub .spip_logos_rappel { width: 80px; height: 80px; padding-left: 18px; padding-top: 18px; padding-bottom: 10px;} .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li .nav_current_rub .spip_titre_rappel { position: absolute; width: 120px; margin-top: -14px; margin-left:-1px; text-align: center; font-size: 14px; line-height: 14px; list-style: none; } /*** FIN de 800x900px *****/ } /***** MEDIA QUERY SOUS MON AILE 800x1024px *****/ @media screen and (min-width: 791px) and (max-width: 1009px) and (min-height: 1024px) and (max-height: 1049px){ /**** SPIP CONTENT 800x1024px *****/ .contenu-mobil.spip-content{ display: none;} .contenu-desktop.spip-content{ display: block; width: 762px; height: 454px; top: 74px; margin-left: 20px; } /*** FIL d'ARIANE SPIP 800x1024px *****/ .spip-content .ariane{ width: 755px; z-index:100; top: 4px;} .spip-content .ariane .arbo{ padding-left: 10px; padding-right: 10px; font-size: 12px; line-height: 22px; width: auto; margin-top: 0px; text-shadow: 0 0 1px #FFFFFF, 0 0 1px #FFFFFF, 0 0 2px #FFFFFF, 0 0 5px #FFFFFF;} /*** CONTNER CONTENU SPIP 800x1024px *****/ .spip-content .main { width: 762px; height: 373px; margin-left: -20px; top: 74px;} .spip-content .main .wrapper .content { height: 418px; width: 762px; } /*** TITRES TITRE DE LA RUBRIQUE-1 800x1024px *****/ .titre-sma{ display: none; font-size: 20px; line-height: 2px; margin-top: 89px; padding-left: 138px; text-shadow: 0 0 1px #FFFFFF, 0 0 1px #FFFFFF, 0 0 2px #FFFFFF, 0 0 5px #FFFFFF, 0 0 10px #FFFFFF, 0 0 16px #FFFFFF; } .spip-content .main .wrapper .content .container2 { width: 1615px; margin-left:0px; margin-top: 0px;} /*** TITRES TITRE DE LA SOUS-RUBRIQUE-1 800x1024px *****/ h1.titre-sma-rub1, h1.titre-sma-ssrub{ font-size: 24px; margin-left: 85px; line-height: 100px; margin-top: -30px; text-shadow: 0 0 1px #FFFFFF, 0 0 1px #FFFFFF, 0 0 2px #FFFFFF, 0 0 5px #FFFFFF, 0 0 10px #FFFFFF, 0 0 16px #FFFFFF;} h1.titre-sma-rub1 .spip_logos , h1.titre-sma-ssrub .spip_logos { height: 80px; margin: 10px 0 0 -41px; width: 80px;} h1.titre-sma-rub1 .descriptif, h1.titre-sma-ssrub .descriptif{ font-size: 16px; line-height: 2px; margin-left: 0; margin-top: -27px; width: 510px;} /*** TEXTE DE LA RUBRIQUE-1 800x1024px *****/ .spip-content .main .wrapper .content .texte-rub1{ border-radius: 12px 12px 0 0; font-size: 13px; height: 56px; left: 74px; line-height: 15px; margin-top: 60px; padding: 9px 10px 0 30px; width: 585px;} .spip-content .main #menu_rubriques2 { height: 350px; left: 31px; margin-top: 168px;} .spip-content .main #menu_rubriques2 li{ font-size: .8em; margin-left: -1px; margin-top: -15px; } /*** LES BLOCS 800x1024px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li { width: 544px; height: 146px; z-index: 1;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:hover{ width: 544px; height: 146px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child{ left: 35px; top: 517px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2){ left: 24px; top: 378px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3){ left: 24px; top: 239px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4){ left: 24px; top: 100px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child{ left: 35px; top: -39px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child {border-top-right-radius: 0px; border-bottom-right-radius: 0px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2), .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3), .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4){ margin-left: 10px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child{ border-top-left-radius: 0px; border-bottom-left-radius: 0px; } /*** LES CADRES-INNER 800x1024px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner{ width: 537px; height: 68px; padding-top: 7px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child:hover .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2):hover .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3):hover .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4):hover .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child:hover .cadre-inner{ width: 537px; height: 68px; padding-top: 7px; } .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner { border-top-right-radius: 15px; border-bottom-right-radius: 15px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner{} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner { border-top-left-radius: 0px; border-bottom-left-radius: 0px;} /*** LES CADRES-ITEM 800x1024px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item{ width: 625px; height: 138px; margin-left: 7px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item{ border-top-left-radius: 0px; border-bottom-left-radius: 12px; border-top-right-radius: 0px; border-bottom-right-radius: 12px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item{ border-top-left-radius: 0px; border-bottom-left-radius: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 0px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item{ border-top-left-radius: 0px; border-bottom-left-radius: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 0px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child:hover .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2):hover .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3):hover .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4):hover .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child:hover .cadre-inner .cadre-item{ box-shadow: 0 0 2px #FFFFFF, 0 0 5px #FFFFFF, 0 0 10px #ffffff, 0 0 18px #ffffff; } .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child:hover .cadre-inner .cadre-item{ border-top-left-radius: 0px; border-bottom-left-radius: 12px; border-top-right-radius: 0px; border-bottom-right-radius: 12px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2):hover .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3):hover .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4):hover .cadre-inner .cadre-item{ border-top-left-radius: 0px; border-bottom-left-radius: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 0px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child:hover .cadre-inner .cadre-item{ border-top-left-radius: 0px; border-bottom-left-radius: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 0px;} /*** LES CADRES-ITEM-FINAL 800x1024px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final{ width: 615px; height: 128px; margin-left: 4px; margin-top: 4px; } /*** CADRE ITEM FIX ***/ /*** Gradient Red ***/ /*** Gradient Orange ***/ /*** Gradient Yellow ***/ /*** Gradient Green ***/ /*** Gradient Blue ***/ /** COLOR INSIDE = DEGRADE GRIS 800x1024px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final .color-inside{ width: 607px; height: 120px; left: 16px; margin-top: 3px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final .color-inside{ border-top-left-radius: 4px; border-bottom-left-radius: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final .color-inside{ border-top-left-radius: 4px; border-bottom-left-radius: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final .color-inside{ border-top-left-radius: 4px; border-bottom-left-radius: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final{ border-top-left-radius: 7px; border-bottom-left-radius: 7px; border-top-right-radius: 7px; border-bottom-right-radius: 7px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final{ border-top-left-radius: 7px; border-bottom-left-radius: 7px; border-top-right-radius: 7px; border-bottom-right-radius: 7px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final{ border-top-left-radius: 7px; border-bottom-left-radius: 7px; border-top-right-radius: 7px; border-bottom-right-radius: 7px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child:hover .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2):hover .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3):hover .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4):hover .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child:hover .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child:hover .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2):hover .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3):hover .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4):hover .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child:hover .cadre-inner .cadre-item .cadre-item-final{ width: 615px; height: 128px; margin-left: 4px; margin-top: 4px; } /*** Les LOGOS 800x1024px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .spip_logos_rappel{ height: 140px; margin-left: -5px; margin-top: -13px; width: 140px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child:hover .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2):hover .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3):hover .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4):hover .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child:hover .cadre-inner .spip_logos_rappel{ height: 140px; margin-left: -5px; margin-top: -13px; width: 140px;} /*** Les TITRES 800x1024px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li .spip_titre_rappel{ font-size: 20px; left: 148px; line-height: 20px; margin-left: 0; padding: 6px 0; text-align: left; text-shadow: 0 0 1px #FFFFFF, 0 0 1px #FFFFFF, 0 0 2px #FFFFFF, 0 0 5px #FFFFFF, 0 0 10px #FFFFFF, 0 0 16px #FFFFFF; top: 1px; width: 340px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:hover .spip_titre_rappel{ text-shadow: 0 0 1px #FFFFFF, 0 0 1px #FFFFFF, 0 0 2px #FFFFFF, 0 0 5px #FFFFFF, 0 0 10px #FFFFFF, 0 0 16px #FFFFFF;} /*** Les DESCRIPTIFS V1 avec titre sur 1 ligne 800x1024px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li .spip_descriptif_item-rappel{ display: block; width: 200px; margin-top: 0px; margin-left: 19px; font-size: 13px; line-height: 15px; padding: 10px 5px 1px 15px; border-radius: 10px;} /*** Les DESCRIPTIFS V2 avec titre sur 2 lignes 800x1024px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li .spip_descriptif_item-rappel2{ border-radius: 6px; display: block; font-size: 13px; line-height: 15px; margin-left: 123px; margin-top: -86px; padding: 8px 110px 0 0; width: 370px; } /*** POUR Les BTNS COULEURS(noir en fait) 800x1024px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final .color-inside .mon-btn-color, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final .color-inside .mon-btn-color, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final .color-inside .mon-btn-color, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final .color-inside .mon-btn-color, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final .color-inside .mon-btn-color{ border-radius: 5px;color: #FFFFFF; font-size: 11px; line-height: 0; margin-left: 488px; margin-top: -32px; padding: 10px 2px 10px 13px; width: 12.5%; z-index: 1000;} /*** POUR Les BTNS NOIR 800x1024px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final-fix .color-inside .mon-btn, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside .mon-btn, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside .mon-btn, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside .mon-btn, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final-fix .color-inside .mon-btn{ left: 0px; width: 36%; font-size: 16px; line-height: 16px; padding-left: 10px; padding-right: 10px; padding-top: 10px; padding-bottom: 10px; border-radius: 10px; margin-left: 74px; margin-top: 18px; } /******************************************************************************* LES SOUS-RUBRIQUE DE CONTENU 800x1024px ************************************************************************************/ /*** CONTENU RUBRIQUES ITEMS 800x1024px *****/ .spip-content .main .wrapper .content .box-texte{ background-color: rgba(255, 255, 255, 0.25); border: 1px solid #FFFFFF; border-radius: 0 0 12px 12px; left: 72px; position: absolute; text-shadow: none; top: 118px; transition: all 0.35s ease-in-out 0s; width: 625px; height: 721px; z-index: 10;} .spip-content .main .wrapper .content .box-texte .inner-txt{ padding: 7px 7px 7px 7px; border-radius: 10px 0px 0px 10px;} .spip-content .main .wrapper .content .box-texte .inner-txt .bg-texte{ width: 509px; height: 695px; padding: 0px 10px 10px 10px ; border-radius: 7px 0px 0px 7px; background-color: rgba(255, 255, 255, 0.85); border: 1px solid #fff;} .spip-content .main .wrapper .content .box-texte .inner-txt .bg-texte .texte{ border-radius: 5px; color: #808080; float: left; font-family: Arial,Helvetica,sans-serif; font-size: 14px; line-height: 16px; overflow: auto; padding: 50px 50px 20px 0; text-align: left; width: 470px; height: 682px;} p { margin: 0 0 0px;} /*** TEXTE DE LA RUBRIQUE-B 800x1024px *****/ .spip-content .main .wrapper .content .texte-rub1{ background-color: rgba(241, 241, 241, 0.85); border: 1px solid #FFFFFF; border-radius: 8px 8px 0 0; color: #555555; float: left; font-family: Arial,Helvetica,sans-serif; font-size: 13px; height: 52px; left: 72px; line-height: 15px; padding: 7px 20px 0 30px; position: absolute; text-align: left; top: 25px; width: 575px; height: 40px:} .spip-content .main #menu_rubriques1 { width: 1600px; height: 350px; left: 70px; margin-top: 240px;} .spip-content .main #menu_rubriques1 li{ font-size: .8em; margin-left: -1px; margin-top: -15px; } /*** DESCRIPTIF SSRUB 800x1024px *****/ .spip-content .main .wrapper .content .descriptif-ssrub{ background-color: rgba(241, 241, 241, 0.85); border: 1px solid #FFFFFF; border-radius: 8px 8px 0 0; color: #555555; float: left; font-family: Arial,Helvetica,sans-serif; font-size: 13px; height: 38px; left: 72px;line-height: 15px; padding: 9px 20px 0 30px; position: absolute; text-align: left; top: 70px; width: 575px;} /*** TAILLE DE L'IMAGE DANS LE CORPS DE TEXTE SPIP 800x1024px *****/ .spip_documents_left img{width: 90px; height: 90px; margin-left: 36px; margin-top: -8px; background-color: #fbfbfb;} /*** PARTICULARITE RUBRIQUE FORMULAIRE 800x1024px *****/ .spip-content .main .wrapper .content .box-texte .inner-txt-formulaire{ padding: 7px 7px 7px 7px; border-radius: 10px 0px 0px 10px; font-family: Arial,Helvetica,sans-serif; text-align: left;} .spip-content .main .wrapper .content .box-texte .inner-txt-formulaire .bg-texte-formulaire{ background-color: rgba(255, 255, 255, 0.85); border: 1px solid #FFFFFF; border-radius: 5px; color: #808080; float: left; font-family: Arial,Helvetica,sans-serif; font-size: 17px; line-height: 19px; overflow: none; padding: 0px; text-align: left; width: 609px; height: 705px;} /*** PARTICULARITE RUBRIQUE SIMPLE 800x1024px *****/ .spip-content .main .wrapper .content .box-texte .inner-txt-simple{ padding: 7px 7px 7px 7px; border-radius: 10px 0px 0px 10px; font-family: Arial,Helvetica,sans-serif; text-align: left;} .spip-content .main .wrapper .content .box-texte .inner-txt-simple .bg-texte-simple{ background-color: rgba(255, 255, 255, 0.85); border: 1px solid #FFFFFF; border-radius: 5px; color: #808080; float: left; font-family: Arial,Helvetica,sans-serif; font-size: 13px; height: 665px; line-height: 15px; overflow: auto; padding: 40px 40px 0; text-align: left; width: 530px;} /*** POUR LE PETIT MENU des SOUS RUBRIQUES en haut à droite 800x1024px *****/ .spip-content .main #menu_rubriques1 { position: absolute; text-align: left; width: 59px; height: 721px; z-index: 1000; top: -122px; padding-right: 20px; left: 618px; background-color: rgba(241, 241, 241, 0.7); border-top-left-radius: 0px; border-bottom-left-radius: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 12px; border: 1px solid #fff; } .spip-content .main #menu_rubriques1 li{ font-size: .8em; margin-left: -1px; list-style: none; margin-top: 0px; } .spip-content .main #menu_rubriques1 li ul li{ font-size: 1em; margin-left: 0em;} .spip-content .main #menu_rubriques1 { list-style-type:none; } .spip-content .main #menu_rubriques1 li { list-style-type: none; } .spip-content .main #menu_rubriques1 li li { list-style-type: none; } .spip-content .main #menu_rubriques1 li li li { list-style-type: none; } .spip-content .main #menu_rubriques1 hr {margin : 0.7em 0;} .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li { width: 114px; } .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li:hover { width: 114px; } .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li .spip_logos_rappel { height: 80px; width: 80px; margin-bottom: 24px; margin-top: -1px; margin-left: 1px;} .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li:hover .spip_logos_rappel {} .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li .spip_titre_rappel{ font-family: "Fugaz One"; font-size: 10px; line-height: 12px; list-style: none outside none; left: 3px; margin-top: -31px; position: absolute; text-align: center; width: 75px;} .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li:hover .spip_titre_rappel { } /*** Les currents 800x1024px ***/ .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li .nav_current_rub{ display: none;width: 120px; } .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li .nav_current_rub .spip_logos_rappel { width: 80px; height: 80px; padding-left: 18px; padding-top: 18px; padding-bottom: 10px;} .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li .nav_current_rub .spip_titre_rappel { position: absolute; width: 120px; margin-top: -14px; margin-left:-1px; text-align: center; font-size: 14px; line-height: 14px; list-style: none; } /*** FIN de 800x1024px *****/ } /***** MEDIA QUERY SOUS MON AILE 800x1050px *****/ @media screen and (min-width: 791px) and (max-width: 1009px) and (min-height: 1050px) and (max-height: 1080px){ /**** SPIP CONTENT 800x1050px *****/ .contenu-mobil.spip-content{ display: none;} .contenu-desktop.spip-content{ display: block; width: 762px; height: 454px; top: 74px; margin-left: 20px; } /*** FIL d'ARIANE SPIP 800x1050px *****/ .spip-content .ariane{ width: 755px; z-index:100; top: 4px;} .spip-content .ariane .arbo{ padding-left: 10px; padding-right: 10px; font-size: 12px; line-height: 22px; width: auto; margin-top: 0px; text-shadow: 0 0 1px #FFFFFF, 0 0 1px #FFFFFF, 0 0 2px #FFFFFF, 0 0 5px #FFFFFF;} /*** CONTNER CONTENU SPIP 800x1050px *****/ .spip-content .main { width: 762px; height: 373px; margin-left: -20px; top: 74px;} .spip-content .main .wrapper .content { height: 418px; width: 762px; } /*** TITRES TITRE DE LA RUBRIQUE-1 800x1050px *****/ .titre-sma{ display: none; font-size: 20px; line-height: 2px; margin-top: 89px; padding-left: 138px; text-shadow: 0 0 1px #FFFFFF, 0 0 1px #FFFFFF, 0 0 2px #FFFFFF, 0 0 5px #FFFFFF, 0 0 10px #FFFFFF, 0 0 16px #FFFFFF; } .spip-content .main .wrapper .content .container2 { width: 1615px; margin-left:0px; margin-top: 0px;} /*** TITRES TITRE DE LA SOUS-RUBRIQUE-1 800x1050px *****/ h1.titre-sma-rub1, h1.titre-sma-ssrub{ font-size: 24px; margin-left: 85px; line-height: 100px; margin-top: -30px; text-shadow: 0 0 1px #FFFFFF, 0 0 1px #FFFFFF, 0 0 2px #FFFFFF, 0 0 5px #FFFFFF, 0 0 10px #FFFFFF, 0 0 16px #FFFFFF;} h1.titre-sma-rub1 .spip_logos , h1.titre-sma-ssrub .spip_logos { height: 80px; margin: 10px 0 0 -41px; width: 80px;} h1.titre-sma-rub1 .descriptif, h1.titre-sma-ssrub .descriptif{ font-size: 16px; line-height: 2px; margin-top: -27px; margin-left: 0px; width : 510px;} /*** TEXTE DE LA RUBRIQUE-1 800x1050px *****/ .spip-content .main .wrapper .content .texte-rub1{ border-radius: 12px 12px 0 0; font-size: 13px; height: 56px; left: 74px; line-height: 15px; margin-top: 57px; padding: 9px 10px 0 30px; width: 585px;} .spip-content .main #menu_rubriques2 { height: 350px; left: 31px; margin-top: 150px;} .spip-content .main #menu_rubriques2 li{ font-size: .8em; margin-left: -1px; margin-top: -15px; } /*** LES BLOCS 800x1050px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li { width: 544px; height: 75px; z-index: 1;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:hover{ width: 544px; height: 75px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child{ left: 35px; top: 572px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2){ left: 24px; top: 423px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3){ left: 24px; top: 274px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4){ left: 24px; top: 125px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child{ left: 35px; top: -24px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child {border-top-right-radius: 0px; border-bottom-right-radius: 0px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2), .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3), .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4){ margin-left: 10px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child{ border-top-left-radius: 0px; border-bottom-left-radius: 0px; } /*** LES CADRES-INNER 800x1050px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner{ width: 537px; height: 68px; padding-top: 7px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child:hover .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2):hover .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3):hover .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4):hover .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child:hover .cadre-inner{ width: 537px; height: 68px; padding-top: 7px; } .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner { border-top-right-radius: 15px; border-bottom-right-radius: 15px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner{} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner { border-top-left-radius: 0px; border-bottom-left-radius: 0px;} /*** LES CADRES-ITEM 800x1050px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item{ width: 625px; height: 148px; margin-left: 7px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item{ border-top-left-radius: 0px; border-bottom-left-radius: 12px; border-top-right-radius: 0px; border-bottom-right-radius: 12px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item{ border-top-left-radius: 0px; border-bottom-left-radius: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 0px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item{ border-top-left-radius: 0px; border-bottom-left-radius: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 0px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child:hover .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2):hover .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3):hover .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4):hover .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child:hover .cadre-inner .cadre-item{ box-shadow: 0 0 2px #FFFFFF, 0 0 5px #FFFFFF, 0 0 10px #ffffff, 0 0 18px #ffffff; } .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child:hover .cadre-inner .cadre-item{ border-top-left-radius: 0px; border-bottom-left-radius: 12px; border-top-right-radius: 0px; border-bottom-right-radius: 12px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2):hover .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3):hover .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4):hover .cadre-inner .cadre-item{ border-top-left-radius: 0px; border-bottom-left-radius: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 0px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child:hover .cadre-inner .cadre-item{ border-top-left-radius: 0px; border-bottom-left-radius: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 0px;} /*** LES CADRES-ITEM-FINAL 800x1050px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final{ width: 615px; height: 138px; margin-left: 4px; margin-top: 4px; } /*** CADRE ITEM FIX ***/ /*** Gradient Red ***/ /*** Gradient Orange ***/ /*** Gradient Yellow ***/ /*** Gradient Green ***/ /*** Gradient Blue ***/ /** COLOR INSIDE = DEGRADE GRIS 800x1050px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final .color-inside{ width: 607px; height: 130px; left: 16px; margin-top: 3px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final .color-inside{ border-top-left-radius: 4px; border-bottom-left-radius: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final .color-inside{ border-top-left-radius: 4px; border-bottom-left-radius: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final .color-inside{ border-top-left-radius: 4px; border-bottom-left-radius: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final{ border-top-left-radius: 7px; border-bottom-left-radius: 7px; border-top-right-radius: 7px; border-bottom-right-radius: 7px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final{ border-top-left-radius: 7px; border-bottom-left-radius: 7px; border-top-right-radius: 7px; border-bottom-right-radius: 7px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final{ border-top-left-radius: 7px; border-bottom-left-radius: 7px; border-top-right-radius: 7px; border-bottom-right-radius: 7px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child:hover .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2):hover .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3):hover .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4):hover .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child:hover .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child:hover .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2):hover .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3):hover .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4):hover .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child:hover .cadre-inner .cadre-item .cadre-item-final{ width: 615px; height: 138px; margin-left: 4px; margin-top: 4px; } /*** Les LOGOS 800x1050px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .spip_logos_rappel{ height: 150px; margin-left: -5px; margin-top: -13px; width: 150px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child:hover .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2):hover .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3):hover .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4):hover .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child:hover .cadre-inner .spip_logos_rappel{ height: 150px; margin-left: -5px; margin-top: -13px; width: 150px;} /*** Les TITRES 800x1050px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li .spip_titre_rappel{ font-size: 23px; left: 148px; line-height: 20px; margin-left: 0; padding: 6px 0; text-align: left; text-shadow: 0 0 1px #FFFFFF, 0 0 1px #FFFFFF, 0 0 2px #FFFFFF, 0 0 5px #FFFFFF, 0 0 10px #FFFFFF, 0 0 16px #FFFFFF; top: 1px; width: 340px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:hover .spip_titre_rappel{ text-shadow: 0 0 1px #FFFFFF, 0 0 1px #FFFFFF, 0 0 2px #FFFFFF, 0 0 5px #FFFFFF, 0 0 10px #FFFFFF, 0 0 16px #FFFFFF;} /*** Les DESCRIPTIFS V1 avec titre sur 1 ligne 800x1050px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li .spip_descriptif_item-rappel{ display: block; width: 200px; margin-top: 0px; margin-left: 19px; font-size: 13px; line-height: 15px; padding: 10px 5px 1px 15px; border-radius: 10px;} /*** Les DESCRIPTIFS V2 avec titre sur 2 lignes 800x1050px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li .spip_descriptif_item-rappel2{ border-radius: 6px; display: block; font-size: 13px; line-height: 14px; margin-left: 133px; margin-top: -99px; padding: 8px 16px 23px 20px; width: 423px;} /*** POUR Les BTNS COULEURS(noir en fait) 800x1050px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final .color-inside .mon-btn-color, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final .color-inside .mon-btn-color, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final .color-inside .mon-btn-color, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final .color-inside .mon-btn-color, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final .color-inside .mon-btn-color{ border-radius: 5px;color: #FFFFFF; font-size: 12px; line-height: 0; margin-left: 483px; margin-top: -28px; padding: 10px 0px 10px 13px; width: 13.5%; z-index: 1000;} /*** POUR Les BTNS NOIR 800x1050px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final-fix .color-inside .mon-btn, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside .mon-btn, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside .mon-btn, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside .mon-btn, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final-fix .color-inside .mon-btn{ left: 0px; width: 36%; font-size: 16px; line-height: 16px; padding-left: 10px; padding-right: 10px; padding-top: 10px; padding-bottom: 10px; border-radius: 10px; margin-left: 74px; margin-top: 18px; } /******************************************************************************* LES SOUS-RUBRIQUE DE CONTENU 800x1050px ************************************************************************************/ /*** CONTENU RUBRIQUES ITEMS 800x1050px *****/ .spip-content .main .wrapper .content .box-texte{ background-color: rgba(255, 255, 255, 0.25); border: 1px solid #FFFFFF; border-radius: 0 0 12px 12px; left: 72px; position: absolute; text-shadow: none; top: 118px; transition: all 0.35s ease-in-out 0s; width: 625px; height: 768px; z-index: 10;} .spip-content .main .wrapper .content .box-texte .inner-txt{ padding: 7px 7px 7px 7px; border-radius: 10px 0px 0px 10px;} .spip-content .main .wrapper .content .box-texte .inner-txt .bg-texte{ width: 509px; height: 742px; padding: 0px 10px 10px 10px ; border-radius: 7px 0px 0px 7px; background-color: rgba(255, 255, 255, 0.85); border: 1px solid #fff;} .spip-content .main .wrapper .content .box-texte .inner-txt .bg-texte .texte{ border-radius: 5px; color: #808080; float: left; font-family: Arial,Helvetica,sans-serif; font-size: 14px; line-height: 16px; overflow: auto; padding: 50px 50px 20px 0; text-align: left; width: 470px; height: 682px;} p { margin: 0 0 0px;} /*** TEXTE DE LA RUBRIQUE-B 800x1050px *****/ .spip-content .main .wrapper .content .texte-rub1{ background-color: rgba(241, 241, 241, 0.85); border: 1px solid #FFFFFF; border-radius: 8px 8px 0 0; color: #555555; float: left; font-family: Arial,Helvetica,sans-serif; font-size: 13px; height: 52px; left: 72px; line-height: 15px; padding: 7px 20px 0 30px; position: absolute; text-align: left; top: 25px; width: 575px; height: 40px:} .spip-content .main #menu_rubriques1 { width: 1600px; height: 350px; left: 70px; margin-top: 240px;} .spip-content .main #menu_rubriques1 li{ font-size: .8em; margin-left: -1px; margin-top: -15px; } /*** DESCRIPTIF SSRUB 800x1050px *****/ .spip-content .main .wrapper .content .descriptif-ssrub{ background-color: rgba(241, 241, 241, 0.85); border: 1px solid #FFFFFF; border-radius: 8px 8px 0 0; color: #555555; float: left; font-family: Arial,Helvetica,sans-serif; font-size: 13px; height: 38px; left: 72px;line-height: 15px; padding: 9px 20px 0 30px; position: absolute; text-align: left; top: 70px; width: 575px;} /*** TAILLE DE L'IMAGE DANS LE CORPS DE TEXTE SPIP 800x1050px *****/ .spip_documents_left img{width: 90px; height: 90px; margin-left: 36px; margin-top: -8px; background-color: #fbfbfb;} /*** PARTICULARITE RUBRIQUE FORMULAIRE 800x1050px *****/ .spip-content .main .wrapper .content .box-texte .inner-txt-formulaire{ padding: 7px 7px 7px 7px; border-radius: 10px 0px 0px 10px; font-family: Arial,Helvetica,sans-serif; text-align: left;} .spip-content .main .wrapper .content .box-texte .inner-txt-formulaire .bg-texte-formulaire{ background-color: rgba(255, 255, 255, 0.85); border: 1px solid #FFFFFF; border-radius: 5px; color: #808080; float: left; font-family: Arial,Helvetica,sans-serif; font-size: 17px; line-height: 19px; overflow: none; padding: 0px; text-align: left; width: 609px; height: 752px;} /*** PARTICULARITE RUBRIQUE SIMPLE 800x1050px *****/ .spip-content .main .wrapper .content .box-texte .inner-txt-simple{ padding: 7px 7px 7px 7px; border-radius: 10px 0px 0px 10px; font-family: Arial,Helvetica,sans-serif; text-align: left;} .spip-content .main .wrapper .content .box-texte .inner-txt-simple .bg-texte-simple{ background-color: rgba(255, 255, 255, 0.85); border: 1px solid #FFFFFF; border-radius: 5px; color: #808080; float: left; font-family: Arial,Helvetica,sans-serif; font-size: 13px; height: 712px; line-height: 15px; overflow: auto; padding: 40px 40px 0; text-align: left; width: 530px;} /*** POUR LE PETIT MENU des SOUS RUBRIQUES en haut à droite 800x1050px *****/ .spip-content .main #menu_rubriques1 { position: absolute; text-align: left; width: 59px; height: 768px; z-index: 1000; top: -122px; padding-right: 20px; left: 618px; background-color: rgba(241, 241, 241, 0.7); border-top-left-radius: 0px; border-bottom-left-radius: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 12px; border: 1px solid #fff; } .spip-content .main #menu_rubriques1 li{ font-size: .8em; margin-left: -1px; list-style: none; margin-top: 0px; } .spip-content .main #menu_rubriques1 li ul li{ font-size: 1em; margin-left: 0em;} .spip-content .main #menu_rubriques1 { list-style-type:none; } .spip-content .main #menu_rubriques1 li { list-style-type: none; } .spip-content .main #menu_rubriques1 li li { list-style-type: none; } .spip-content .main #menu_rubriques1 li li li { list-style-type: none; } .spip-content .main #menu_rubriques1 hr {margin : 0.7em 0;} .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li { width: 114px; } .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li:hover { width: 114px; } .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li .spip_logos_rappel { height: 80px; width: 80px; margin-bottom: 24px; margin-top: -1px; margin-left: 1px;} .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li:hover .spip_logos_rappel {} .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li .spip_titre_rappel{ font-family: "Fugaz One"; font-size: 10px; line-height: 12px; list-style: none outside none; left: 3px; margin-top: -31px; position: absolute; text-align: center; width: 75px;} .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li:hover .spip_titre_rappel { } /*** Les currents 800x1050px ***/ .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li .nav_current_rub{ display: none;width: 120px; } .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li .nav_current_rub .spip_logos_rappel { width: 80px; height: 80px; padding-left: 18px; padding-top: 18px; padding-bottom: 10px;} .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li .nav_current_rub .spip_titre_rappel { position: absolute; width: 120px; margin-top: -14px; margin-left:-1px; text-align: center; font-size: 14px; line-height: 14px; list-style: none; } /*** FIN de 800x1050px *****/ } /***** MEDIA QUERY SOUS MON AILE 800x1280px *****/ @media screen and (min-width: 791px) and (max-width: 1009px) and (min-height: 1081px) and (max-height: 1549px){ /**** SPIP CONTENT 800x1280px *****/ .contenu-mobil.spip-content{ display: none;} .contenu-desktop.spip-content{ display: block; width: 762px; height: 454px; top: 74px; margin-left: 20px; } /*** FIL d'ARIANE SPIP 800x1280px *****/ .spip-content .ariane{ width: 755px; z-index:100; top: 4px;} .spip-content .ariane .arbo{ padding-left: 10px; padding-right: 10px; font-size: 12px; line-height: 22px; width: auto; margin-top: 0px; text-shadow: 0 0 1px #FFFFFF, 0 0 1px #FFFFFF, 0 0 2px #FFFFFF, 0 0 5px #FFFFFF;} /*** CONTNER CONTENU SPIP 800x1280px *****/ .spip-content .main { width: 762px; height: 373px; margin-left: -20px; top: 74px;} .spip-content .main .wrapper .content { height: 418px; width: 762px; } /*** TITRES TITRE DE LA RUBRIQUE-1 800x1280px *****/ .titre-sma{ display: none; font-size: 20px; line-height: 2px; margin-top: 89px; padding-left: 138px; text-shadow: 0 0 1px #FFFFFF, 0 0 1px #FFFFFF, 0 0 2px #FFFFFF, 0 0 5px #FFFFFF, 0 0 10px #FFFFFF, 0 0 16px #FFFFFF; } .spip-content .main .wrapper .content .container2 { width: 1615px; margin-left:0px; margin-top: 0px;} /*** TITRES TITRE DE LA SOUS-RUBRIQUE-1 800x1280px *****/ h1.titre-sma-rub1, h1.titre-sma-ssrub{ font-size: 24px; margin-left: 85px; line-height: 100px; margin-top: -30px; text-shadow: 0 0 1px #FFFFFF, 0 0 1px #FFFFFF, 0 0 2px #FFFFFF, 0 0 5px #FFFFFF, 0 0 10px #FFFFFF, 0 0 16px #FFFFFF;} h1.titre-sma-rub1 .spip_logos , h1.titre-sma-ssrub .spip_logos { height: 80px; margin: 10px 0 0 -41px; width: 80px;} h1.titre-sma-rub1 .descriptif, h1.titre-sma-ssrub .descriptif{ font-size: 16px; line-height: 2px; margin-top: -27px; margin-left: 0px; width : 510px;} /*** TEXTE DE LA RUBRIQUE-1 800x1280px *****/ .spip-content .main .wrapper .content .texte-rub1{ border-radius: 12px 12px 0 0; font-size: 13px; height: 56px; left: 74px; line-height: 15px; margin-top: 57px; padding: 9px 10px 0 30px; width: 585px;} .spip-content .main #menu_rubriques2 { height: 350px; left: 31px; margin-top: 150px;} .spip-content .main #menu_rubriques2 li{ font-size: .8em; margin-left: -1px; margin-top: -15px; } /*** LES BLOCS 800x1280px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li { width: 544px; height: 75px; z-index: 1;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:hover{ width: 544px; height: 75px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child{ left: 35px; top: 624px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2){ left: 24px; top: 462px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3){ left: 24px; top: 300px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4){ left: 24px; top: 138px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child{ left: 35px; top: -24px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child {border-top-right-radius: 0px; border-bottom-right-radius: 0px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2), .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3), .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4){ margin-left: 10px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child{ border-top-left-radius: 0px; border-bottom-left-radius: 0px; } /*** LES CADRES-INNER 800x1280px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner{ width: 537px; height: 68px; padding-top: 7px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child:hover .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2):hover .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3):hover .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4):hover .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child:hover .cadre-inner{ width: 537px; height: 68px; padding-top: 7px; } .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner { border-top-right-radius: 15px; border-bottom-right-radius: 15px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner{} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner { border-top-left-radius: 0px; border-bottom-left-radius: 0px;} /*** LES CADRES-ITEM 800x1280px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item{ width: 625px; height: 161px; margin-left: 7px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item{ border-top-left-radius: 0px; border-bottom-left-radius: 12px; border-top-right-radius: 0px; border-bottom-right-radius: 12px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item{ border-top-left-radius: 0px; border-bottom-left-radius: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 0px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item{ border-top-left-radius: 0px; border-bottom-left-radius: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 0px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child:hover .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2):hover .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3):hover .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4):hover .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child:hover .cadre-inner .cadre-item{ box-shadow: 0 0 2px #FFFFFF, 0 0 5px #FFFFFF, 0 0 10px #ffffff, 0 0 18px #ffffff; } .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child:hover .cadre-inner .cadre-item{ border-top-left-radius: 0px; border-bottom-left-radius: 12px; border-top-right-radius: 0px; border-bottom-right-radius: 12px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2):hover .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3):hover .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4):hover .cadre-inner .cadre-item{ border-top-left-radius: 0px; border-bottom-left-radius: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 0px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child:hover .cadre-inner .cadre-item{ border-top-left-radius: 0px; border-bottom-left-radius: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 0px;} /*** LES CADRES-ITEM-FINAL 800x1280px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final{ width: 615px; height: 151px; margin-left: 4px; margin-top: 4px; } /*** CADRE ITEM FIX ***/ /*** Gradient Red ***/ /*** Gradient Orange ***/ /*** Gradient Yellow ***/ /*** Gradient Green ***/ /*** Gradient Blue ***/ /** COLOR INSIDE = DEGRADE GRIS 800x1280px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final .color-inside{ width: 607px; height: 143px; left: 16px; margin-top: 3px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final .color-inside{ border-top-left-radius: 4px; border-bottom-left-radius: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final .color-inside{ border-top-left-radius: 4px; border-bottom-left-radius: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final .color-inside{ border-top-left-radius: 4px; border-bottom-left-radius: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final{ border-top-left-radius: 7px; border-bottom-left-radius: 7px; border-top-right-radius: 7px; border-bottom-right-radius: 7px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final{ border-top-left-radius: 7px; border-bottom-left-radius: 7px; border-top-right-radius: 7px; border-bottom-right-radius: 7px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final{ border-top-left-radius: 7px; border-bottom-left-radius: 7px; border-top-right-radius: 7px; border-bottom-right-radius: 7px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child:hover .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2):hover .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3):hover .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4):hover .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child:hover .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child:hover .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2):hover .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3):hover .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4):hover .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child:hover .cadre-inner .cadre-item .cadre-item-final{ width: 615px; height: 151px; margin-left: 4px; margin-top: 4px; } /*** Les LOGOS 800x1280px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .spip_logos_rappel{ height: 150px; margin-left: -5px; margin-top: -13px; width: 150px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child:hover .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2):hover .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3):hover .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4):hover .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child:hover .cadre-inner .spip_logos_rappel{ height: 150px; margin-left: -5px; margin-top: -13px; width: 150px;} /*** Les TITRES 800x1280px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li .spip_titre_rappel{ font-size: 23px; left: 148px; line-height: 20px; margin-left: 0; padding: 6px 0; text-align: left; text-shadow: 0 0 1px #FFFFFF, 0 0 1px #FFFFFF, 0 0 2px #FFFFFF, 0 0 5px #FFFFFF, 0 0 10px #FFFFFF, 0 0 16px #FFFFFF; top: 1px; width: 340px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:hover .spip_titre_rappel{ text-shadow: 0 0 1px #FFFFFF, 0 0 1px #FFFFFF, 0 0 2px #FFFFFF, 0 0 5px #FFFFFF, 0 0 10px #FFFFFF, 0 0 16px #FFFFFF;} /*** Les DESCRIPTIFS V1 avec titre sur 1 ligne 800x1280px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li .spip_descriptif_item-rappel{ display: block; width: 200px; margin-top: 0px; margin-left: 19px; font-size: 13px; line-height: 15px; padding: 10px 5px 1px 15px; border-radius: 10px;} /*** Les DESCRIPTIFS V2 avec titre sur 2 lignes 800x1280px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li .spip_descriptif_item-rappel2{ border-radius: 6px; display: block; font-size: 14px; line-height: 16px; margin-left: 133px; margin-top: -99px; padding: 8px 16px 23px 20px; width: 423px;} /*** POUR Les BTNS COULEURS(noir en fait) 800x1280px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final .color-inside .mon-btn-color, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final .color-inside .mon-btn-color, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final .color-inside .mon-btn-color, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final .color-inside .mon-btn-color, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final .color-inside .mon-btn-color{ border-radius: 5px;color: #FFFFFF; font-size: 12px; line-height: 0; margin-left: 483px; margin-top: -38px; padding: 10px 0px 10px 13px; width: 13.5%; z-index: 1000;} /*** POUR Les BTNS NOIR 800x1280px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final-fix .color-inside .mon-btn, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside .mon-btn, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside .mon-btn, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside .mon-btn, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final-fix .color-inside .mon-btn{ left: 0px; width: 36%; font-size: 16px; line-height: 16px; padding-left: 10px; padding-right: 10px; padding-top: 10px; padding-bottom: 10px; border-radius: 10px; margin-left: 74px; margin-top: 18px; } /******************************************************************************* LES SOUS-RUBRIQUE DE CONTENU 800x1280px ************************************************************************************/ /*** CONTENU RUBRIQUES ITEMS 800x1280px *****/ .spip-content .main .wrapper .content .box-texte{ background-color: rgba(255, 255, 255, 0.25); border: 1px solid #FFFFFF; border-radius: 0 0 12px 12px; left: 72px; position: absolute; text-shadow: none; top: 118px; transition: all 0.35s ease-in-out 0s; width: 625px; height: 833px; z-index: 10;} .spip-content .main .wrapper .content .box-texte .inner-txt{ padding: 7px 7px 7px 7px; border-radius: 10px 0px 0px 10px;} .spip-content .main .wrapper .content .box-texte .inner-txt .bg-texte{ width: 509px; height: 807px; padding: 0px 10px 10px 10px ; border-radius: 7px 0px 0px 7px; background-color: rgba(255, 255, 255, 0.85); border: 1px solid #fff;} .spip-content .main .wrapper .content .box-texte .inner-txt .bg-texte .texte{ border-radius: 5px; color: #808080; float: left; font-family: Arial,Helvetica,sans-serif; font-size: 14px; line-height: 16px; overflow: auto; padding: 50px 50px 20px 0; text-align: left; width: 470px; height: 747px;} p { margin: 0 0 0px;} /*** TEXTE DE LA RUBRIQUE-B 800x1280px *****/ .spip-content .main .wrapper .content .texte-rub1{ background-color: rgba(241, 241, 241, 0.85); border: 1px solid #FFFFFF; border-radius: 8px 8px 0 0; color: #555555; float: left; font-family: Arial,Helvetica,sans-serif; font-size: 13px; height: 52px; left: 72px; line-height: 15px; padding: 7px 20px 0 30px; position: absolute; text-align: left; top: 25px; width: 575px; height: 40px:} .spip-content .main #menu_rubriques1 { width: 1600px; height: 350px; left: 70px; margin-top: 240px;} .spip-content .main #menu_rubriques1 li{ font-size: .8em; margin-left: -1px; margin-top: -15px; } /*** DESCRIPTIF SSRUB 800x1280px *****/ .spip-content .main .wrapper .content .descriptif-ssrub{ background-color: rgba(241, 241, 241, 0.85); border: 1px solid #FFFFFF; border-radius: 8px 8px 0 0; color: #555555; float: left; font-family: Arial,Helvetica,sans-serif; font-size: 13px; height: 38px; left: 72px;line-height: 15px; padding: 9px 20px 0 30px; position: absolute; text-align: left; top: 70px; width: 575px;} /*** TAILLE DE L'IMAGE DANS LE CORPS DE TEXTE SPIP 800x1280px *****/ .spip_documents_left img{width: 90px; height: 90px; margin-left: 36px; margin-top: -8px; background-color: #fbfbfb;} /*** PARTICULARITE RUBRIQUE FORMULAIRE 800x1280px *****/ .spip-content .main .wrapper .content .box-texte .inner-txt-formulaire{ padding: 7px 7px 7px 7px; border-radius: 10px 0px 0px 10px; font-family: Arial,Helvetica,sans-serif; text-align: left;} .spip-content .main .wrapper .content .box-texte .inner-txt-formulaire .bg-texte-formulaire{ background-color: rgba(255, 255, 255, 0.85); border: 1px solid #FFFFFF; border-radius: 5px; color: #808080; float: left; font-family: Arial,Helvetica,sans-serif; font-size: 17px; line-height: 19px; overflow: none; padding: 0px; text-align: left; width: 609px; height: 817px;} /*** PARTICULARITE RUBRIQUE SIMPLE 800x1280px *****/ .spip-content .main .wrapper .content .box-texte .inner-txt-simple{ padding: 7px 7px 7px 7px; border-radius: 10px 0px 0px 10px; font-family: Arial,Helvetica,sans-serif; text-align: left;} .spip-content .main .wrapper .content .box-texte .inner-txt-simple .bg-texte-simple{ background-color: rgba(255, 255, 255, 0.85); border: 1px solid #FFFFFF; border-radius: 5px; color: #808080; float: left; font-family: Arial,Helvetica,sans-serif; font-size: 13px; height: 778px; line-height: 15px; overflow: auto; padding: 40px 40px 0; text-align: left; width: 530px;} /*** POUR LE PETIT MENU des SOUS RUBRIQUES en haut à droite 800x1280px *****/ .spip-content .main #menu_rubriques1 { position: absolute; text-align: left; width: 59px; height: 833px; z-index: 1000; top: -122px; padding-right: 20px; left: 618px; background-color: rgba(241, 241, 241, 0.7); border-top-left-radius: 0px; border-bottom-left-radius: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 12px; border: 1px solid #fff; } .spip-content .main #menu_rubriques1 li{ font-size: .8em; margin-left: -1px; list-style: none; margin-top: 0px; } .spip-content .main #menu_rubriques1 li ul li{ font-size: 1em; margin-left: 0em;} .spip-content .main #menu_rubriques1 { list-style-type:none; } .spip-content .main #menu_rubriques1 li { list-style-type: none; } .spip-content .main #menu_rubriques1 li li { list-style-type: none; } .spip-content .main #menu_rubriques1 li li li { list-style-type: none; } .spip-content .main #menu_rubriques1 hr {margin : 0.7em 0;} .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li { width: 114px; } .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li:hover { width: 114px; } .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li .spip_logos_rappel { height: 80px; width: 80px; margin-bottom: 24px; margin-top: -1px; margin-left: 1px;} .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li:hover .spip_logos_rappel {} .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li .spip_titre_rappel{ font-family: "Fugaz One"; font-size: 10px; line-height: 12px; list-style: none outside none; left: 3px; margin-top: -31px; position: absolute; text-align: center; width: 75px;} .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li:hover .spip_titre_rappel { } /*** Les currents 800x1280px ***/ .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li .nav_current_rub{ display: none;width: 120px; } .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li .nav_current_rub .spip_logos_rappel { width: 80px; height: 80px; padding-left: 18px; padding-top: 18px; padding-bottom: 10px;} .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li .nav_current_rub .spip_titre_rappel { position: absolute; width: 120px; margin-top: -14px; margin-left:-1px; text-align: center; font-size: 14px; line-height: 14px; list-style: none; } /*** FIN de 800x1280px *****/ } /************************************************************************************************************************ ************************************** MEDIA QUERY SOUS MON AILE 1024px de largeur *********************************** *************************************************************************************************************************/ /***** MEDIA QUERY SOUS MON AILE 1024x600px *****/ @media screen and (min-width: 1010px) and (max-width: 1099px) and (min-height: 10px) and (max-height: 749px){ /**** SPIP CONTENT 1024 x600px *****/ .contenu-mobil.spip-content{ display: none; width: 961px; height: 454px; margin-top: 0px;} .contenu-desktop.spip-content{ display: block; width: 962px; height: 454px; margin-top: 0px; margin-left: 20px; } /*** FIL d'ARIANE SPIP 1024x600px *****/ .spip-content .ariane{ width: 960px; z-index:100; } .spip-content .ariane .arbo{ padding-left: 10px; padding-right: 10px; font-size: 12px; line-height: 22px; width: auto; margin-top: -10px; text-shadow: 0 0 1px #FFFFFF, 0 0 1px #FFFFFF, 0 0 2px #FFFFFF, 0 0 5px #FFFFFF;} /*** CONTNER CONTENU SPIP 1024x600px *****/ .spip-content .main { width: 961px; height: 373px; margin-left: -20px; margin-top: -10px;} .spip-content .main .wrapper .content { height: 418px; width: 962px; } /*** TITRES TITRE DE LA RUBRIQUE-1 1024x600px *****/ .titre-sma{ display: none; font-size: 20px; line-height: 2px; margin-top: 89px; padding-left: 138px; text-shadow: 0 0 1px #FFFFFF, 0 0 1px #FFFFFF, 0 0 2px #FFFFFF, 0 0 5px #FFFFFF, 0 0 10px #FFFFFF, 0 0 16px #FFFFFF; } .spip-content .main .wrapper .content .container2 { width: 1615px; margin-left:0px; margin-top: 0px;} /*** TITRES TITRE DE LA SOUS-RUBRIQUE-1 1024x600px *****/ h1.titre-sma-rub1, h1.titre-sma-ssrub{ font-size: 24px; margin-left: 90px; line-height: 100px; margin-top: -20px; text-shadow: 0 0 1px #FFFFFF, 0 0 1px #FFFFFF, 0 0 2px #FFFFFF, 0 0 5px #FFFFFF, 0 0 10px #FFFFFF, 0 0 16px #FFFFFF;} h1.titre-sma-rub1 .spip_logos , h1.titre-sma-ssrub .spip_logos { height: 80px; margin: 10px 0 0 -41px; width: 80px;} h1.titre-sma-rub1 .descriptif, h1.titre-sma-ssrub .descriptif{ font-size: 16px; line-height: 2px; margin-top: -27px; margin-left: 0px; width : 510px;} /*** TEXTE DE LA RUBRIQUE-1 1024x600px *****/ .spip-content .main .wrapper .content .texte-rub1{ border-radius: 8px; font-size: 13px; left: 64px; line-height: 15px; margin-top: 65px; padding: 8px 5px 0 25px; width: 808px;} .spip-content .main #menu_rubriques2 { height: 350px; left: -43px; margin-top: 160px;} .spip-content .main #menu_rubriques2 li{ font-size: .8em; margin-left: -1px; margin-top: -15px; } /*** LES BLOCS 1024x600px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li { width: 207px; height: 252px; z-index: 1;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:hover{ width: 207px; height: 252px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child{ left: 809px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2){ left: 605px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3){ left: 412px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4){ left: 219px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child{ left: 37px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child {border-top-right-radius: 0px; border-bottom-right-radius: 0px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2), .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3), .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4){ margin-left: 10px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child{ border-top-left-radius: 0px; border-bottom-left-radius: 0px; } /*** LES CADRES-INNER 1024x600px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner{ width: 203px; height: 249px; padding-top: 7px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child:hover .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2):hover .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3):hover .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4):hover .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child:hover .cadre-inner{ width: 203px; height: 249px; padding-top: 7px; } .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner { border-top-right-radius: 15px; border-bottom-right-radius: 15px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner{} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner { border-top-left-radius: 0px; border-bottom-left-radius: 0px;} /*** LES CADRES-ITEM 1024x600px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item{ width: 192px; height: 244px; margin-left: 7px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item{ border-top-left-radius: 0px; border-bottom-left-radius: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 0px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item{ border-top-left-radius: 0px; border-bottom-left-radius: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 0px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item{ border-top-left-radius: 0px; border-bottom-left-radius: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 0px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child:hover .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2):hover .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3):hover .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4):hover .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child:hover .cadre-inner .cadre-item{ box-shadow: 0 0 2px #FFFFFF, 0 0 5px #FFFFFF, 0 0 10px #ffffff, 0 0 18px #ffffff; } .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child:hover .cadre-inner .cadre-item{ border-top-left-radius: 0px; border-bottom-left-radius: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 0px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2):hover .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3):hover .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4):hover .cadre-inner .cadre-item{ border-top-left-radius: 0px; border-bottom-left-radius: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 0px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child:hover .cadre-inner .cadre-item{ border-top-left-radius: 0px; border-bottom-left-radius: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 0px;} /*** LES CADRES-ITEM-FINAL 1024x600px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final{ width: 176px; height: 228px; margin-left: 7px; margin-top: 7px; } /*** CADRE ITEM FIX ***/ /*** Gradient Red ***/ /*** Gradient Orange ***/ /*** Gradient Yellow ***/ /*** Gradient Green ***/ /*** Gradient Blue ***/ /** COLOR INSIDE = DEGRADE GRIS 1024x600px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final .color-inside{ width: 168px; height: 220px; left: 19px; margin-top: 3px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final .color-inside{ border-top-left-radius: 4px; border-bottom-left-radius: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final .color-inside{ border-top-left-radius: 4px; border-bottom-left-radius: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final .color-inside{ border-top-left-radius: 4px; border-bottom-left-radius: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final{ border-top-left-radius: 7px; border-bottom-left-radius: 7px; border-top-right-radius: 7px; border-bottom-right-radius: 7px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final{ border-top-left-radius: 7px; border-bottom-left-radius: 7px; border-top-right-radius: 7px; border-bottom-right-radius: 7px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final{ border-top-left-radius: 7px; border-bottom-left-radius: 7px; border-top-right-radius: 7px; border-bottom-right-radius: 7px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child:hover .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2):hover .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3):hover .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4):hover .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child:hover .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child:hover .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2):hover .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3):hover .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4):hover .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child:hover .cadre-inner .cadre-item .cadre-item-final{ width: 176px; height: 228px; margin-left: 7px; margin-top: 7px;} /*** Les LOGOS 1024x600px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .spip_logos_rappel{ height: 70px; margin-left: -2px; margin-top: -3px; width: 70px; position : absolute;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child:hover .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2):hover .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3):hover .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4):hover .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child:hover .cadre-inner .spip_logos_rappel{ height: 70px; margin-left: -2px; margin-top: -3px; width: 70px;} /*** Les TITRES 1024x600px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li .spip_titre_rappel{ font-size: 13px; line-height: 14px; margin-left: 17px; padding: 10px 40px; text-align: center; text-shadow: 0 0 1px #FFFFFF, 0 0 1px #FFFFFF, 0 0 2px #FFFFFF, 0 0 5px #FFFFFF, 0 0 10px #FFFFFF, 0 0 16px #FFFFFF; top: 7px; width: 92px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:hover .spip_titre_rappel{ text-shadow: 0 0 1px #FFFFFF, 0 0 1px #FFFFFF, 0 0 2px #FFFFFF, 0 0 5px #FFFFFF, 0 0 10px #FFFFFF, 0 0 16px #FFFFFF;} /*** Les DESCRIPTIFS V1 avec titre sur 1 ligne 1024x600px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li .spip_descriptif_item-rappel{ display: block; width: 200px; margin-top: 0px; margin-left: 19px; font-size: 13px; line-height: 15px; padding: 10px 5px 1px 15px; border-radius: 10px;} /*** Les DESCRIPTIFS V2 avec titre sur 2 lignes 1024x600px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li .spip_descriptif_item-rappel2{ border-radius: 0; display: block; font-size: 10px; line-height: 12px; margin-left: -1px; margin-top: 0; padding: 70px 5px 1px 10px; width: 152px; height: 148px;} /*** POUR Les BTNS COULEURS(noir en fait) 1024x600px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final .color-inside .mon-btn-color, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final .color-inside .mon-btn-color, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final .color-inside .mon-btn-color, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final .color-inside .mon-btn-color, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final .color-inside .mon-btn-color{ border-radius: 10px; color: #FFFFFF; font-size: 13px; line-height: 8px; margin-left: 28px; margin-top: -50px; padding: 10px 10px 10px 20px; width: 50.5%; z-index: 1000;} /*** POUR Les BTNS NOIR 1024x600px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final-fix .color-inside .mon-btn, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside .mon-btn, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside .mon-btn, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside .mon-btn, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final-fix .color-inside .mon-btn{ left: 0px; width: 36%; font-size: 16px; line-height: 16px; padding-left: 10px; padding-right: 10px; padding-top: 10px; padding-bottom: 10px; border-radius: 10px; margin-left: 74px; margin-top: 18px; } /******************************************************************************* LES SOUS-RUBRIQUE DE CONTENU 1024x600px ************************************************************************************/ /*** TEXTE DE LA RUBRIQUE-B 1024x600px *****/ .spip-content .main .wrapper .content .texte-rub1{ border-radius: 8px; font-size: 14px; height: 41px; left: 72px; line-height: 16px; padding: 7px 15px 0 30px; top: 35px; width: 779px;} .spip-content .main #menu_rubriques1 { width: 1600px; height: 350px; left: 70px; margin-top: 240px;} .spip-content .main #menu_rubriques1 li{ font-size: .8em; margin-left: -1px; margin-top: -15px; } /*** TEXTE DES SSRUBRIQUES BLUE, GREEN, YELLOW, ORANGE, RED 1024x600px *****/ .spip-content .main .wrapper .content .box-texte{ position: absolute; top: 118px; left: 72px; border-radius: 10px 0px 0px 10px; width: 654px; height: 315px; z-index: 10; text-shadow: none; border-radius: 0px 0px 0px 12px; background-color: rgba(255, 255, 255, 0.25); border: 1px solid #FFFFFF;} .spip-content .main .wrapper .content .box-texte .inner-txt{ padding: 7px 7px 7px 7px; border-radius: 10px 0px 0px 10px;} .spip-content .main .wrapper .content .box-texte .inner-txt .bg-texte{ width: 619px; height: 290px; padding: 0px 10px 10px 10px ; border-radius: 7px 0px 0px 7px; background-color: rgba(255, 255, 255, 0.85); border: 1px solid #fff;} .spip-content .main .wrapper .content .box-texte .inner-txt .bg-texte .texte{ border-radius: 5px; color: #808080; float: left; font-family: Arial,Helvetica,sans-serif; font-size: 20px; height: 260px; line-height: 21px; overflow: auto; padding: 20px; text-align: left; width: 589px;} /*** DESCRIPTIF SSRUB 1024x600px *****/ .spip-content .main .wrapper .content .descriptif-ssrub{ background-color: rgba(241, 241, 241, 0.85); border: 1px solid #FFFFFF; border-radius: 8px 8px 0 0; color: #555555; float: left; font-family: Arial,Helvetica,sans-serif; font-size: 15px; height: 48px; left: 82px; line-height: 17px; padding: 10px 70px 0; position: absolute; text-align: left; top: 80px; width: 664px;} .spip_document_1, .spip_document_2, .spip_document_3, .spip_document_4, .spip_document_5, .spip_document_6, .spip_document_7, .spip_document_8, .spip_document_9, .spip_document_10, .spip_document_11, .spip_document_12, .spip_document_13, .spip_document_14, .spip_document_15, .spip_document_16, .spip_document_17, .spip_document_18, .spip_document_19, .spip_document_20, .spip_document_21, .spip_document_22, .spip_document_23, .spip_document_24, .spip_document_25, .spip_document_26, .spip_document_27, .spip_document_28, .spip_document_29, .spip_document_30, .spip_document_31, .spip_document_32, .spip_document_33, .spip_document_34, .spip_document_35, .spip_document_36, .spip_document_37, .spip_document_38, .spip_document_39, .spip_document_40, .spip_document_41, .spip_document_42, .spip_document_43, .spip_document_44, .spip_document_45, .spip_document_46, .spip_document_47, .spip_document_48, .spip_document_49, .spip_document_50, .spip_document_51, .spip_document_52, .spip_document_53, .spip_document_54, .spip_document_55, .spip_document_56, .spip_document_57, .spip_document_58, .spip_document_59, .spip_document_60, .spip_document_61, .spip_document_62, .spip_document_63, .spip_document_64, .spip_document_65, .spip_document_66, .spip_document_67, .spip_document_68, .spip_document_69, .spip_document_70, .spip_document_71, .spip_document_72{ width: 50px!important; height: 50px!important; margin-left: 0px; margin-top: 0px; background-color: #fbfbfb;} p { margin: 0 0 0px;} /*** TAILLE DE L'IMAGE DANS LE CORPS DE TEXTE SPIP 1024x600px *****/ .spip_documents_left img{width: 50px; height: 50px; margin-left: 10px; margin-top: -6px; background-color: #fbfbfb;} /*** PARTICULARITE RUBRIQUE FORMULAIRE 1024x600px *****/ .spip-content .main .wrapper .content .box-texte .inner-txt-formulaire{ padding: 7px 7px 7px 7px; border-radius: 10px 0px 0px 10px; font-family: Arial,Helvetica,sans-serif; text-align: left;} .spip-content .main .wrapper .content .box-texte .inner-txt-formulaire .bg-texte-formulaire{ background-color: rgba(255, 255, 255, 0.85); border: 1px solid #FFFFFF; border-radius: 5px; color: #808080; float: left; font-family: Arial,Helvetica,sans-serif; font-size: 17px; line-height: 19px; overflow: auto; padding: 4px 130px 20px 20px; text-align: left; width: 638px; height: 255px;} /*** PARTICULARITE RUBRIQUE SIMPLE 1024x600px *****/ .spip-content .main .wrapper .content .box-texte .inner-txt-simple{ padding: 7px 7px 7px 7px; border-radius: 10px 0px 0px 10px; font-family: Arial,Helvetica,sans-serif; text-align: left;} .spip-content .main .wrapper .content .box-texte .inner-txt-simple .bg-texte-simple{ background-color: rgba(255, 255, 255, 0.85); border: 1px solid #FFFFFF; border-radius: 5px; color: #808080; float: left; font-family: Arial,Helvetica,sans-serif; font-size: 15px; height: 240px; line-height: 16px; overflow: auto; padding: 40px 70px 0; text-align: left; width: 648px;} /*** TEXTE DES SSRUBRIQUES BLUE, GREEN, YELLOW, ORANGE, RED 1024x600px *****/ .spip-content .main .wrapper .content .box-texte{ background-color: rgba(255, 255, 255, 0.25); border: 1px solid #FFFFFF; border-radius: 0 0 12px 12px; height: 295px; left: 82px; position: absolute; text-shadow: none; top: 139px; width: 804px; z-index: 10;} .spip-content .main .wrapper .content .box-texte .inner-txt{ padding: 7px 7px 7px 7px; border-radius: 10px 0px 0px 10px;} .spip-content .main .wrapper .content .box-texte .inner-txt .bg-texte{ width: 600px; height: 279px; padding: 0px 10px 0px 10px ; border-radius: 7px 0px 0px 7px; background-color: rgba(255, 255, 255, 0.85); border: 1px solid #fff;} .spip-content .main .wrapper .content .box-texte .inner-txt .bg-texte .texte{ border-radius: 5px; color: #808080; float: left; font-family: Arial,Helvetica,sans-serif; font-size: 11px; height: 259px; line-height: 15px; margin-left: 0; overflow: auto; padding: 20px 40px 0 20px; text-align: left; width: 550px;} /*** POUR LE PETIT MENU des SOUS RUBRIQUES en haut à droite 1024x600px *****/ .spip-content .main #menu_rubriques1 { background-color: rgba(241, 241, 241, 0.7); border: 1px solid #FFFFFF; border-radius: 0 0 12px; height: 295px; left: 717px; padding-right: 20px; position: absolute; text-align: left; top: -101px; width: 149px; z-index: 1000;} .spip-content .main #menu_rubriques1 li{ font-size: .8em; margin-left: -1px; list-style: none; float: right; margin-top: -15px; } .spip-content .main #menu_rubriques1 li ul li{ font-size: 1em; margin-left: 0em;} .spip-content .main #menu_rubriques1 { list-style-type:none; } .spip-content .main #menu_rubriques1 li { list-style-type: none; } .spip-content .main #menu_rubriques1 li li { list-style-type: none; } .spip-content .main #menu_rubriques1 li li li { list-style-type: none; } .spip-content .main #menu_rubriques1 hr {margin : 0.7em 0;} .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li { width: 114px; } .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li:hover { width: 114px; } .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li .spip_logos_rappel { height: 70px; width: 70px; margin-bottom: 0px; margin-left: -36px; margin-top: 11px;} .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li:hover .spip_logos_rappel {} .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li .spip_titre_rappel{ font-family: "Fugaz One"; font-size: 13px; line-height: 15px; list-style: none outside none; margin-left: 33px; margin-top: -50px; position: absolute; text-align: left; width: 89px;} .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li:hover .spip_titre_rappel { } /*** Les currents 1024x600px ***/ .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li .nav_current_rub{ display: none;width: 120px; } .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li .nav_current_rub .spip_logos_rappel { width: 80px; height: 80px; padding-left: 18px; padding-top: 18px; padding-bottom: 10px;} .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li .nav_current_rub .spip_titre_rappel { position: absolute; width: 120px; margin-top: -14px; margin-left:-1px; text-align: center; font-size: 14px; line-height: 14px; list-style: none; } /*** FIN de 1024x600px *****/ } /***** MEDIA QUERY SOUS MON AILE 1024x768px *****/ @media screen and (min-width: 1010px) and (max-width: 1099px) and (min-height: 750px) and (max-height: 899px){ /**** SPIP CONTENT 1024x768px *****/ .contenu-mobil.spip-content{ display: none;} .contenu-desktop.spip-content{ display: block; width: 961px; height: 454px; margin-top: 0px;} /*** FIL d'ARIANE SPIP 1024x768px *****/ .spip-content .ariane{ width: 960px; z-index:100; top:5px; } .spip-content .ariane .arbo{ padding-left: 10px; padding-right: 10px; font-size: 12px; line-height: 22px; width: auto; margin-top: 0px; text-shadow: 0 0 1px #FFFFFF, 0 0 1px #FFFFFF, 0 0 2px #FFFFFF, 0 0 5px #FFFFFF;} /*** CONTNER CONTENU SPIP 1024x768px *****/ .spip-content .main { width: 961px; height: 373px; margin-left: 20px; top: 74px;} .spip-content .main .wrapper .content { height: 418px; width: 962px; } /*** TITRES TITRE DE LA RUBRIQUE-1 1024x768px *****/ .titre-sma{ display: none; font-size: 20px; line-height: 2px; margin-top: 89px; padding-left: 138px; text-shadow: 0 0 1px #FFFFFF, 0 0 1px #FFFFFF, 0 0 2px #FFFFFF, 0 0 5px #FFFFFF, 0 0 10px #FFFFFF, 0 0 16px #FFFFFF; } .spip-content .main .wrapper .content .container2 { width: 1615px; margin-left:0px; margin-top: 0px;} /*** TITRES TITRE DE LA SOUS-RUBRIQUE-1 1024x768px *****/ h1.titre-sma-rub1, h1.titre-sma-ssrub{ font-size: 24px; margin-left: 90px; line-height: 100px; margin-top: -30px; text-shadow: 0 0 1px #FFFFFF, 0 0 1px #FFFFFF, 0 0 2px #FFFFFF, 0 0 5px #FFFFFF, 0 0 10px #FFFFFF, 0 0 16px #FFFFFF;} h1.titre-sma-rub1 .spip_logos , h1.titre-sma-ssrub .spip_logos { height: 80px; margin: 10px 0 0 -41px; width: 80px;} h1.titre-sma-rub1 .descriptif, h1.titre-sma-ssrub .descriptif{ font-size: 16px; line-height: 2px; margin-top: -27px; margin-left: 0px; width : 510px;} /*** TEXTE DE LA RUBRIQUE-1 1024x768px *****/ .spip-content .main .wrapper .content .texte-rub1{ border-radius: 12px 12px 0 0; font-size: 14px; height: 46px; left: 74px; line-height: 17px; margin-top: 60px; padding: 9px 10px 0 20px; width: 795px;} .spip-content .main #menu_rubriques2 { height: 350px; left: 31px; margin-top: 168px;} .spip-content .main #menu_rubriques2 li{ font-size: .8em; margin-left: -1px; margin-top: -15px; } /*** LES BLOCS 1024x768px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li { width: 546px; height: 90px; z-index: 1;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:hover{ width: 546px; height: 90px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child{ left: 35px; top: 318px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2){ left: 24px; top: 227px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3){ left: 24px; top: 136px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4){ left: 24px; top: 45px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child{ left: 35px; top: -46px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child {border-top-right-radius: 0px; border-bottom-right-radius: 0px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2), .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3), .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4){ margin-left: 10px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child{ border-top-left-radius: 0px; border-bottom-left-radius: 0px; } /*** LES CADRES-INNER 1024x768px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner{ width: 537px; height: 68px; padding-top: 7px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child:hover .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2):hover .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3):hover .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4):hover .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child:hover .cadre-inner{ width: 537px; height: 68px; padding-top: 7px; } .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner { border-top-right-radius: 15px; border-bottom-right-radius: 15px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner{} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner { border-top-left-radius: 0px; border-bottom-left-radius: 0px;} /*** LES CADRES-ITEM 1024x768px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item{ width: 824px; height: 90px; margin-left: 7px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item{ border-top-left-radius: 0px; border-bottom-left-radius: 12px; border-top-right-radius: 0px; border-bottom-right-radius: 12px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item{ border-top-left-radius: 0px; border-bottom-left-radius: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 0px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item{ border-top-left-radius: 0px; border-bottom-left-radius: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 0px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child:hover .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2):hover .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3):hover .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4):hover .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child:hover .cadre-inner .cadre-item{ box-shadow: 0 0 2px #FFFFFF, 0 0 5px #FFFFFF, 0 0 10px #ffffff, 0 0 18px #ffffff; } .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child:hover .cadre-inner .cadre-item{ border-top-left-radius: 0px; border-bottom-left-radius: 12px; border-top-right-radius: 0px; border-bottom-right-radius: 12px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2):hover .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3):hover .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4):hover .cadre-inner .cadre-item{ border-top-left-radius: 0px; border-bottom-left-radius: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 0px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child:hover .cadre-inner .cadre-item{ border-top-left-radius: 0px; border-bottom-left-radius: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 0px;} /*** LES CADRES-ITEM-FINAL 1024x768px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final{ width: 814px; height: 80px; margin-left: 4px; margin-top: 4px; } /*** CADRE ITEM FIX ***/ /*** Gradient Red ***/ /*** Gradient Orange ***/ /*** Gradient Yellow ***/ /*** Gradient Green ***/ /*** Gradient Blue ***/ /** COLOR INSIDE = DEGRADE GRIS 1024x768px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final .color-inside{ width: 806px; height: 72px; left: 16px; margin-top: 3px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final .color-inside{ border-top-left-radius: 4px; border-bottom-left-radius: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final .color-inside{ border-top-left-radius: 4px; border-bottom-left-radius: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final .color-inside{ border-top-left-radius: 4px; border-bottom-left-radius: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final{ border-top-left-radius: 7px; border-bottom-left-radius: 7px; border-top-right-radius: 7px; border-bottom-right-radius: 7px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final{ border-top-left-radius: 7px; border-bottom-left-radius: 7px; border-top-right-radius: 7px; border-bottom-right-radius: 7px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final{ border-top-left-radius: 7px; border-bottom-left-radius: 7px; border-top-right-radius: 7px; border-bottom-right-radius: 7px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child:hover .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2):hover .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3):hover .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4):hover .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child:hover .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child:hover .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2):hover .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3):hover .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4):hover .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child:hover .cadre-inner .cadre-item .cadre-item-final{ width: 814px; height: 80px; margin-left: 4px; margin-top: 4px; } /*** Les LOGOS 1024x768px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .spip_logos_rappel{ height: 86px; margin-left: 5px; margin-top: -8px; width: 86px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child:hover .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2):hover .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3):hover .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4):hover .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child:hover .cadre-inner .spip_logos_rappel{ height: 86px; margin-left: 5px; margin-top: -8px; width: 86px;} /*** Les TITRES 1024x768px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li .spip_titre_rappel{ font-size: 19px; left: 96px; line-height: 17px; margin-left: 0; padding: 10px 0; text-align: left; text-shadow: 0 0 1px #FFFFFF, 0 0 1px #FFFFFF, 0 0 2px #FFFFFF, 0 0 5px #FFFFFF, 0 0 10px #FFFFFF, 0 0 16px #FFFFFF; top: -3px; width: 262px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:hover .spip_titre_rappel{ text-shadow: 0 0 1px #FFFFFF, 0 0 1px #FFFFFF, 0 0 2px #FFFFFF, 0 0 5px #FFFFFF, 0 0 10px #FFFFFF, 0 0 16px #FFFFFF;} /*** Les DESCRIPTIFS V1 avec titre sur 1 ligne 1024x768px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li .spip_descriptif_item-rappel{ display: block; width: 200px; margin-top: 0px; margin-left: 19px; font-size: 13px; line-height: 15px; padding: 10px 5px 1px 15px; border-radius: 10px; } /*** Les DESCRIPTIFS V2 avec titre sur 2 lignes 1024x768px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li .spip_descriptif_item-rappel2{ border-radius: 6px; display: block; font-size: 14px; line-height: 15px; margin-left: -1px; margin-top: -79px; padding: 29px 141px 3px 31px; width: 634px; height: 40px;} /*** POUR Les BTNS COULEURS(noir en fait) 1024x768px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final .color-inside .mon-btn-color, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final .color-inside .mon-btn-color, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final .color-inside .mon-btn-color, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final .color-inside .mon-btn-color, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final .color-inside .mon-btn-color{ border-radius: 5px; color: #FFFFFF; font-size: 11px; line-height: 0; margin-left: 685px; margin-top: -38px; padding: 12px 4px 12px 14px; width: 8.5%; z-index: 1000;} /*** POUR Les BTNS NOIR 1024x768px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final-fix .color-inside .mon-btn, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside .mon-btn, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside .mon-btn, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside .mon-btn, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final-fix .color-inside .mon-btn{ left: 0px; width: 36%; font-size: 16px; line-height: 16px; padding-left: 10px; padding-right: 10px; padding-top: 10px; padding-bottom: 10px; border-radius: 10px; margin-left: 74px; margin-top: 18px; } /******************************************************************************* LES SOUS-RUBRIQUE DE CONTENU 1024x768px ************************************************************************************/ /*** TEXTE DE LA RUBRIQUE-B 1024x768px *****/ .spip-content .main .wrapper .content .texte-rub1{ border-radius: 8px 8px 0px 0px; font-size: 14px; left: 72px; line-height: 16px; padding: 9px 15px 0px 30px; top: 25px; width: 779px; height: 43px;} .spip-content .main #menu_rubriques1 { width: 1600px; height: 350px; left: 70px; margin-top: 240px;} .spip-content .main #menu_rubriques1 li{ font-size: .8em; margin-left: -1px; margin-top: -15px; } /*** TEXTE DES SSRUBRIQUES BLUE, GREEN, YELLOW, ORANGE, RED 1024x768px *****/ .spip-content .main .wrapper .content .box-texte{ position: absolute; top: 118px; left: 72px; border-radius: 10px 0px 0px 10px; width: 685px; height: 475px; z-index: 10; text-shadow: none; border-radius: 0px 0px 0px 12px; background-color: rgba(255, 255, 255, 0.25); border: 1px solid #FFFFFF;} .spip-content .main .wrapper .content .box-texte .inner-txt{ padding: 7px 7px 7px 7px; border-radius: 10px 0px 0px 10px;} .spip-content .main .wrapper .content .box-texte .inner-txt .bg-texte{ width: 649px; height: 449px; padding: 0px 10px 10px 10px ; border-radius: 7px 0px 0px 7px; background-color: rgba(255, 255, 255, 0.85); border: 1px solid #fff;} .spip-content .main .wrapper .content .box-texte .inner-txt .bg-texte .texte{ float: left; overflow: auto; width: 619px; height: 419px; padding: 20px; border-radius: 5px; color: #808080; font-family: Arial,Helvetica,sans-serif; text-align: left; font-size: 20px; line-height: 21px; } .spip_document_1, .spip_document_2, .spip_document_3, .spip_document_4, .spip_document_5, .spip_document_6, .spip_document_7, .spip_document_8, .spip_document_9, .spip_document_10, .spip_document_11, .spip_document_12, .spip_document_13, .spip_document_14, .spip_document_15, .spip_document_16, .spip_document_17, .spip_document_18, .spip_document_19, .spip_document_20, .spip_document_21, .spip_document_22, .spip_document_23, .spip_document_24, .spip_document_25, .spip_document_26, .spip_document_27, .spip_document_28, .spip_document_29, .spip_document_30, .spip_document_31, .spip_document_32, .spip_document_33, .spip_document_34, .spip_document_35, .spip_document_36, .spip_document_37, .spip_document_38, .spip_document_39, .spip_document_40, .spip_document_41, .spip_document_42, .spip_document_43, .spip_document_44, .spip_document_45, .spip_document_46, .spip_document_47, .spip_document_48, .spip_document_49, .spip_document_50, .spip_document_51, .spip_document_52, .spip_document_53, .spip_document_54, .spip_document_55, .spip_document_56, .spip_document_57, .spip_document_58, .spip_document_59, .spip_document_60, .spip_document_61, .spip_document_62, .spip_document_63, .spip_document_64, .spip_document_65, .spip_document_66, .spip_document_67, .spip_document_68, .spip_document_69, .spip_document_70, .spip_document_71, .spip_document_72{ width: 60px!important; height: 60px!important; margin-left: -20px; margin-top: 0px; background-color: #fbfbfb;} p { margin: 0 0 0px;} /*** TAILLE DE L'IMAGE DANS LE CORPS DE TEXTE SPIP 1024x768px *****/ .spip_documents_left img{width: 60px; height: 60px; margin-left: 10px; margin-top: -6px; background-color: #fbfbfb;} /*** PARTICULARITE RUBRIQUE FORMULAIRE 1024x768px *****/ .spip-content .main .wrapper .content .box-texte .inner-txt-formulaire{ padding: 7px 7px 7px 7px; border-radius: 10px 0px 0px 10px; font-family: Arial,Helvetica,sans-serif; text-align: left;} .spip-content .main .wrapper .content .box-texte .inner-txt-formulaire .bg-texte-formulaire{ background-color: rgba(255, 255, 255, 0.85); border: 1px solid #FFFFFF; border-radius: 5px; color: #808080; float: left; font-family: Arial,Helvetica,sans-serif; font-size: 17px; line-height: 19px; overflow: none; padding: 0px; text-align: left; width: 808px; height: 459px;} /*** PARTICULARITE RUBRIQUE SIMPLE 1024x768px *****/ .spip-content .main .wrapper .content .box-texte .inner-txt-simple{ padding: 7px 7px 7px 7px; border-radius: 10px 0px 0px 10px; font-family: Arial,Helvetica,sans-serif; text-align: left;} .spip-content .main .wrapper .content .box-texte .inner-txt-simple .bg-texte-simple{ background-color: rgba(255, 255, 255, 0.85); border: 1px solid #FFFFFF; border-radius: 5px; color: #808080; float: left; font-family: Arial,Helvetica,sans-serif; font-size: 15px; height: 419px; line-height: 17px; overflow: auto; padding: 40px 70px 0; text-align: left; width: 648px;} /*** TEXTE DES SSRUBRIQUES BLUE, GREEN, YELLOW, ORANGE, RED 1024x768px *****/ .spip-content .main .wrapper .content .box-texte{ background-color: rgba(255, 255, 255, 0.25); border: 1px solid #FFFFFF; border-radius: 0 0 12px 12px; height: 475px; left: 82px; position: absolute; text-shadow: none; top: 129px; width: 804px; z-index: 10;} .spip-content .main .wrapper .content .box-texte .inner-txt{ padding: 7px 7px 7px 7px; border-radius: 10px 0px 0px 10px;} .spip-content .main .wrapper .content .box-texte .inner-txt .bg-texte{ width: 629px; height: 459px; padding: 0px 10px 0px 10px ; border-radius: 7px 0px 0px 7px; background-color: rgba(255, 255, 255, 0.85); border: 1px solid #fff;} .spip-content .main .wrapper .content .box-texte .inner-txt .bg-texte .texte{ border-radius: 5px; color: #808080; float: left; font-family: Arial,Helvetica,sans-serif; font-size: 11px; line-height: 15px; margin-left: 0; overflow: auto; padding: 20px 40px 0 20px; text-align: left; width: 579px; height: 439px;} /*** DESCRIPTIF SSRUB 1024x768px *****/ .spip-content .main .wrapper .content .descriptif-ssrub{ background-color: rgba(241, 241, 241, 0.85); border: 1px solid #FFFFFF; border-radius: 8px 8px 0 0; color: #555555; float: left; font-family: Arial,Helvetica,sans-serif; font-size: 15px; height: 48px; left: 82px; line-height: 17px; padding: 10px 70px 0; position: absolute; text-align: left; top: 70px; width: 664px;} /*** POUR LE PETIT MENU des SOUS RUBRIQUES en haut à droite 1024x768px *****/ .spip-content .main #menu_rubriques1 { background-color: rgba(241, 241, 241, 0.7); border: 1px solid #FFFFFF; border-radius: 0 0 12px; height: 475px; left: 748px; padding-right: 20px; position: absolute; text-align: left; top: -111px; width: 118px; z-index: 1000;} .spip-content .main #menu_rubriques1 li{ font-size: .8em; margin-left: -1px; list-style: none; float: right; margin-top: -15px; } .spip-content .main #menu_rubriques1 li ul li{ font-size: 1em; margin-left: 0em;} .spip-content .main #menu_rubriques1 { list-style-type:none; } .spip-content .main #menu_rubriques1 li { list-style-type: none; } .spip-content .main #menu_rubriques1 li li { list-style-type: none; } .spip-content .main #menu_rubriques1 li li li { list-style-type: none; } .spip-content .main #menu_rubriques1 hr {margin : 0.7em 0;} .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li { width: 114px; } .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li:hover { width: 114px; } .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li .spip_logos_rappel { height: 90px; width: 90px; margin-bottom: 10px; padding-left: 19px; margin-top: 15px;} .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li:hover .spip_logos_rappel {} .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li .spip_titre_rappel { position: absolute; width: 106px; margin-top: -21px; margin-left: 11px; font-family: "Fugaz One"; text-align: center; font-size: 12px; line-height: 15px; list-style: none;} .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li:hover .spip_titre_rappel { } /*** Les currents 1024x768px ***/ .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li .nav_current_rub{ display: none;width: 120px; } .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li .nav_current_rub .spip_logos_rappel { width: 80px; height: 80px; padding-left: 18px; padding-top: 18px; padding-bottom: 10px;} .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li .nav_current_rub .spip_titre_rappel { position: absolute; width: 120px; margin-top: -14px; margin-left:-1px; text-align: center; font-size: 14px; line-height: 14px; list-style: none; } /*** FIN de 1024x768px *****/ } /***** MEDIA QUERY SOUS MON AILE 1024x900px *****/ @media screen and (min-width: 1010px) and (max-width: 1099px) and (min-height:900px) and (max-height: 1023px){ /**** SPIP CONTENT 1024x900px *****/ .contenu-mobil.spip-content{ display: none;} .contenu-desktop.spip-content{ display: block; width: 961px; height: 454px; margin-top: 0px;} /*** FIL d'ARIANE SPIP 1024x900px *****/ .spip-content .ariane{ width: 960px; z-index:100; top:5px; } .spip-content .ariane .arbo{ padding-left: 10px; padding-right: 10px; font-size: 12px; line-height: 22px; width: auto; margin-top: 0px; text-shadow: 0 0 1px #FFFFFF, 0 0 1px #FFFFFF, 0 0 2px #FFFFFF, 0 0 5px #FFFFFF;} /*** CONTNER CONTENU SPIP 1024x900px *****/ .spip-content .main { width: 961px; height: 373px; margin-left: 20px; top: 74px;} .spip-content .main .wrapper .content { height: 418px; width: 962px; } /*** TITRES TITRE DE LA RUBRIQUE-1 1024x900px *****/ .titre-sma{ display: none; font-size: 20px; line-height: 2px; margin-top: 89px; padding-left: 138px; text-shadow: 0 0 1px #FFFFFF, 0 0 1px #FFFFFF, 0 0 2px #FFFFFF, 0 0 5px #FFFFFF, 0 0 10px #FFFFFF, 0 0 16px #FFFFFF; } .spip-content .main .wrapper .content .container2 { width: 1615px; margin-left:0px; margin-top: 0px;} /*** TITRES TITRE DE LA SOUS-RUBRIQUE-1 1024x900px *****/ h1.titre-sma-rub1, h1.titre-sma-ssrub{ font-size: 24px; margin-left: 90px; line-height: 100px; margin-top: -30px; text-shadow: 0 0 1px #FFFFFF, 0 0 1px #FFFFFF, 0 0 2px #FFFFFF, 0 0 5px #FFFFFF, 0 0 10px #FFFFFF, 0 0 16px #FFFFFF;} h1.titre-sma-rub1 .spip_logos , h1.titre-sma-ssrub .spip_logos { height: 80px; margin: 10px 0 0 -41px; width: 80px;} h1.titre-sma-rub1 .descriptif, h1.titre-sma-ssrub .descriptif{ font-size: 16px; line-height: 2px; margin-top: -27px; margin-left: 0px; width : 510px;} /*** TEXTE DE LA RUBRIQUE-1 1024x900px *****/ .spip-content .main .wrapper .content .texte-rub1{ border-radius: 12px 12px 0 0; font-size: 15px; height: 46px; left: 74px; line-height: 17px; margin-top: 60px; padding: 9px 10px 0 30px; width: 785px; } .spip-content .main #menu_rubriques2 { height: 350px; left: 31px; margin-top: 158px;} .spip-content .main #menu_rubriques2 li{ font-size: .8em; margin-left: -1px; margin-top: -15px; } /*** LES BLOCS 1024x900px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li { width: 546px; height: 90px; z-index: 1;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:hover{ width: 546px; height: 90px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child{ left: 35px; top: 428px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2){ left: 24px; top: 312px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3){ left: 24px; top: 196px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4){ left: 24px; top: 80px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child{ left: 35px; top: -36px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child {border-top-right-radius: 0px; border-bottom-right-radius: 0px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2), .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3), .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4){ margin-left: 10px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child{ border-top-left-radius: 0px; border-bottom-left-radius: 0px; } /*** LES CADRES-INNER 1024x900px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner{ width: 537px; height: 68px; padding-top: 7px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child:hover .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2):hover .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3):hover .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4):hover .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child:hover .cadre-inner{ width: 537px; height: 68px; padding-top: 7px; } .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner { border-top-right-radius: 15px; border-bottom-right-radius: 15px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner{} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner { border-top-left-radius: 0px; border-bottom-left-radius: 0px;} /*** LES CADRES-ITEM 1024x900px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item{ width: 824px; height: 115px; margin-left: 7px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item{ border-top-left-radius: 0px; border-bottom-left-radius: 12px; border-top-right-radius: 0px; border-bottom-right-radius: 12px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item{ border-top-left-radius: 0px; border-bottom-left-radius: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 0px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item{ border-top-left-radius: 0px; border-bottom-left-radius: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 0px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child:hover .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2):hover .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3):hover .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4):hover .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child:hover .cadre-inner .cadre-item{ box-shadow: 0 0 2px #FFFFFF, 0 0 5px #FFFFFF, 0 0 10px #ffffff, 0 0 18px #ffffff; } .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child:hover .cadre-inner .cadre-item{ border-top-left-radius: 0px; border-bottom-left-radius: 12px; border-top-right-radius: 0px; border-bottom-right-radius: 12px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2):hover .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3):hover .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4):hover .cadre-inner .cadre-item{ border-top-left-radius: 0px; border-bottom-left-radius: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 0px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child:hover .cadre-inner .cadre-item{ border-top-left-radius: 0px; border-bottom-left-radius: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 0px;} /*** LES CADRES-ITEM-FINAL 1024x900px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final{ width: 814px; height: 105px; margin-left: 4px; margin-top: 4px; } /*** CADRE ITEM FIX ***/ /*** Gradient Red ***/ /*** Gradient Orange ***/ /*** Gradient Yellow ***/ /*** Gradient Green ***/ /*** Gradient Blue ***/ /** COLOR INSIDE = DEGRADE GRIS 1024x900px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final .color-inside{ width: 806px; height: 97px; left: 16px; margin-top: 3px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final .color-inside{ border-top-left-radius: 4px; border-bottom-left-radius: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final .color-inside{ border-top-left-radius: 4px; border-bottom-left-radius: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final .color-inside{ border-top-left-radius: 4px; border-bottom-left-radius: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final{ border-top-left-radius: 7px; border-bottom-left-radius: 7px; border-top-right-radius: 7px; border-bottom-right-radius: 7px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final{ border-top-left-radius: 7px; border-bottom-left-radius: 7px; border-top-right-radius: 7px; border-bottom-right-radius: 7px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final{ border-top-left-radius: 7px; border-bottom-left-radius: 7px; border-top-right-radius: 7px; border-bottom-right-radius: 7px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child:hover .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2):hover .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3):hover .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4):hover .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child:hover .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child:hover .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2):hover .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3):hover .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4):hover .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child:hover .cadre-inner .cadre-item .cadre-item-final{ width: 814px; height: 105px; margin-left: 4px; margin-top: 4px; } /*** Les LOGOS 1024x900px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .spip_logos_rappel{ height: 110px; margin-left: 5px; margin-top: -8px; width: 110px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child:hover .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2):hover .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3):hover .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4):hover .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child:hover .cadre-inner .spip_logos_rappel{ height: 110px; margin-left: 5px; margin-top: -8px; width: 110px;} /*** Les TITRES 1024x900px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li .spip_titre_rappel{ font-size: 17px; line-height: 22px; margin-left: 0; padding: 10px 0px; text-align: left; text-shadow: 0 0 1px #FFFFFF, 0 0 1px #FFFFFF, 0 0 2px #FFFFFF, 0 0 5px #FFFFFF, 0 0 10px #FFFFFF, 0 0 16px #FFFFFF; top: -3px; width: 262px; left: 108px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:hover .spip_titre_rappel{ text-shadow: 0 0 1px #FFFFFF, 0 0 1px #FFFFFF, 0 0 2px #FFFFFF, 0 0 5px #FFFFFF, 0 0 10px #FFFFFF, 0 0 16px #FFFFFF;} /*** Les DESCRIPTIFS V1 avec titre sur 1 ligne 1024x900px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li .spip_descriptif_item-rappel{ display: block; width: 200px; margin-top: 0px; margin-left: 19px; font-size: 13px; line-height: 15px; padding: 10px 5px 1px 15px; border-radius: 10px;} /*** Les DESCRIPTIFS V2 avec titre sur 2 lignes 1024x900px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li .spip_descriptif_item-rappel2{ border-radius: 6px; display: block; font-size: 15px; height: 56px; line-height: 17px; margin-left: -1px; margin-top: -103px; padding: 38px 109px 3px 81px; width: 616px;} /*** POUR Les BTNS COULEURS(noir en fait) 1024x900px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final .color-inside .mon-btn-color, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final .color-inside .mon-btn-color, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final .color-inside .mon-btn-color, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final .color-inside .mon-btn-color, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final .color-inside .mon-btn-color{ border-radius: 5px; color: #FFFFFF; font-size: 11px; line-height: 0; margin-left: 699px; margin-top: -45px; padding: 12px 5px 12px 11px; width: 8.5%; z-index: 1000;} /*** POUR Les BTNS NOIR 1024x900px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final-fix .color-inside .mon-btn, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside .mon-btn, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside .mon-btn, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside .mon-btn, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final-fix .color-inside .mon-btn{ left: 0px; width: 36%; font-size: 16px; line-height: 16px; padding-left: 10px; padding-right: 10px; padding-top: 10px; padding-bottom: 10px; border-radius: 10px; margin-left: 74px; margin-top: 18px; } /******************************************************************************* LES SOUS-RUBRIQUE DE CONTENU 1024x900px ************************************************************************************/ /*** TEXTE DE LA RUBRIQUE-B 1024x900px *****/ .spip-content .main .wrapper .content .texte-rub1{ border-radius: 8px 8px 0px 0px; font-size: 14px; left: 72px; line-height: 16px; padding: 9px 15px 0px 30px; top: 25px; width: 779px; height: 43px;} .spip-content .main #menu_rubriques1 { width: 1600px; height: 350px; left: 70px; margin-top: 240px;} .spip-content .main #menu_rubriques1 li{ font-size: .8em; margin-left: -1px; margin-top: -15px; } /*** TEXTE DES SSRUBRIQUES BLUE, GREEN, YELLOW, ORANGE, RED 1024x900px *****/ .spip-content .main .wrapper .content .box-texte{ position: absolute; top: 123px; left: 72px; border-radius: 10px 0px 0px 10px; width: 685px; height: 594px; z-index: 10; text-shadow: none; border-radius: 0px 0px 0px 12px; background-color: rgba(255, 255, 255, 0.25); border: 1px solid #FFFFFF;} .spip-content .main .wrapper .content .box-texte .inner-txt{ padding: 7px 7px 7px 7px; border-radius: 10px 0px 0px 10px;} .spip-content .main .wrapper .content .box-texte .inner-txt .bg-texte{ width: 649px; height: 568px; padding: 0px 10px 10px 10px ; border-radius: 7px 0px 0px 7px; background-color: rgba(255, 255, 255, 0.85); border: 1px solid #fff;} .spip-content .main .wrapper .content .box-texte .inner-txt .bg-texte .texte{ float: left; overflow: auto; width: 619px; height: 538px; padding: 20px; border-radius: 5px; color: #808080; font-family: Arial,Helvetica,sans-serif; text-align: left; font-size: 20px; line-height: 21px; } /*** DESCRIPTIF SSRUB 1024x900px *****/ .spip-content .main .wrapper .content .descriptif-ssrub{ background-color: rgba(241, 241, 241, 0.85); border: 1px solid #FFFFFF; border-radius: 8px 8px 0 0; color: #555555; float: left; font-family: Arial,Helvetica,sans-serif; font-size: 15px; height: 48px; left: 82px; line-height: 17px; padding: 10px 70px 0; position: absolute; text-align: left; top: 70px; width: 664px;} /*** TAILLE DE L'IMAGE DANS LE CORPS DE TEXTE SPIP 1024x900px *****/ .spip_documents_left img{width: 80px; height: 80px; margin-left: 52px; margin-top: 2px; background-color: #fbfbfb;} /*** PARTICULARITE RUBRIQUE FORMULAIRE 1024x900px *****/ .spip-content .main .wrapper .content .box-texte .inner-txt-formulaire{ padding: 7px 7px 7px 7px; border-radius: 10px 0px 0px 10px; font-family: Arial,Helvetica,sans-serif; text-align: left;} .spip-content .main .wrapper .content .box-texte .inner-txt-formulaire .bg-texte-formulaire{ background-color: rgba(255, 255, 255, 0.85); border: 1px solid #FFFFFF; border-radius: 5px; color: #808080; float: left; font-family: Arial,Helvetica,sans-serif; font-size: 17px; line-height: 19px; overflow: none; padding: 0px; text-align: left; width: 808px; height: 578px;} /*** PARTICULARITE RUBRIQUE SIMPLE 1024x900px *****/ .spip-content .main .wrapper .content .box-texte .inner-txt-simple{ padding: 7px 7px 7px 7px; border-radius: 10px 0px 0px 10px; font-family: Arial,Helvetica,sans-serif; text-align: left;} .spip-content .main .wrapper .content .box-texte .inner-txt-simple .bg-texte-simple{ background-color: rgba(255, 255, 255, 0.85); border: 1px solid #FFFFFF; border-radius: 5px; color: #808080; float: left; font-family: Arial,Helvetica,sans-serif; font-size: 15px; height: 517px; line-height: 17px; overflow: auto; padding: 40px 70px 0; text-align: left; width: 648px;} /*** TEXTE DES SSRUBRIQUES BLUE, GREEN, YELLOW, ORANGE, RED 1024x900px *****/ .spip-content .main .wrapper .content .box-texte{ background-color: rgba(255, 255, 255, 0.25); border: 1px solid #FFFFFF; border-radius: 0 0 12px 12px; height: 574px; left: 82px; position: absolute; text-shadow: none; top: 129px; width: 804px; z-index: 10;} .spip-content .main .wrapper .content .box-texte .inner-txt{ padding: 7px 7px 7px 7px; border-radius: 10px 0px 0px 10px;} .spip-content .main .wrapper .content .box-texte .inner-txt .bg-texte{ background-color: rgba(255, 255, 255, 0.85); border: 1px solid #FFFFFF; border-radius: 7px 0 0 7px; height: 548px; padding: 0 10px 10px; width: 628px;} .spip-content .main .wrapper .content .box-texte .inner-txt .bg-texte .texte{ float: left; overflow: auto; width: 629px; height: 548px; padding: 30px 50px 0px 0px; border-radius: 5px; color: #808080; font-family: Arial,Helvetica,sans-serif; text-align: left; font-size: 13px; line-height: 15px;} /*** POUR LE PETIT MENU des SOUS RUBRIQUES en haut à droite 1024x900px *****/ .spip-content .main #menu_rubriques1 { background-color: rgba(241, 241, 241, 0.7); border: 1px solid #FFFFFF; border-radius: 0 0 12px; height: 574px; left: 748px; padding-right: 20px; position: absolute; text-align: left; top: -111px; width: 118px; z-index: 1000; } .spip-content .main #menu_rubriques1 li{ font-size: .8em; margin-left: -1px; list-style: none; float: right; margin-top: -15px; } .spip-content .main #menu_rubriques1 li ul li{ font-size: 1em; margin-left: 0em;} .spip-content .main #menu_rubriques1 { list-style-type:none; } .spip-content .main #menu_rubriques1 li { list-style-type: none; } .spip-content .main #menu_rubriques1 li li { list-style-type: none; } .spip-content .main #menu_rubriques1 li li li { list-style-type: none; } .spip-content .main #menu_rubriques1 hr {margin : 0.7em 0;} .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li { width: 114px; } .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li:hover { width: 114px; } .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li .spip_logos_rappel { height: 120px; width: 120px; margin-bottom: 10px; padding-left: 3px; margin-top: 17px;} .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li:hover .spip_logos_rappel {} .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li .spip_titre_rappel { position: absolute; width: 120px; margin-top: -24px; margin-left: 4px; font-family: "Fugaz One"; text-align: center; font-size: 14px; line-height: 16px; list-style: none;} .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li:hover .spip_titre_rappel { } /*** Les currents 1024x900px ***/ .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li .nav_current_rub{ display: none;width: 120px; } .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li .nav_current_rub .spip_logos_rappel { width: 80px; height: 80px; padding-left: 18px; padding-top: 18px; padding-bottom: 10px;} .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li .nav_current_rub .spip_titre_rappel { position: absolute; width: 120px; margin-top: -14px; margin-left:-1px; text-align: center; font-size: 14px; line-height: 14px; list-style: none; } /*** FIN de 1024x900px *****/ } /***** MEDIA QUERY SOUS MON AILE 1024x1024px *****/ @media screen and (min-width: 1010px) and (max-width: 1099px) and (min-height: 1024px) and (max-height: 1049px){ /**** SPIP CONTENT 1024x1024px *****/ .contenu-mobil.spip-content{ display: none;} .contenu-desktop.spip-content{ display: block; width: 961px; height: 454px; margin-top: 0px;} /*** FIL d'ARIANE SPIP 1024x1024px *****/ .spip-content .ariane{ width: 960px; z-index:100; top:5px; } .spip-content .ariane .arbo{ padding-left: 10px; padding-right: 10px; font-size: 12px; line-height: 22px; width: auto; margin-top: 0px; text-shadow: 0 0 1px #FFFFFF, 0 0 1px #FFFFFF, 0 0 2px #FFFFFF, 0 0 5px #FFFFFF;} /*** CONTNER CONTENU SPIP 1024x1024px *****/ .spip-content .main { width: 961px; height: 373px; margin-left: 20px; top: 74px;} .spip-content .main .wrapper .content { height: 418px; width: 962px; } /*** TITRES TITRE DE LA RUBRIQUE-1 1024x1024px *****/ .titre-sma{ display: none; font-size: 20px; line-height: 2px; margin-top: 89px; padding-left: 138px; text-shadow: 0 0 1px #FFFFFF, 0 0 1px #FFFFFF, 0 0 2px #FFFFFF, 0 0 5px #FFFFFF, 0 0 10px #FFFFFF, 0 0 16px #FFFFFF; } .spip-content .main .wrapper .content .container2 { width: 1615px; margin-left:0px; margin-top: 0px;} /*** TITRES TITRE DE LA SOUS-RUBRIQUE-1 1024x1024px *****/ h1.titre-sma-rub1, h1.titre-sma-ssrub{ font-size: 24px; margin-left: 90px; line-height: 100px; margin-top: -30px; text-shadow: 0 0 1px #FFFFFF, 0 0 1px #FFFFFF, 0 0 2px #FFFFFF, 0 0 5px #FFFFFF, 0 0 10px #FFFFFF, 0 0 16px #FFFFFF;} h1.titre-sma-rub1 .spip_logos , h1.titre-sma-ssrub .spip_logos { height: 80px; margin: 10px 0 0 -41px; width: 80px;} h1.titre-sma-rub1 .descriptif, h1.titre-sma-ssrub .descriptif{ font-size: 16px; line-height: 2px; margin-top: -27px; margin-left: 0px; width : 510px;} /*** TEXTE DE LA RUBRIQUE-1 1024x1024px *****/ .spip-content .main .wrapper .content .texte-rub1{ border-radius: 12px 12px 0 0; font-size: 15px; height: 46px; left: 74px; line-height: 17px; margin-top: 60px; padding: 9px 10px 0 30px; width: 785px; } .spip-content .main #menu_rubriques2 { height: 350px; left: 31px; margin-top: 158px;} .spip-content .main #menu_rubriques2 li{ font-size: .8em; margin-left: -1px; margin-top: -15px; } /*** LES BLOCS 1024x1024px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li { width: 546px; height: 90px; z-index: 1;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:hover{ width: 546px; height: 90px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child{ left: 35px; top: 428px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2){ left: 24px; top: 312px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3){ left: 24px; top: 196px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4){ left: 24px; top: 80px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child{ left: 35px; top: -36px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child {border-top-right-radius: 0px; border-bottom-right-radius: 0px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2), .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3), .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4){ margin-left: 10px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child{ border-top-left-radius: 0px; border-bottom-left-radius: 0px; } /*** LES CADRES-INNER 1024x1024px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner{ width: 537px; height: 68px; padding-top: 7px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child:hover .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2):hover .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3):hover .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4):hover .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child:hover .cadre-inner{ width: 537px; height: 68px; padding-top: 7px; } .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner { border-top-right-radius: 15px; border-bottom-right-radius: 15px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner{} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner { border-top-left-radius: 0px; border-bottom-left-radius: 0px;} /*** LES CADRES-ITEM 1024x1024px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item{ width: 824px; height: 115px; margin-left: 7px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item{ border-top-left-radius: 0px; border-bottom-left-radius: 12px; border-top-right-radius: 0px; border-bottom-right-radius: 12px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item{ border-top-left-radius: 0px; border-bottom-left-radius: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 0px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item{ border-top-left-radius: 0px; border-bottom-left-radius: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 0px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child:hover .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2):hover .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3):hover .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4):hover .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child:hover .cadre-inner .cadre-item{ box-shadow: 0 0 2px #FFFFFF, 0 0 5px #FFFFFF, 0 0 10px #ffffff, 0 0 18px #ffffff; } .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child:hover .cadre-inner .cadre-item{ border-top-left-radius: 0px; border-bottom-left-radius: 12px; border-top-right-radius: 0px; border-bottom-right-radius: 12px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2):hover .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3):hover .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4):hover .cadre-inner .cadre-item{ border-top-left-radius: 0px; border-bottom-left-radius: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 0px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child:hover .cadre-inner .cadre-item{ border-top-left-radius: 0px; border-bottom-left-radius: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 0px;} /*** LES CADRES-ITEM-FINAL 1024x1024px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final{ width: 814px; height: 105px; margin-left: 4px; margin-top: 4px; } /*** CADRE ITEM FIX ***/ /*** Gradient Red ***/ /*** Gradient Orange ***/ /*** Gradient Yellow ***/ /*** Gradient Green ***/ /*** Gradient Blue ***/ /** COLOR INSIDE = DEGRADE GRIS 1024x1024px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final .color-inside{ width: 806px; height: 97px; left: 16px; margin-top: 3px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final .color-inside{ border-top-left-radius: 4px; border-bottom-left-radius: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final .color-inside{ border-top-left-radius: 4px; border-bottom-left-radius: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final .color-inside{ border-top-left-radius: 4px; border-bottom-left-radius: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final{ border-top-left-radius: 7px; border-bottom-left-radius: 7px; border-top-right-radius: 7px; border-bottom-right-radius: 7px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final{ border-top-left-radius: 7px; border-bottom-left-radius: 7px; border-top-right-radius: 7px; border-bottom-right-radius: 7px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final{ border-top-left-radius: 7px; border-bottom-left-radius: 7px; border-top-right-radius: 7px; border-bottom-right-radius: 7px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child:hover .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2):hover .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3):hover .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4):hover .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child:hover .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child:hover .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2):hover .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3):hover .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4):hover .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child:hover .cadre-inner .cadre-item .cadre-item-final{ width: 814px; height: 105px; margin-left: 4px; margin-top: 4px; } /*** Les LOGOS 1024x1024px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .spip_logos_rappel{ height: 110px; margin-left: 5px; margin-top: -8px; width: 110px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child:hover .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2):hover .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3):hover .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4):hover .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child:hover .cadre-inner .spip_logos_rappel{ height: 110px; margin-left: 5px; margin-top: -8px; width: 110px;} /*** Les TITRES 1024x1024px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li .spip_titre_rappel{ font-size: 17px; line-height: 22px; margin-left: 0; padding: 10px 0px; text-align: left; text-shadow: 0 0 1px #FFFFFF, 0 0 1px #FFFFFF, 0 0 2px #FFFFFF, 0 0 5px #FFFFFF, 0 0 10px #FFFFFF, 0 0 16px #FFFFFF; top: -3px; width: 262px; left: 108px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:hover .spip_titre_rappel{ text-shadow: 0 0 1px #FFFFFF, 0 0 1px #FFFFFF, 0 0 2px #FFFFFF, 0 0 5px #FFFFFF, 0 0 10px #FFFFFF, 0 0 16px #FFFFFF;} /*** Les DESCRIPTIFS V1 avec titre sur 1 ligne 1024x1024px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li .spip_descriptif_item-rappel{ display: block; width: 200px; margin-top: 0px; margin-left: 19px; font-size: 13px; line-height: 15px; padding: 10px 5px 1px 15px; border-radius: 10px;} /*** Les DESCRIPTIFS V2 avec titre sur 2 lignes 1024x1024px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li .spip_descriptif_item-rappel2{ border-radius: 6px; display: block; font-size: 15px; height: 56px; line-height: 17px; margin-left: -1px; margin-top: -103px; padding: 38px 109px 3px 81px; width: 616px;} /*** POUR Les BTNS COULEURS(noir en fait) 1024x1024px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final .color-inside .mon-btn-color, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final .color-inside .mon-btn-color, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final .color-inside .mon-btn-color, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final .color-inside .mon-btn-color, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final .color-inside .mon-btn-color{ border-radius: 5px; color: #FFFFFF; font-size: 11px; line-height: 0; margin-left: 699px; margin-top: -45px; padding: 12px 5px 12px 11px; width: 8.5%; z-index: 1000;} /*** POUR Les BTNS NOIR 1024x1024px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final-fix .color-inside .mon-btn, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside .mon-btn, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside .mon-btn, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside .mon-btn, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final-fix .color-inside .mon-btn{ left: 0px; width: 36%; font-size: 16px; line-height: 16px; padding-left: 10px; padding-right: 10px; padding-top: 10px; padding-bottom: 10px; border-radius: 10px; margin-left: 74px; margin-top: 18px; } /******************************************************************************* LES SOUS-RUBRIQUE DE CONTENU 1024x1024px ************************************************************************************/ /*** TEXTE DE LA RUBRIQUE-B 1024x1024px *****/ .spip-content .main .wrapper .content .texte-rub1{ border-radius: 8px 8px 0px 0px; font-size: 14px; left: 72px; line-height: 16px; padding: 9px 15px 0px 30px; top: 25px; width: 779px; height: 43px;} .spip-content .main #menu_rubriques1 { width: 1600px; height: 350px; left: 70px; margin-top: 240px;} .spip-content .main #menu_rubriques1 li{ font-size: .8em; margin-left: -1px; margin-top: -15px; } /*** TEXTE DES SSRUBRIQUES BLUE, GREEN, YELLOW, ORANGE, RED 1024x1024px *****/ .spip-content .main .wrapper .content .box-texte{ position: absolute; top: 123px; left: 72px; border-radius: 10px 0px 0px 10px; width: 685px; height: 594px; z-index: 10; text-shadow: none; border-radius: 0px 0px 0px 12px; background-color: rgba(255, 255, 255, 0.25); border: 1px solid #FFFFFF;} .spip-content .main .wrapper .content .box-texte .inner-txt{ padding: 7px 7px 7px 7px; border-radius: 10px 0px 0px 10px;} .spip-content .main .wrapper .content .box-texte .inner-txt .bg-texte{ width: 649px; height: 568px; padding: 0px 10px 10px 10px ; border-radius: 7px 0px 0px 7px; background-color: rgba(255, 255, 255, 0.85); border: 1px solid #fff;} .spip-content .main .wrapper .content .box-texte .inner-txt .bg-texte .texte{ float: left; overflow: auto; width: 619px; height: 538px; padding: 20px; border-radius: 5px; color: #808080; font-family: Arial,Helvetica,sans-serif; text-align: left; font-size: 20px; line-height: 21px; } /*** DESCRIPTIF SSRUB 1024x1024px *****/ .spip-content .main .wrapper .content .descriptif-ssrub{ background-color: rgba(241, 241, 241, 0.85); border: 1px solid #FFFFFF; border-radius: 8px 8px 0 0; color: #555555; float: left; font-family: Arial,Helvetica,sans-serif; font-size: 15px; height: 48px; left: 82px; line-height: 17px; padding: 10px 70px 0; position: absolute; text-align: left; top: 70px; width: 664px;} /*** TAILLE DE L'IMAGE DANS LE CORPS DE TEXTE SPIP 1024x1024px *****/ .spip_documents_left img{width: 100px; height: 100px; margin-left: 37px; margin-top: -4px; background-color: #fbfbfb;} /*** PARTICULARITE RUBRIQUE FORMULAIRE 1024x1024px *****/ .spip-content .main .wrapper .content .box-texte .inner-txt-formulaire{ padding: 7px 7px 7px 7px; border-radius: 10px 0px 0px 10px; font-family: Arial,Helvetica,sans-serif; text-align: left;} .spip-content .main .wrapper .content .box-texte .inner-txt-formulaire .bg-texte-formulaire{ background-color: rgba(255, 255, 255, 0.85); border: 1px solid #FFFFFF; border-radius: 5px; color: #808080; float: left; font-family: Arial,Helvetica,sans-serif; font-size: 17px; line-height: 19px; overflow: none; padding: 0px; text-align: left; width: 808px; height: 689px;} /*** PARTICULARITE RUBRIQUE SIMPLE 1024x1024px *****/ .spip-content .main .wrapper .content .box-texte .inner-txt-simple{ padding: 7px 7px 7px 7px; border-radius: 10px 0px 0px 10px; font-family: Arial,Helvetica,sans-serif; text-align: left;} .spip-content .main .wrapper .content .box-texte .inner-txt-simple .bg-texte-simple{ background-color: rgba(255, 255, 255, 0.85); border: 1px solid #FFFFFF; border-radius: 5px; color: #808080; float: left; font-family: Arial,Helvetica,sans-serif; font-size: 15px; height: 649px; line-height: 17px; overflow: auto; padding: 40px 70px 0; text-align: left; width: 648px; } /*** TEXTE DES SSRUBRIQUES BLUE, GREEN, YELLOW, ORANGE, RED 1024x1024px *****/ .spip-content .main .wrapper .content .box-texte{ background-color: rgba(255, 255, 255, 0.25); border: 1px solid #FFFFFF; border-radius: 0 0 12px 12px; height: 705px; left: 82px; position: absolute; text-shadow: none; top: 129px; width: 804px; z-index: 10;} .spip-content .main .wrapper .content .box-texte .inner-txt{ padding: 7px 7px 7px 7px; border-radius: 10px 0px 0px 10px;} .spip-content .main .wrapper .content .box-texte .inner-txt .bg-texte{ width: 628px; height: 679px; padding: 0px 10px 10px 10px ; border-radius: 7px 0px 0px 7px; background-color: rgba(255, 255, 255, 0.85); border: 1px solid #fff;} .spip-content .main .wrapper .content .box-texte .inner-txt .bg-texte .texte{ border-radius: 5px; color: #808080; float: left; font-family: Arial,Helvetica,sans-serif; font-size: 14px; line-height: 17px; overflow: auto; padding: 30px 60px 0 0; text-align: left; width: 599px; height: 659px; } /*** POUR LE PETIT MENU des SOUS RUBRIQUES en haut à droite 1024x1024px *****/ .spip-content .main #menu_rubriques1 { background-color: rgba(241, 241, 241, 0.7); border: 1px solid #FFFFFF; border-radius: 0 0 12px; height: 705px; left: 748px; padding-right: 20px; position: absolute; text-align: left; top: -111px; width: 118px; z-index: 1000;} .spip-content .main #menu_rubriques1 li{ font-size: .8em; margin-left: -1px; list-style: none; float: right; margin-top: -15px; } .spip-content .main #menu_rubriques1 li ul li{ font-size: 1em; margin-left: 0em;} .spip-content .main #menu_rubriques1 { list-style-type:none; } .spip-content .main #menu_rubriques1 li { list-style-type: none; } .spip-content .main #menu_rubriques1 li li { list-style-type: none; } .spip-content .main #menu_rubriques1 li li li { list-style-type: none; } .spip-content .main #menu_rubriques1 hr {margin : 0.7em 0;} .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li { width: 114px; } .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li:hover { width: 114px; } .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li .spip_logos_rappel { height: 130px; width: 130px; margin-bottom: 10px; padding-left: 0px; margin-top: 20px;} .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li:hover .spip_logos_rappel {} .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li .spip_titre_rappel { position: absolute; width: 120px; margin-top: -20px; margin-left: 4px; font-family: "Fugaz One"; text-align: center; font-size: 16px; line-height: 18px; list-style: none;} .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li:hover .spip_titre_rappel { } /*** Les currents 1024x1024x ***/ .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li .nav_current_rub{ display: none;width: 120px; } .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li .nav_current_rub .spip_logos_rappel { width: 80px; height: 80px; padding-left: 18px; padding-top: 18px; padding-bottom: 10px;} .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li .nav_current_rub .spip_titre_rappel { position: absolute; width: 120px; margin-top: -14px; margin-left:-1px; text-align: center; font-size: 14px; line-height: 14px; list-style: none; } /*** FIN de 1024x1024px *****/ } /***** MEDIA QUERY SOUS MON AILE 1024x1050px *****/ @media screen and (min-width: 1010px) and (max-width: 1099px) and (min-height: 1050px) and (max-height: 1080px){ /**** SPIP CONTENT 1024x1050px *****/ .contenu-mobil.spip-content{ display: none; } .contenu-desktop.spip-content{ display: block; width: 961px; height: 454px; margin-top: 0px; margin-left: 0px; } /*** FIL d'ARIANE SPIP 1024x1050px *****/ .spip-content .ariane{ width: 960px; z-index:100; top: 5px;} .spip-content .ariane .arbo{ padding-left: 10px; padding-right: 10px; font-size: 12px; line-height: 22px; width: auto; margin-top: 0px; text-shadow: 0 0 1px #FFFFFF, 0 0 1px #FFFFFF, 0 0 2px #FFFFFF, 0 0 5px #FFFFFF;} /*** CONTNER CONTENU SPIP 1024x1050px *****/ .spip-content .main { width: 961px; height: 818px; margin-left: 0px; top: 114px;} .spip-content .main .wrapper .content { height: 874px; width: 962px; } /*** TITRES TITRE DE LA RUBRIQUE-1 1024x1050px *****/ .titre-sma{ display: none; font-size: 20px; line-height: 2px; margin-top: 89px; padding-left: 138px; text-shadow: 0 0 1px #FFFFFF, 0 0 1px #FFFFFF, 0 0 2px #FFFFFF, 0 0 5px #FFFFFF, 0 0 10px #FFFFFF, 0 0 16px #FFFFFF; } .spip-content .main .wrapper .content .container2 { width: 1615px; margin-left:0px; margin-top: 0px;} /*** TITRES TITRE DE LA SOUS-RUBRIQUE-1 1024x1050px *****/ h1.titre-sma-rub1, h1.titre-sma-ssrub{ font-size: 24px; margin-left: 90px; line-height: 100px; margin-top: -30px; text-shadow: 0 0 1px #FFFFFF, 0 0 1px #FFFFFF, 0 0 2px #FFFFFF, 0 0 5px #FFFFFF, 0 0 10px #FFFFFF, 0 0 16px #FFFFFF;} h1.titre-sma-rub1 .spip_logos , h1.titre-sma-ssrub .spip_logos { height: 80px; margin: 10px 0 0 -41px; width: 80px;} h1.titre-sma-rub1 .descriptif, h1.titre-sma-ssrub .descriptif{ font-size: 16px; line-height: 2px; margin-top: -27px; margin-left: 0px; width : 510px;} /*** TEXTE DE LA RUBRIQUE-1 1024x1050px *****/ .spip-content .main .wrapper .content .texte-rub1{ border-radius: 12px 12px 0 0; font-size: 15px; left: 72px; line-height: 17px; margin-top: 60px; padding: 9px 10px 0 30px; width: 784px; height: 44px;} .spip-content .main #menu_rubriques2 { height: 350px; left: 49px; margin-top: 156px;} .spip-content .main #menu_rubriques2 li{ font-size: .8em; margin-left: -1px; margin-top: -15px; } /*** LES BLOCS 1024x1050px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li { width: 544px; height: 146px; z-index: 1;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:hover{ width: 544px; height: 146px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child{ left: 17px; top: 522px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2){ left: 6px; top: 383px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3){ left: 6px; top: 244px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4){ left: 6px; top: 105px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child{ left: 17px; top: -34px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child {border-top-right-radius: 0px; border-bottom-right-radius: 0px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2), .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3), .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4){ margin-left: 10px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child{ border-top-left-radius: 0px; border-bottom-left-radius: 0px; } /*** LES CADRES-INNER 1024x1050px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner{ width: 537px; height: 68px; padding-top: 7px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child:hover .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2):hover .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3):hover .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4):hover .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child:hover .cadre-inner{ width: 537px; height: 68px; padding-top: 7px; } .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner { border-top-right-radius: 15px; border-bottom-right-radius: 15px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner{} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner { border-top-left-radius: 0px; border-bottom-left-radius: 0px;} /*** LES CADRES-ITEM 1024x1050px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item{ width: 824px; height: 138px; margin-left: 7px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item{ border-top-left-radius: 0px; border-bottom-left-radius: 12px; border-top-right-radius: 0px; border-bottom-right-radius: 12px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item{ border-top-left-radius: 0px; border-bottom-left-radius: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 0px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item{ border-top-left-radius: 0px; border-bottom-left-radius: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 0px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child:hover .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2):hover .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3):hover .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4):hover .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child:hover .cadre-inner .cadre-item{ box-shadow: 0 0 2px #FFFFFF, 0 0 5px #FFFFFF, 0 0 10px #ffffff, 0 0 18px #ffffff; } .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child:hover .cadre-inner .cadre-item{ border-top-left-radius: 0px; border-bottom-left-radius: 12px; border-top-right-radius: 0px; border-bottom-right-radius: 12px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2):hover .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3):hover .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4):hover .cadre-inner .cadre-item{ border-top-left-radius: 0px; border-bottom-left-radius: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 0px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child:hover .cadre-inner .cadre-item{ border-top-left-radius: 0px; border-bottom-left-radius: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 0px;} /*** LES CADRES-ITEM-FINAL 1024x1050px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final{ width: 814px; height: 128px; margin-left: 4px; margin-top: 4px; } /*** CADRE ITEM FIX ***/ /*** Gradient Red ***/ /*** Gradient Orange ***/ /*** Gradient Yellow ***/ /*** Gradient Green ***/ /*** Gradient Blue ***/ /** COLOR INSIDE = DEGRADE GRIS 1024x1050px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final .color-inside{ width: 806px; height: 120px; left: 16px; margin-top: 3px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final .color-inside{ border-top-left-radius: 4px; border-bottom-left-radius: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final .color-inside{ border-top-left-radius: 4px; border-bottom-left-radius: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final .color-inside{ border-top-left-radius: 4px; border-bottom-left-radius: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final{ border-top-left-radius: 7px; border-bottom-left-radius: 7px; border-top-right-radius: 7px; border-bottom-right-radius: 7px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final{ border-top-left-radius: 7px; border-bottom-left-radius: 7px; border-top-right-radius: 7px; border-bottom-right-radius: 7px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final{ border-top-left-radius: 7px; border-bottom-left-radius: 7px; border-top-right-radius: 7px; border-bottom-right-radius: 7px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child:hover .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2):hover .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3):hover .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4):hover .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child:hover .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child:hover .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2):hover .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3):hover .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4):hover .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child:hover .cadre-inner .cadre-item .cadre-item-final{ width: 814px; height: 128px; margin-left: 4px; margin-top: 4px; } /*** Les LOGOS 1024x1050px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .spip_logos_rappel{ height: 140px; margin-left: -5px; margin-top: -13px; width: 140px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child:hover .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2):hover .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3):hover .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4):hover .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child:hover .cadre-inner .spip_logos_rappel{ height: 140px; margin-left: -5px; margin-top: -13px; width: 140px;} /*** Les TITRES 1024x1050px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li .spip_titre_rappel{ font-size: 25px; left: 128px; line-height: 30px; margin-left: 0; padding: 6px 0; text-align: center; text-shadow: 0 0 1px #FFFFFF, 0 0 1px #FFFFFF, 0 0 2px #FFFFFF, 0 0 5px #FFFFFF, 0 0 10px #FFFFFF, 0 0 16px #FFFFFF; top: 21px; width: 170px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:hover .spip_titre_rappel{ text-shadow: 0 0 1px #FFFFFF, 0 0 1px #FFFFFF, 0 0 2px #FFFFFF, 0 0 5px #FFFFFF, 0 0 10px #FFFFFF, 0 0 16px #FFFFFF;} /*** Les DESCRIPTIFS V1 avec titre sur 1 ligne 1024x1050px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li .spip_descriptif_item-rappel{ display: block; width: 200px; margin-top: 0px; margin-left: 19px; font-size: 13px; line-height: 15px; padding: 10px 5px 1px 15px; border-radius: 10px;} /*** Les DESCRIPTIFS V2 avec titre sur 2 lignes 1024x1050px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li .spip_descriptif_item-rappel2{ border-radius: 4px; display: block; font-size: 13px; height: 69px; line-height: 15px; margin-left: 0; margin-top: -128px; padding: 44px 164px 6px 320px; width: 321px;} /*** POUR Les BTNS COULEURS(noir en fait) 1024x1050px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final .color-inside .mon-btn-color, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final .color-inside .mon-btn-color, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final .color-inside .mon-btn-color, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final .color-inside .mon-btn-color, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final .color-inside .mon-btn-color{ border-radius: 7px; color: #FFFFFF; font-size: 14px; line-height: 0; margin-left: 680px; margin-top: -38px; padding: 11px 11px 13px 14px; width: 10.5%; z-index: 1000;} /*** POUR Les BTNS NOIR 1024x1050px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final-fix .color-inside .mon-btn, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside .mon-btn, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside .mon-btn, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside .mon-btn, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final-fix .color-inside .mon-btn{ left: 0px; width: 36%; font-size: 16px; line-height: 16px; padding-left: 10px; padding-right: 10px; padding-top: 10px; padding-bottom: 10px; border-radius: 10px; margin-left: 74px; margin-top: 18px; } /******************************************************************************* LES SOUS-RUBRIQUE DE CONTENU 1024x1050px ************************************************************************************/ /*** CONTENU RUBRIQUES ITEMS 1024x1050px *****/ .spip-content .main .wrapper .content .box-texte{ background-color: rgba(255, 255, 255, 0.25); border: 1px solid #FFFFFF; border-radius: 0 0 12px 12px; height: 685px; left: 82px; position: absolute; text-shadow: none; top: 129px; transition: all 0.35s ease-in-out 0s; width: 804px; z-index: 10; } .spip-content .main .wrapper .content .box-texte .inner-txt{ padding: 7px 7px 7px 7px; border-radius: 10px 0px 0px 10px;} .spip-content .main .wrapper .content .box-texte .inner-txt .bg-texte{ width: 649px; height: 679px; padding: 0px 10px 10px 10px ; border-radius: 7px 0px 0px 7px; background-color: rgba(255, 255, 255, 0.85); border: 1px solid #fff;} .spip-content .main .wrapper .content .box-texte .inner-txt .bg-texte .texte{ border-radius: 5px; color: #808080; float: left; font-family: Arial,Helvetica,sans-serif; font-size: 15px; line-height: 17px; overflow: auto; padding: 50px 70px 20px 0; text-align: left; width: 589px; height: 673px;} p { margin: 0 0 0px;} /*** TEXTE DE LA RUBRIQUE-B 1024x1050px *****/ .spip-content .main #menu_rubriques1 { width: 1600px; height: 350px; left: 70px; margin-top: 240px;} .spip-content .main #menu_rubriques1 li{ font-size: .8em; margin-left: -1px; margin-top: -15px; } /*** DESCRIPTIF SSRUB 1024x1050px *****/ .spip-content .main .wrapper .content .descriptif-ssrub{ background-color: rgba(241, 241, 241, 0.85); border: 1px solid #FFFFFF; border-radius: 8px 8px 0 0; color: #555555; float: left; font-family: Arial,Helvetica,sans-serif; font-size: 15px; height: 48px; left: 82px; line-height: 17px; padding: 10px 70px 0; position: absolute; text-align: left; top: 70px; width: 664px;} /*** TAILLE DE L'IMAGE DANS LE CORPS DE TEXTE SPIP 1024x1050px *****/ .spip_documents_left img{width: 100px; height: 100px; margin-left: 37px; margin-top: -18px; background-color: #fbfbfb;} /*** PARTICULARITE RUBRIQUE FORMULAIRE 1024x1050px *****/ .spip-content .main .wrapper .content .box-texte .inner-txt-formulaire{ padding: 7px 7px 7px 7px; border-radius: 10px 0px 0px 10px; font-family: Arial,Helvetica,sans-serif; text-align: left;} .spip-content .main .wrapper .content .box-texte .inner-txt-formulaire .bg-texte-formulaire{ background-color: rgba(255, 255, 255, 0.85); border: 1px solid #FFFFFF; border-radius: 5px; color: #808080; float: left; font-family: Arial,Helvetica,sans-serif; font-size: 17px; line-height: 19px; overflow: none; padding: 0px; text-align: left; width: 808px; height: 688px;} /*** PARTICULARITE RUBRIQUE SIMPLE 1024x1050px *****/ .spip-content .main .wrapper .content .box-texte .inner-txt-simple{ padding: 7px 7px 7px 7px; border-radius: 10px 0px 0px 10px; font-family: Arial,Helvetica,sans-serif; text-align: left;} .spip-content .main .wrapper .content .box-texte .inner-txt-simple .bg-texte-simple{ background-color: rgba(255, 255, 255, 0.85); border: 1px solid #FFFFFF; border-radius: 5px; color: #808080; float: left; font-family: Arial,Helvetica,sans-serif; font-size: 15px; height: 629px; line-height: 17px; overflow: auto; padding: 40px 70px 0; text-align: left; width: 648px;} /*** POUR LE PETIT MENU des SOUS RUBRIQUES en haut à droite 1024x1050px *****/ .spip-content .main #menu_rubriques1 { position: absolute; text-align: left; width: 118px; height: 705px; z-index: 1000; top: -117px; padding-right: 20px; left: 758px; background-color: rgba(241, 241, 241, 0.7); border-top-left-radius: 0px; border-bottom-left-radius: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 12px; border: 1px solid #fff; } .spip-content .main #menu_rubriques1 li{ font-size: .8em; margin-left: -1px; list-style: none; float: right; margin-top: -15px; } .spip-content .main #menu_rubriques1 li ul li{ font-size: 1em; margin-left: 0em;} .spip-content .main #menu_rubriques1 { list-style-type:none; } .spip-content .main #menu_rubriques1 li { list-style-type: none; } .spip-content .main #menu_rubriques1 li li { list-style-type: none; } .spip-content .main #menu_rubriques1 li li li { list-style-type: none; } .spip-content .main #menu_rubriques1 hr {margin : 0.7em 0;} .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li { width: 114px; } .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li:hover { width: 114px; } .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li .spip_logos_rappel { height: 130px; width: 130px; margin-bottom: 10px; padding-left: 0px; margin-top: 20px;} .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li:hover .spip_logos_rappel {} .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li .spip_titre_rappel { position: absolute; width: 120px; margin-top: -20px; margin-left: 4px; font-family: "Fugaz One"; text-align: center; font-size: 16px; line-height: 18px; list-style: none;} .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li:hover .spip_titre_rappel { } /*** Les currents 1024x1050px ***/ .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li .nav_current_rub{ display: none;width: 120px; } .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li .nav_current_rub .spip_logos_rappel { width: 80px; height: 80px; padding-left: 18px; padding-top: 18px; padding-bottom: 10px;} .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li .nav_current_rub .spip_titre_rappel { position: absolute; width: 120px; margin-top: -14px; margin-left:-1px; text-align: center; font-size: 14px; line-height: 14px; list-style: none; } /*** FIN de 1024x1050px *****/ } /***** MEDIA QUERY SOUS MON AILE 1024x1200px *****/ @media screen and (min-width: 1010px) and (max-width: 1099px) and (min-height: 1081px) and (max-height: 1549px){ /**** SPIP CONTENT 1024x1200px *****/ .contenu-mobil.spip-content{ display: none; } .contenu-desktop.spip-content{ display: block; width: 901px; height: 454px; margin-top: 0px; margin-left: 0px; } /*** FIL d'ARIANE SPIP 1024x1200px *****/ .spip-content .ariane{ width: 960px; z-index:100; top: 5px;} .spip-content .ariane .arbo{ padding-left: 10px; padding-right: 10px; font-size: 12px; line-height: 22px; width: auto; margin-top: 0px; text-shadow: 0 0 1px #FFFFFF, 0 0 1px #FFFFFF, 0 0 2px #FFFFFF, 0 0 5px #FFFFFF;} /*** CONTNER CONTENU SPIP 1024x1200px *****/ .spip-content .main { width: 961px; height: 891px; margin-left: 0px; top: 114px;} .spip-content .main .wrapper .content { height: 874px; width: 942px; } /*** TITRES TITRE DE LA RUBRIQUE-1 1024x1200px *****/ .titre-sma{ display: none; font-size: 20px; line-height: 2px; margin-top: 89px; padding-left: 138px; text-shadow: 0 0 1px #FFFFFF, 0 0 1px #FFFFFF, 0 0 2px #FFFFFF, 0 0 5px #FFFFFF, 0 0 10px #FFFFFF, 0 0 16px #FFFFFF; } .spip-content .main .wrapper .content .container2 { width: 1615px; margin-left:0px; margin-top: 0px;} /*** TITRES TITRE DE LA SOUS-RUBRIQUE-1 1024x1200px *****/ h1.titre-sma-rub1, h1.titre-sma-ssrub{ font-size: 24px; margin-left: 90px; line-height: 100px; margin-top: -30px; text-shadow: 0 0 1px #FFFFFF, 0 0 1px #FFFFFF, 0 0 2px #FFFFFF, 0 0 5px #FFFFFF, 0 0 10px #FFFFFF, 0 0 16px #FFFFFF;} h1.titre-sma-rub1 .spip_logos , h1.titre-sma-ssrub .spip_logos { height: 80px; margin: 10px 0 0 -41px; width: 80px;} h1.titre-sma-rub1 .descriptif, h1.titre-sma-ssrub .descriptif{ font-size: 16px; line-height: 2px; margin-top: -27px; margin-left: 0px; width : 510px;} /*** TEXTE DE LA RUBRIQUE-1 1024x1200px *****/ .spip-content .main .wrapper .content .texte-rub1{ border-radius: 12px 12px 0 0; font-size: 15px; left: 72px; line-height: 17px; margin-top: 60px; padding: 9px 10px 0 30px; width: 784px; height: 44px;} .spip-content .main #menu_rubriques2 { height: 350px; left: 51px; margin-top: 135px;} .spip-content .main #menu_rubriques2 li{ font-size: .8em; margin-left: -1px; margin-top: -15px; } /*** LES BLOCS 1024x1200px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li { width: 544px; height: 75px; z-index: 1;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:hover{ width: 544px; height: 75px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child{ left: 15px; top: 583px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2){ left: 4px; top: 434px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3){ left: 4px; top: 285px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4){ left: 4px; top: 136px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child{ left: 15px; top: -13px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child {border-top-right-radius: 0px; border-bottom-right-radius: 0px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2), .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3), .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4){ margin-left: 10px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child{ border-top-left-radius: 0px; border-bottom-left-radius: 0px; } /*** LES CADRES-INNER 1024x1200px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner{ width: 688px; height: 148px; padding-top: 7px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child:hover .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2):hover .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3):hover .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4):hover .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child:hover .cadre-inner{ width: 688px; height: 148px; padding-top: 7px; } .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner { border-top-right-radius: 15px; border-bottom-right-radius: 15px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner{} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner { border-top-left-radius: 0px; border-bottom-left-radius: 0px;} /*** LES CADRES-ITEM 1024x1200px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item{ width: 824px; height: 148px; margin-left: 7px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item{ border-top-left-radius: 0px; border-bottom-left-radius: 12px; border-top-right-radius: 0px; border-bottom-right-radius: 12px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item{ border-top-left-radius: 0px; border-bottom-left-radius: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 0px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item{ border-top-left-radius: 0px; border-bottom-left-radius: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 0px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child:hover .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2):hover .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3):hover .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4):hover .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child:hover .cadre-inner .cadre-item{ box-shadow: 0 0 2px #FFFFFF, 0 0 5px #FFFFFF, 0 0 10px #ffffff, 0 0 18px #ffffff; } .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child:hover .cadre-inner .cadre-item{ border-top-left-radius: 0px; border-bottom-left-radius: 12px; border-top-right-radius: 0px; border-bottom-right-radius: 12px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2):hover .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3):hover .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4):hover .cadre-inner .cadre-item{ border-top-left-radius: 0px; border-bottom-left-radius: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 0px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child:hover .cadre-inner .cadre-item{ border-top-left-radius: 0px; border-bottom-left-radius: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 0px;} /*** LES CADRES-ITEM-FINAL 1024x1200px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final{ width: 814px; height: 138px; margin-left: 4px; margin-top: 4px; } /*** CADRE ITEM FIX ***/ /*** Gradient Red ***/ /*** Gradient Orange ***/ /*** Gradient Yellow ***/ /*** Gradient Green ***/ /*** Gradient Blue ***/ /** COLOR INSIDE = DEGRADE GRIS 1024x1200px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final .color-inside{ width: 806px; height: 130px; left: 16px; margin-top: 3px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final .color-inside{ border-top-left-radius: 4px; border-bottom-left-radius: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final .color-inside{ border-top-left-radius: 4px; border-bottom-left-radius: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final .color-inside{ border-top-left-radius: 4px; border-bottom-left-radius: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final{ border-top-left-radius: 7px; border-bottom-left-radius: 7px; border-top-right-radius: 7px; border-bottom-right-radius: 7px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final{ border-top-left-radius: 7px; border-bottom-left-radius: 7px; border-top-right-radius: 7px; border-bottom-right-radius: 7px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final{ border-top-left-radius: 7px; border-bottom-left-radius: 7px; border-top-right-radius: 7px; border-bottom-right-radius: 7px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child:hover .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2):hover .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3):hover .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4):hover .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child:hover .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child:hover .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2):hover .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3):hover .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4):hover .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child:hover .cadre-inner .cadre-item .cadre-item-final{ width: 814px; height: 138px; margin-left: 4px; margin-top: 4px; } /*** Les LOGOS 1024x1200px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .spip_logos_rappel{ height: 150px; margin-left: -5px; margin-top: -13px; width: 150px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child:hover .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2):hover .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3):hover .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4):hover .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child:hover .cadre-inner .spip_logos_rappel{ height: 150px; margin-left: -5px; margin-top: -13px; width: 150px;} /*** Les TITRES 1024x1200px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li .spip_titre_rappel{ font-size: 23px; left: 148px; line-height: 20px; margin-left: 0; padding: 6px 0; text-align: left; text-shadow: 0 0 1px #FFFFFF, 0 0 1px #FFFFFF, 0 0 2px #FFFFFF, 0 0 5px #FFFFFF, 0 0 10px #FFFFFF, 0 0 16px #FFFFFF; top: 1px; width: 340px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:hover .spip_titre_rappel{ text-shadow: 0 0 1px #FFFFFF, 0 0 1px #FFFFFF, 0 0 2px #FFFFFF, 0 0 5px #FFFFFF, 0 0 10px #FFFFFF, 0 0 16px #FFFFFF;} /*** Les DESCRIPTIFS V1 avec titre sur 1 ligne 1024x1200px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li .spip_descriptif_item-rappel{ display: block; width: 200px; margin-top: 0px; margin-left: 19px; font-size: 13px; line-height: 15px; padding: 10px 5px 1px 15px; border-radius: 10px;} /*** Les DESCRIPTIFS V2 avec titre sur 2 lignes 1024x1200px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li .spip_descriptif_item-rappel2{ border-radius: 6px; display: block; font-size: 15px; line-height: 17px; margin-left: 133px; margin-top: -99px; padding: 10px 125px 3px 32px; width: 461px; height: 60px;} /*** POUR Les BTNS COULEURS(noir en fait) 1024x1200px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final .color-inside .mon-btn-color, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final .color-inside .mon-btn-color, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final .color-inside .mon-btn-color, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final .color-inside .mon-btn-color, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final .color-inside .mon-btn-color{ border-radius: 5px; color: #FFFFFF; font-size: 12px; line-height: 0; margin-left: 646px; margin-top: -40px; padding: 10px 2px 10px 7px; width: 9.5%; z-index: 1000;} /*** POUR Les BTNS NOIR 1024x1200px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final-fix .color-inside .mon-btn, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside .mon-btn, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside .mon-btn, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside .mon-btn, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final-fix .color-inside .mon-btn{ left: 0px; width: 36%; font-size: 16px; line-height: 16px; padding-left: 10px; padding-right: 10px; padding-top: 10px; padding-bottom: 10px; border-radius: 10px; margin-left: 74px; margin-top: 18px; } /******************************************************************************* LES SOUS-RUBRIQUE DE CONTENU 1024x1200px ************************************************************************************/ /*** CONTENU RUBRIQUES ITEMS 1024x1200px *****/ .spip-content .main .wrapper .content .box-texte{ background-color: rgba(255, 255, 255, 0.25); border: 1px solid #FFFFFF; border-radius: 0 0 12px 12px; height: 729px; left: 82px; position: absolute; text-shadow: none; top: 129px; transition: all 0.35s ease-in-out 0s; width: 804px; z-index: 10;} .spip-content .main .wrapper .content .box-texte .inner-txt{ padding: 7px 7px 7px 7px; border-radius: 10px 0px 0px 10px;} .spip-content .main .wrapper .content .box-texte .inner-txt .bg-texte{ background-color: rgba(255, 255, 255, 0.85); border: 1px solid #FFFFFF; border-radius: 7px 0 0 7px; height: 703px; padding: 0 10px 10px; width: 629px;} .spip-content .main .wrapper .content .box-texte .inner-txt .bg-texte .texte{ border-radius: 5px; color: #808080; float: left; font-family: Arial,Helvetica,sans-serif; font-size: 15px; line-height: 17px; overflow: auto; padding: 50px 70px 20px 0; text-align: left; width: 589px; height: 673px;} p { margin: 0 0 0px;} /*** TEXTE DE LA RUBRIQUE-B 1024x1200px *****/ .spip-content .main #menu_rubriques1 { width: 1600px; height: 350px; left: 70px; margin-top: 240px;} .spip-content .main #menu_rubriques1 li{ font-size: .8em; margin-left: -1px; margin-top: -15px; } /*** DESCRIPTIF SSRUB 1024x1200px *****/ .spip-content .main .wrapper .content .descriptif-ssrub{ background-color: rgba(241, 241, 241, 0.85); border: 1px solid #FFFFFF; border-radius: 8px 8px 0 0; color: #555555; float: left; font-family: Arial,Helvetica,sans-serif; font-size: 15px; height: 48px; left: 82px; line-height: 17px; padding: 10px 70px 0; position: absolute; text-align: left; top: 70px; width: 664px;} /*** TAILLE DE L'IMAGE DANS LE CORPS DE TEXTE SPIP 1024x1200px *****/ .spip_documents_left img{width: 100px; height: 100px; margin-left: 37px; margin-top: -18px; background-color: #fbfbfb;} /*** PARTICULARITE RUBRIQUE FORMULAIRE 1024x1200px *****/ .spip-content .main .wrapper .content .box-texte .inner-txt-formulaire{ padding: 7px 7px 7px 7px; border-radius: 10px 0px 0px 10px; font-family: Arial,Helvetica,sans-serif; text-align: left;} .spip-content .main .wrapper .content .box-texte .inner-txt-formulaire .bg-texte-formulaire{ background-color: rgba(255, 255, 255, 0.85); border: 1px solid #FFFFFF; border-radius: 5px; color: #808080; float: left; font-family: Arial,Helvetica,sans-serif; font-size: 17px; line-height: 19px; overflow: none; padding: 0px; text-align: left; width: 808px; height: 743px;} /*** PARTICULARITE RUBRIQUE SIMPLE 1024x1200px *****/ .spip-content .main .wrapper .content .box-texte .inner-txt-simple{ padding: 7px 7px 7px 7px; border-radius: 10px 0px 0px 10px; font-family: Arial,Helvetica,sans-serif; text-align: left;} .spip-content .main .wrapper .content .box-texte .inner-txt-simple .bg-texte-simple{ background-color: rgba(255, 255, 255, 0.85); border: 1px solid #FFFFFF; border-radius: 5px; color: #808080; float: left; font-family: Arial,Helvetica,sans-serif; font-size: 15px; height: 673px; line-height: 17px; overflow: auto; padding: 40px 70px 0; text-align: left; width: 648px;} /*** POUR LE PETIT MENU des SOUS RUBRIQUES en haut à droite 1024x1200px *****/ .spip-content .main #menu_rubriques1 { background-color: rgba(241, 241, 241, 0.7); border: 1px solid #FFFFFF; border-radius: 0 0 12px; height: 729px; left: 748px; padding-right: 20px; position: absolute; text-align: left; top: -111px; width: 118px; z-index: 1000;} .spip-content .main #menu_rubriques1 li{ font-size: .8em; margin-left: -1px; list-style: none; float: right; margin-top: -15px; } .spip-content .main #menu_rubriques1 li ul li{ font-size: 1em; margin-left: 0em;} .spip-content .main #menu_rubriques1 { list-style-type:none; } .spip-content .main #menu_rubriques1 li { list-style-type: none; } .spip-content .main #menu_rubriques1 li li { list-style-type: none; } .spip-content .main #menu_rubriques1 li li li { list-style-type: none; } .spip-content .main #menu_rubriques1 hr {margin : 0.7em 0;} .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li { width: 114px; } .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li:hover { width: 114px; } .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li .spip_logos_rappel { height: 130px; width: 130px; margin-bottom: 10px; padding-left: 0px; margin-top: 20px;} .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li:hover .spip_logos_rappel {} .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li .spip_titre_rappel { position: absolute; width: 120px; margin-top: -20px; margin-left: 4px; font-family: "Fugaz One"; text-align: center; font-size: 16px; line-height: 18px; list-style: none;} .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li:hover .spip_titre_rappel { } /*** Les currents 1024x1200px ***/ .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li .nav_current_rub{ display: none;width: 120px; } .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li .nav_current_rub .spip_logos_rappel { width: 80px; height: 80px; padding-left: 18px; padding-top: 18px; padding-bottom: 10px;} .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li .nav_current_rub .spip_titre_rappel { position: absolute; width: 120px; margin-top: -14px; margin-left:-1px; text-align: center; font-size: 14px; line-height: 14px; list-style: none; } /*** FIN de 1024x1200px *****/ } /************************************************************************************************************************ ************************************** MEDIA QUERY SOUS MON AILE 1152px de largeur *********************************** *************************************************************************************************************************/ /***** MEDIA QUERY SOUS MON AILE 1152x600px *****/ @media screen and (min-width: 1100px) and (max-width: 1199px) and (min-height: 10px) and (max-height: 749px){ /**** SPIP CONTENT 1152x600px *****/ .contenu-mobil.spip-content{ display: none;} .contenu-desktop.spip-content{ display: block; width: 1005px; height: 454px; margin-top: 0px; margin-left: 20px; } /*** FIL d'ARIANE SPIP 1152x600px *****/ .spip-content .ariane{ width: 995px; z-index:100; top: 5px;} .spip-content .ariane .arbo{ padding-left: 10px; padding-right: 10px; font-size: 12px; line-height: 22px; width: auto; margin-top: 0px; text-shadow: 0 0 1px #FFFFFF, 0 0 1px #FFFFFF, 0 0 2px #FFFFFF, 0 0 5px #FFFFFF;} /*** CONTNER CONTENU SPIP 1152x600px *****/ .spip-content .main { width: 1002px; height: 373px; margin-left: -20px; top: 74px;} .spip-content .main .wrapper .content { height: 418px; width: 1000px; } /*** TITRES TITRE DE LA RUBRIQUE-1 1152x600px *****/ .titre-sma{ display: none; font-size: 20px; line-height: 2px; margin-top: 89px; padding-left: 138px; text-shadow: 0 0 1px #FFFFFF, 0 0 1px #FFFFFF, 0 0 2px #FFFFFF, 0 0 5px #FFFFFF, 0 0 10px #FFFFFF, 0 0 16px #FFFFFF; } .spip-content .main .wrapper .content .container2 { width: 1615px; margin-left:0px; margin-top: 0px;} /*** TITRES TITRE DE LA SOUS-RUBRIQUE-1 1152x600px *****/ h1.titre-sma-rub1, h1.titre-sma-ssrub{ font-size: 24px; margin-left: 90px; line-height: 100px; margin-top: -30px; text-shadow: 0 0 1px #FFFFFF, 0 0 1px #FFFFFF, 0 0 2px #FFFFFF, 0 0 5px #FFFFFF, 0 0 10px #FFFFFF, 0 0 16px #FFFFFF;} h1.titre-sma-rub1 .spip_logos , h1.titre-sma-ssrub .spip_logos { height: 80px; margin: 10px 0 0 -41px; width: 80px;} h1.titre-sma-rub1 .descriptif, h1.titre-sma-ssrub .descriptif{ font-size: 16px; line-height: 2px; margin-top: -27px; margin-left: 0px; width : 510px;} /*** TEXTE DE LA RUBRIQUE-1 1152x600px *****/ .spip-content .main .wrapper .content .texte-rub1{ border-radius: 8px; font-size: 14px; height: 41px; left: 64px; line-height: 16px; padding: 7px 30px 0; top: 90px; width: 816px;} .spip-content .main #menu_rubriques2 { height: 350px; left: -43px; margin-top: 150px;} .spip-content .main #menu_rubriques2 li{ font-size: .8em; margin-left: -1px; margin-top: -15px; } /*** LES BLOCS 1152x600px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li { width: 207px; height: 282px; z-index: 1;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:hover{ width: 207px; height: 282px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child{ left: 830px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2){ left: 624px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3){ left: 429px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4){ left: 234px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child{ left: 50px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child {border-top-right-radius: 16px; border-bottom-right-radius: 16px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2), .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3), .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4){ margin-left: 10px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child{ border-top-left-radius: 16px; border-bottom-left-radius: 16px; } /*** LES CADRES-INNER 1152x600px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner{ width: 203px; height: 279px; padding-top: 7px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child:hover .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2):hover .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3):hover .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4):hover .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child:hover .cadre-inner{ width: 203px; height: 279px; padding-top: 7px; } .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner { border-top-right-radius: 15px; border-bottom-right-radius: 15px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner{} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner { border-top-left-radius: 0px; border-bottom-left-radius: 0px;} /*** LES CADRES-ITEM 1152x600px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item{ width: 194px; height: 244px; margin-left: 7px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item{ border-top-left-radius: 0px; border-bottom-left-radius: 0px; border-top-right-radius: 12px; border-bottom-right-radius: 12px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item{ border-top-left-radius: 0px; border-bottom-left-radius: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 0px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item{ border-top-left-radius: 12px; border-bottom-left-radius: 12px; border-top-right-radius: 0px; border-bottom-right-radius: 0px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child:hover .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2):hover .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3):hover .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4):hover .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child:hover .cadre-inner .cadre-item{ box-shadow: 0 0 2px #FFFFFF, 0 0 5px #FFFFFF, 0 0 10px #ffffff, 0 0 18px #ffffff; } .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child:hover .cadre-inner .cadre-item{ border-top-left-radius: 0px; border-bottom-left-radius: 0px; border-top-right-radius: 12px; border-bottom-right-radius: 12px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2):hover .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3):hover .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4):hover .cadre-inner .cadre-item{ border-top-left-radius: 0px; border-bottom-left-radius: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 0px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child:hover .cadre-inner .cadre-item{ border-top-left-radius: 12px; border-bottom-left-radius: 12px; border-top-right-radius: 0px; border-bottom-right-radius: 0px;} /*** LES CADRES-ITEM-FINAL 1152x600px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final{ width: 178px; height: 228px; margin-left: 7px; margin-top: 7px; } /*** CADRE ITEM FIX ***/ /*** Gradient Red ***/ /*** Gradient Orange ***/ /*** Gradient Yellow ***/ /*** Gradient Green ***/ /*** Gradient Blue ***/ /** COLOR INSIDE = DEGRADE GRIS 1152x600px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final .color-inside{ width: 170px; height: 220px; left: 19px; margin-top: 3px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final .color-inside{ border-top-left-radius: 4px; border-bottom-left-radius: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final .color-inside{ border-top-left-radius: 4px; border-bottom-left-radius: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final .color-inside{ border-top-left-radius: 4px; border-bottom-left-radius: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final{ border-top-left-radius: 7px; border-bottom-left-radius: 7px; border-top-right-radius: 7px; border-bottom-right-radius: 7px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final{ border-top-left-radius: 7px; border-bottom-left-radius: 7px; border-top-right-radius: 7px; border-bottom-right-radius: 7px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final{ border-top-left-radius: 7px; border-bottom-left-radius: 7px; border-top-right-radius: 7px; border-bottom-right-radius: 7px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child:hover .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2):hover .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3):hover .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4):hover .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child:hover .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child:hover .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2):hover .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3):hover .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4):hover .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child:hover .cadre-inner .cadre-item .cadre-item-final{ width: 178px; height: 228px; margin-left: 7px; margin-top: 7px;} /*** Les LOGOS 1152x600px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .spip_logos_rappel{ height: 70px; margin-left: -2px; margin-top: -3px; width: 70px; position: absolute;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child:hover .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2):hover .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3):hover .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4):hover .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child:hover .cadre-inner .spip_logos_rappel{ height: 70px; margin-left: -2px; margin-top: -3px; width: 70px;} /*** Les TITRES 1152x600px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li .spip_titre_rappel{ font-size: 13px; line-height: 14px; margin-left: 17px; padding: 10px 40px; text-align: center; text-shadow: 0 0 1px #FFFFFF, 0 0 1px #FFFFFF, 0 0 2px #FFFFFF, 0 0 5px #FFFFFF, 0 0 10px #FFFFFF, 0 0 16px #FFFFFF; top: 7px; width: 92px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:hover .spip_titre_rappel{ text-shadow: 0 0 1px #FFFFFF, 0 0 1px #FFFFFF, 0 0 2px #FFFFFF, 0 0 5px #FFFFFF, 0 0 10px #FFFFFF, 0 0 16px #FFFFFF;} /*** Les DESCRIPTIFS V1 avec titre sur 1 ligne 1152x600px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li .spip_descriptif_item-rappel{ display: block; width: 200px; margin-top: 0px; margin-left: 19px; font-size: 13px; line-height: 15px; padding: 10px 5px 1px 15px; border-radius: 10px;} /*** Les DESCRIPTIFS V2 avec titre sur 2 lignes 1152x600px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li .spip_descriptif_item-rappel2{ border-radius: 5; display: block; font-size: 10px; line-height: 12px; margin-left: -1px; margin-top: 0px; padding: 70px 4px 1px 7px; width: 159px; height : 148px;} /*** POUR Les BTNS COULEURS(noir en fait) 1152x600px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final .color-inside .mon-btn-color, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final .color-inside .mon-btn-color, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final .color-inside .mon-btn-color, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final .color-inside .mon-btn-color, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final .color-inside .mon-btn-color{ border-radius: 10px; color: #FFFFFF; font-size: 13px; line-height: 8px; margin-left: 28px; margin-top: -50px; padding: 10px 10px 10px 20px; width: 50.5%; z-index: 1000;} /*** POUR Les BTNS NOIR 1152x600px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final-fix .color-inside .mon-btn, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside .mon-btn, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside .mon-btn, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside .mon-btn, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final-fix .color-inside .mon-btn{ left: 0px; width: 36%; font-size: 16px; line-height: 16px; padding-left: 10px; padding-right: 10px; padding-top: 10px; padding-bottom: 10px; border-radius: 10px; margin-left: 74px; margin-top: 18px; } /******************************************************************************* LES SOUS-RUBRIQUE DE CONTENU 1152x600px ************************************************************************************/ /*** TEXTE DES SSRUBRIQUES BLUE, GREEN, YELLOW, ORANGE, RED 1152x600px *****/ .spip-content .main .wrapper .content .box-texte{ position: absolute; top: 109px; left: 72px; border-radius: 10px 0px 0px 10px; width: 695px; height: 315px; z-index: 10; text-shadow: none; border-radius: 0px 0px 0px 12px; background-color: rgba(255, 255, 255, 0.25); border: 1px solid #FFFFFF;} .spip-content .main .wrapper .content .box-texte .inner-txt{ padding: 7px 7px 7px 7px; border-radius: 10px 0px 0px 10px;} .spip-content .main .wrapper .content .box-texte .inner-txt .bg-texte{ width: 659px; height: 289px; padding: 0px 10px 10px 10px ; border-radius: 7px 0px 0px 7px; background-color: rgba(255, 255, 255, 0.85); border: 1px solid #fff;} .spip-content .main .wrapper .content .box-texte .inner-txt .bg-texte .texte{ float: left; overflow: auto; width: 629px; height: 259px; padding: 20px; border-radius: 5px; color: #808080; font-family: Arial,Helvetica,sans-serif; text-align: left; font-size: 20px; line-height: 21px; } /*** DESCRIPTIF SSRUB 1152x600px *****/ .spip-content .main .wrapper .content .descriptif-ssrub{ background-color: rgba(241, 241, 241, 0.85); border: 1px solid #FFFFFF; border-radius: 8px 8px 0 0; color: #555555; float: left; font-family: Arial,Helvetica,sans-serif; font-size: 16px; height: 48px; left: 72px; line-height: 18px; padding: 10px 80px 0; position: absolute; text-align: left; top: 70px; width: 705px;} .spip_document_1, .spip_document_2, .spip_document_3, .spip_document_4, .spip_document_5, .spip_document_6, .spip_document_7, .spip_document_8, .spip_document_9, .spip_document_10, .spip_document_11, .spip_document_12, .spip_document_13, .spip_document_14, .spip_document_15, .spip_document_16, .spip_document_17, .spip_document_18, .spip_document_19, .spip_document_20, .spip_document_21, .spip_document_22, .spip_document_23, .spip_document_24, .spip_document_25, .spip_document_26, .spip_document_27, .spip_document_28, .spip_document_29, .spip_document_30, .spip_document_31, .spip_document_32, .spip_document_33, .spip_document_34, .spip_document_35, .spip_document_36, .spip_document_37, .spip_document_38, .spip_document_39, .spip_document_40, .spip_document_41, .spip_document_42, .spip_document_43, .spip_document_44, .spip_document_45, .spip_document_46, .spip_document_47, .spip_document_48, .spip_document_49, .spip_document_50, .spip_document_51, .spip_document_52, .spip_document_53, .spip_document_54, .spip_document_55, .spip_document_56, .spip_document_57, .spip_document_58, .spip_document_59, .spip_document_60, .spip_document_61, .spip_document_62, .spip_document_63, .spip_document_64, .spip_document_65, .spip_document_66, .spip_document_67, .spip_document_68, .spip_document_69, .spip_document_70, .spip_document_71, .spip_document_72{ width: 50px!important; height: 50px!important; margin-left: 0px; margin-top: 0px; background-color: #fbfbfb;} p { margin: 0 0 0px;} /*** TAILLE DE L'IMAGE DANS LE CORPS DE TEXTE SPIP 1152x600px *****/ .spip_documents_left img{width: 50px; height: 50px; margin-left: 10px; margin-top: -6px; background-color: #fbfbfb;} /*** PARTICULARITE RUBRIQUE FORMULAIRE 1152x768px *****/ .spip-content .main .wrapper .content .box-texte .inner-txt-formulaire{ padding: 7px 7px 7px 7px; border-radius: 10px 0px 0px 10px; font-family: Arial,Helvetica,sans-serif; text-align: left;} .spip-content .main .wrapper .content .box-texte .inner-txt-formulaire .bg-texte-formulaire{ background-color: rgba(255, 255, 255, 0.85); border: 1px solid #FFFFFF; border-radius: 5px; color: #808080; float: left; font-family: Arial,Helvetica,sans-serif; font-size: 17px; line-height: 19px; overflow: auto; padding: 4px 130px 20px 20px; text-align: left; width: 699px; height: 255px;} /*** PARTICULARITE RUBRIQUE SIMPLE 1152x768px *****/ .spip-content .main .wrapper .content .box-texte .inner-txt-simple{ padding: 7px 7px 7px 7px; border-radius: 10px 0px 0px 10px; font-family: Arial,Helvetica,sans-serif; text-align: left;} .spip-content .main .wrapper .content .box-texte .inner-txt-simple .bg-texte-simple{ background-color: rgba(255, 255, 255, 0.85); border: 1px solid #FFFFFF; border-radius: 5px; color: #808080; float: left; font-family: Arial,Helvetica,sans-serif; font-size: 16px; height: 239px; line-height: 18px; overflow: auto; padding: 40px 70px 0; text-align: left; width: 709px;} /*** TEXTE DES SSRUBRIQUES BLUE, GREEN, YELLOW, ORANGE, RED 1152x600px *****/ .spip-content .main .wrapper .content .box-texte{ background-color: rgba(255, 255, 255, 0.25); border: 1px solid #FFFFFF; border-radius: 0 0 12px 12px; height: 295px; left: 72px; position: absolute; text-shadow: none; top: 129px; width: 865px; z-index: 10;} .spip-content .main .wrapper .content .box-texte .inner-txt{ padding: 7px 7px 7px 7px; border-radius: 10px 0px 0px 10px;} .spip-content .main .wrapper .content .box-texte .inner-txt .bg-texte{ width: 659px; height: 279px; padding: 0px 10px 0px 10px ; border-radius: 7px 0px 0px 7px; background-color: rgba(255, 255, 255, 0.85); border: 1px solid #fff;} .spip-content .main .wrapper .content .box-texte .inner-txt .bg-texte .texte{ border-radius: 5px; color: #808080; float: left; font-family: Arial,Helvetica,sans-serif; font-size: 11px; line-height: 13px; margin-left: 0; overflow: auto; padding: 20px 40px 0 20px; text-align: left; width: 609px; height: 259px;} /*** POUR LE PETIT MENU des SOUS RUBRIQUES en haut à droite 1152x600px *****/ .spip-content .main #menu_rubriques1 { background-color: rgba(241, 241, 241, 0.7); border: 1px solid #FFFFFF; border-radius: 0 0 12px; height: 295px; left: 768px; padding-right: 20px; position: absolute; text-align: left; top: 129px; width: 149px; z-index: 1000;} .spip-content .main #menu_rubriques1 li{ font-size: .8em; margin-left: -1px; list-style: none; float: right; margin-top: -18px; } .spip-content .main #menu_rubriques1 li ul li{ font-size: 1em; margin-left: 0em;} .spip-content .main #menu_rubriques1 { list-style-type:none; } .spip-content .main #menu_rubriques1 li { list-style-type: none; } .spip-content .main #menu_rubriques1 li li { list-style-type: none; } .spip-content .main #menu_rubriques1 li li li { list-style-type: none; } .spip-content .main #menu_rubriques1 hr {margin : 0.7em 0;} .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li { width: 114px; } .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li:hover { width: 114px; } .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li .spip_logos_rappel { height: 70px; width: 70px; margin-bottom: 0px; margin-left: -36px; margin-top: 14px;} .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li:hover .spip_logos_rappel {} .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li .spip_titre_rappel{ font-family: "Fugaz One"; font-size: 13px; line-height: 15px; list-style: none outside none; margin-left: 33px; margin-top: -50px; position: absolute; text-align: left; width: 95px;} .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li:hover .spip_titre_rappel { } /*** Les currents 1152x600px ***/ .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li .nav_current_rub{ display: none;width: 120px; } .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li .nav_current_rub .spip_logos_rappel { width: 80px; height: 80px; padding-left: 18px; padding-top: 18px; padding-bottom: 10px;} .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li .nav_current_rub .spip_titre_rappel { position: absolute; width: 120px; margin-top: -14px; margin-left:-1px; text-align: center; font-size: 14px; line-height: 14px; list-style: none; } /*** FIN de 1152x600px *****/ } /***** MEDIA QUERY SOUS MON AILE 1152x768px *****/ @media screen and (min-width: 1100px) and (max-width: 1199px) and (min-height: 750px) and (max-height: 899px){ /**** SPIP CONTENT 1152x768px *****/ .contenu-mobil.spip-content{ display: none;} .contenu-desktop.spip-content{ display: block; width: 1005px; height: 454px; margin-top: 0px; margin-left: 20px; } /*** FIL d'ARIANE SPIP 1152x768px *****/ .spip-content .ariane{ width: 995px; z-index:100; top: 5px; } .spip-content .ariane .arbo{ padding-left: 10px; padding-right: 10px; font-size: 12px; line-height: 22px; width: auto; margin-top: 0px; text-shadow: 0 0 1px #FFFFFF, 0 0 1px #FFFFFF, 0 0 2px #FFFFFF, 0 0 5px #FFFFFF;} /*** CONTNER CONTENU SPIP 1152x768px *****/ .spip-content .main { width: 1002px; height: 539px; margin-left:-20px; top: 74px;} .spip-content .main .wrapper .content { height: 539px; width: 1000px; } /*** TITRES TITRE DE LA RUBRIQUE-1 1152x768px *****/ .titre-sma{ display: none; font-size: 20px; line-height: 2px; margin-top: 89px; padding-left: 138px; text-shadow: 0 0 1px #FFFFFF, 0 0 1px #FFFFFF, 0 0 2px #FFFFFF, 0 0 5px #FFFFFF, 0 0 10px #FFFFFF, 0 0 16px #FFFFFF; } .spip-content .main .wrapper .content .container2 { width: 1615px; margin-left:0px; margin-top: 0px;} /*** TITRES TITRE DE LA SOUS-RUBRIQUE-1 1152x768px *****/ h1.titre-sma-rub1, h1.titre-sma-ssrub{ font-size: 24px; margin-left: 90px; line-height: 100px; margin-top: -30px; text-shadow: 0 0 1px #FFFFFF, 0 0 1px #FFFFFF, 0 0 2px #FFFFFF, 0 0 5px #FFFFFF, 0 0 10px #FFFFFF, 0 0 16px #FFFFFF;} h1.titre-sma-rub1 .spip_logos , h1.titre-sma-ssrub .spip_logos { height: 80px; margin: 10px 0 0 -41px; width: 80px;} h1.titre-sma-rub1 .descriptif, h1.titre-sma-ssrub .descriptif{ font-size: 16px; line-height: 2px; margin-top: -27px; margin-left: 0px; width : 510px;} /*** TEXTE DE LA RUBRIQUE-1 1152x768px *****/ .spip-content .main .wrapper .content .texte-rub1{ border-radius: 8px 8px 0px 0px; font-size: 14px; left: 72px; line-height: 16px; height: 41px; margin-top: 65px; padding: 7px 15px 0 20px; width: 832px;} .spip-content .main #menu_rubriques2 { height: 350px; left: 21px; margin-top: 156px;} .spip-content .main #menu_rubriques2 li{ font-size: .8em; margin-left: -1px; margin-top: -15px; } /*** LES BLOCS 1152x768px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li { width: 546px; height: 90px; z-index: 1;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:hover{ width: 546px; height: 90px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child{ left: 45px; top: 330px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2){ left: 34px; top: 239px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3){ left: 34px; top: 148px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4){ left: 34px; top: 57px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child{ left: 45px; top: -34px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child {border-top-right-radius: 0px; border-bottom-right-radius: 0px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2), .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3), .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4){ margin-left: 10px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child{ border-top-left-radius: 0px; border-bottom-left-radius: 0px; } /*** LES CADRES-INNER 1152x768px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner{ width: 537px; height: 68px; padding-top: 7px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child:hover .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2):hover .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3):hover .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4):hover .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child:hover .cadre-inner{ width: 537px; height: 68px; padding-top: 7px; } .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner { border-top-right-radius: 15px; border-bottom-right-radius: 15px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner{} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner { border-top-left-radius: 0px; border-bottom-left-radius: 0px;} /*** LES CADRES-ITEM 1152x768px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item{ width: 867px; height: 90px; margin-left: 7px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item{ border-top-left-radius: 0px; border-bottom-left-radius: 12px; border-top-right-radius: 0px; border-bottom-right-radius: 12px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item{ border-top-left-radius: 0px; border-bottom-left-radius: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 0px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item{ border-top-left-radius: 0px; border-bottom-left-radius: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 0px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child:hover .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2):hover .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3):hover .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4):hover .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child:hover .cadre-inner .cadre-item{ box-shadow: 0 0 2px #FFFFFF, 0 0 5px #FFFFFF, 0 0 10px #ffffff, 0 0 18px #ffffff; } .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child:hover .cadre-inner .cadre-item{ border-top-left-radius: 0px; border-bottom-left-radius: 12px; border-top-right-radius: 0px; border-bottom-right-radius: 12px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2):hover .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3):hover .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4):hover .cadre-inner .cadre-item{ border-top-left-radius: 0px; border-bottom-left-radius: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 0px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child:hover .cadre-inner .cadre-item{ border-top-left-radius: 0px; border-bottom-left-radius: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 0px;} /*** LES CADRES-ITEM-FINAL 1152x768px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final{ width: 857px; height: 80px; margin-left: 4px; margin-top: 4px; } /*** CADRE ITEM FIX ***/ /*** Gradient Red ***/ /*** Gradient Orange ***/ /*** Gradient Yellow ***/ /*** Gradient Green ***/ /*** Gradient Blue ***/ /** COLOR INSIDE = DEGRADE GRIS 1152x768px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final .color-inside{ width: 849px; height: 72px; left: 16px; margin-top: 3px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final .color-inside{ border-top-left-radius: 4px; border-bottom-left-radius: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final .color-inside{ border-top-left-radius: 4px; border-bottom-left-radius: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final .color-inside{ border-top-left-radius: 4px; border-bottom-left-radius: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final{ border-top-left-radius: 7px; border-bottom-left-radius: 7px; border-top-right-radius: 7px; border-bottom-right-radius: 7px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final{ border-top-left-radius: 7px; border-bottom-left-radius: 7px; border-top-right-radius: 7px; border-bottom-right-radius: 7px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final{ border-top-left-radius: 7px; border-bottom-left-radius: 7px; border-top-right-radius: 7px; border-bottom-right-radius: 7px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child:hover .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2):hover .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3):hover .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4):hover .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child:hover .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child:hover .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2):hover .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3):hover .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4):hover .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child:hover .cadre-inner .cadre-item .cadre-item-final{ width: 857px; height: 80px; margin-left: 4px; margin-top: 4px; } /*** Les LOGOS 1152x768px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .spip_logos_rappel{ height: 86px; margin-left: 5px; margin-top: -8px; width: 86px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child:hover .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2):hover .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3):hover .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4):hover .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child:hover .cadre-inner .spip_logos_rappel{ height: 86px; margin-left: 5px; margin-top: -8px; width: 86px;} /*** Les TITRES 1152x768px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li .spip_titre_rappel{ font-size: 19px; left: 96px; line-height: 17px; margin-left: 0; padding: 10px 0; text-align: left; text-shadow: 0 0 1px #FFFFFF, 0 0 1px #FFFFFF, 0 0 2px #FFFFFF, 0 0 5px #FFFFFF, 0 0 10px #FFFFFF, 0 0 16px #FFFFFF; top: -3px; width: 262px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:hover .spip_titre_rappel{ text-shadow: 0 0 1px #FFFFFF, 0 0 1px #FFFFFF, 0 0 2px #FFFFFF, 0 0 5px #FFFFFF, 0 0 10px #FFFFFF, 0 0 16px #FFFFFF;} /*** Les DESCRIPTIFS V1 avec titre sur 1 ligne 1152x768px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li .spip_descriptif_item-rappel{ display: block; width: 200px; margin-top: 0px; margin-left: 19px; font-size: 13px; line-height: 15px; padding: 10px 5px 1px 15px; border-radius: 10px;} /*** Les DESCRIPTIFS V2 avec titre sur 2 lignes 1152x768px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li .spip_descriptif_item-rappel2{ border-radius: 6px; display: block; font-size: 14px; line-height: 15px; margin-left: -1px; margin-top: -79px; padding: 29px 141px 0px 31px; width: 677px; height: 43px;} /*** POUR Les BTNS COULEURS(noir en fait) 1152x768px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final .color-inside .mon-btn-color, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final .color-inside .mon-btn-color, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final .color-inside .mon-btn-color, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final .color-inside .mon-btn-color, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final .color-inside .mon-btn-color{ border-radius: 5px; color: #FFFFFF; font-size: 11px; line-height: 0; margin-left: 732px; margin-top: -38px; padding: 12px 4px 12px 14px; width: 8.5%; z-index: 1000;} /*** POUR Les BTNS NOIR 1152x768px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final-fix .color-inside .mon-btn, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside .mon-btn, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside .mon-btn, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside .mon-btn, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final-fix .color-inside .mon-btn{ left: 0px; width: 36%; font-size: 16px; line-height: 16px; padding-left: 10px; padding-right: 10px; padding-top: 10px; padding-bottom: 10px; border-radius: 10px; margin-left: 74px; margin-top: 18px; } /******************************************************************************* LES SOUS-RUBRIQUE DE CONTENU 1152x768px ************************************************************************************/ /*** TEXTE DES SSRUBRIQUES BLUE, GREEN, YELLOW, ORANGE, RED 1152x768px *****/ .spip-content .main .wrapper .content .box-texte{ position: absolute; top: 117px; left: 72px; border-radius: 10px 0px 0px 10px; width: 728px; height: 475px; z-index: 10; text-shadow: none; border-radius: 0px 0px 0px 12px; background-color: rgba(255, 255, 255, 0.25); border: 1px solid #FFFFFF;} .spip-content .main .wrapper .content .box-texte .inner-txt{ padding: 7px 7px 7px 7px; border-radius: 10px 0px 0px 10px;} .spip-content .main .wrapper .content .box-texte .inner-txt .bg-texte{ width: 693px; height: 449px; padding: 0px 10px 10px 10px ; border-radius: 7px 0px 0px 7px; background-color: rgba(255, 255, 255, 0.85); border: 1px solid #fff;} .spip-content .main .wrapper .content .box-texte .inner-txt .bg-texte .texte{ float: left; overflow: auto; width: 663px; height: 419px; padding: 20px; border-radius: 5px; color: #808080; font-family: Arial,Helvetica,sans-serif; text-align: left; font-size: 20px; line-height: 21px; } /*** DESCRIPTIF SSRUB 1152x768px *****/ .spip-content .main .wrapper .content .descriptif-ssrub{ background-color: rgba(241, 241, 241, 0.85); border: 1px solid #FFFFFF; border-radius: 8px 8px 0 0; color: #555555; float: left; font-family: Arial,Helvetica,sans-serif; font-size: 16px; height: 48px; left: 72px; line-height: 18px; padding: 10px 80px 0; position: absolute; text-align: left; top: 70px; width: 705px;} .spip_document_1, .spip_document_2, .spip_document_3, .spip_document_4, .spip_document_5, .spip_document_6, .spip_document_7, .spip_document_8, .spip_document_9, .spip_document_10, .spip_document_11, .spip_document_12, .spip_document_13, .spip_document_14, .spip_document_15, .spip_document_16, .spip_document_17, .spip_document_18, .spip_document_19, .spip_document_20, .spip_document_21, .spip_document_22, .spip_document_23, .spip_document_24, .spip_document_25, .spip_document_26, .spip_document_27, .spip_document_28, .spip_document_29, .spip_document_30, .spip_document_31, .spip_document_32, .spip_document_33, .spip_document_34, .spip_document_35, .spip_document_36, .spip_document_37, .spip_document_38, .spip_document_39, .spip_document_40, .spip_document_41, .spip_document_42, .spip_document_43, .spip_document_44, .spip_document_45, .spip_document_46, .spip_document_47, .spip_document_48, .spip_document_49, .spip_document_50, .spip_document_51, .spip_document_52, .spip_document_53, .spip_document_54, .spip_document_55, .spip_document_56, .spip_document_57, .spip_document_58, .spip_document_59, .spip_document_60, .spip_document_61, .spip_document_62, .spip_document_63, .spip_document_64, .spip_document_65, .spip_document_66, .spip_document_67, .spip_document_68, .spip_document_69, .spip_document_70, .spip_document_71, .spip_document_72{ width: 60px!important; height: 60px!important; margin-left: -20px; margin-top: 0px; background-color: #fbfbfb;} p { margin: 0 0 0px;} /*** TAILLE DE L'IMAGE DANS LE CORPS DE TEXTE SPIP 1152x768px *****/ .spip_documents_left img{width: 60px; height: 60px; margin-left: 10px; margin-top: -6px; background-color: #fbfbfb;} /*** PARTICULARITE RUBRIQUE FORMULAIRE 1152x768px *****/ .spip-content .main .wrapper .content .box-texte .inner-txt-formulaire{ padding: 7px 7px 7px 7px; border-radius: 10px 0px 0px 10px; font-family: Arial,Helvetica,sans-serif; text-align: left;} .spip-content .main .wrapper .content .box-texte .inner-txt-formulaire .bg-texte-formulaire{ background-color: rgba(255, 255, 255, 0.85); border: 1px solid #FFFFFF; border-radius: 5px; color: #808080; float: left; font-family: Arial,Helvetica,sans-serif; font-size: 17px; line-height: 19px; overflow: auto; padding: 4px 130px 20px 20px; text-align: left; width: 701px; height: 435px;} /*** PARTICULARITE RUBRIQUE SIMPLE 1152x768px *****/ .spip-content .main .wrapper .content .box-texte .inner-txt-simple{ padding: 7px 7px 7px 7px; border-radius: 10px 0px 0px 10px; font-family: Arial,Helvetica,sans-serif; text-align: left;} .spip-content .main .wrapper .content .box-texte .inner-txt-simple .bg-texte-simple{ background-color: rgba(255, 255, 255, 0.85); border: 1px solid #FFFFFF; border-radius: 5px; color: #808080; float: left; font-family: Arial,Helvetica,sans-serif; font-size: 16px; height: 399px; line-height: 18px; overflow: auto; padding: 40px 70px 0; text-align: left; width: 709px;} /*** TEXTE DES SSRUBRIQUES BLUE, GREEN, YELLOW, ORANGE, RED 1152x768px *****/ .spip-content .main .wrapper .content .box-texte{ background-color: rgba(255, 255, 255, 0.25); border: 1px solid #FFFFFF; border-radius: 0 0 12px 12px; height: 455px; left: 72px; position: absolute; text-shadow: none; top: 129px; width: 865px; z-index: 10;} .spip-content .main .wrapper .content .box-texte .inner-txt{ padding: 7px 7px 7px 7px; border-radius: 10px 0px 0px 10px;} .spip-content .main .wrapper .content .box-texte .inner-txt .bg-texte{ background-color: rgba(255, 255, 255, 0.85); border: 1px solid #FFFFFF; border-radius: 7px 0 0 7px; height: 439px; padding: 0 10px; width: 690px;} .spip-content .main .wrapper .content .box-texte .inner-txt .bg-texte .texte{ border-radius: 5px; color: #808080; float: left; font-family: Arial,Helvetica,sans-serif; font-size: 12px; height: 419px; line-height: 15px; margin-left: 0; overflow: auto; padding: 20px 40px 0 20px; text-align: left; width: 640px;} /*** POUR LE PETIT MENU des SOUS RUBRIQUES en haut à droite 1152x768px *****/ .spip-content .main #menu_rubriques1 { background-color: rgba(241, 241, 241, 0.7); border: 1px solid #FFFFFF; border-radius: 0 0 12px; height: 455px; left: 799px; padding-right: 20px; position: absolute; text-align: left; top: 129px; width: 118px; z-index: 1000;} .spip-content .main #menu_rubriques1 li{ font-size: .8em; margin-left: -1px; list-style: none; float: right; margin-top: -15px; } .spip-content .main #menu_rubriques1 li ul li{ font-size: 1em; margin-left: 0em;} .spip-content .main #menu_rubriques1 { list-style-type:none; } .spip-content .main #menu_rubriques1 li { list-style-type: none; } .spip-content .main #menu_rubriques1 li li { list-style-type: none; } .spip-content .main #menu_rubriques1 li li li { list-style-type: none; } .spip-content .main #menu_rubriques1 hr {margin : 0.7em 0;} .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li { width: 114px; } .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li:hover { width: 114px; } .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li .spip_logos_rappel { height: 90px; width: 90px; margin-bottom: 10px; padding-left: 19px; margin-top: 15px;} .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li:hover .spip_logos_rappel {} .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li .spip_titre_rappel { position: absolute; width: 106px; margin-top: -21px; margin-left: 11px; font-family: "Fugaz One"; text-align: center; font-size: 12px; line-height: 15px; list-style: none;} .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li:hover .spip_titre_rappel { } /*** Les currents 1152x768px ***/ .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li .nav_current_rub{ display: none;width: 120px; } .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li .nav_current_rub .spip_logos_rappel { width: 80px; height: 80px; padding-left: 18px; padding-top: 18px; padding-bottom: 10px;} .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li .nav_current_rub .spip_titre_rappel { position: absolute; width: 120px; margin-top: -14px; margin-left:-1px; text-align: center; font-size: 14px; line-height: 14px; list-style: none; } /*** FIN de 1152x768px *****/ } /***** MEDIA QUERY SOUS MON AILE 1152x900px *****/ @media screen and (min-width: 1100px) and (max-width: 1199px) and (min-height:900px) and (max-height: 1023px){ /**** SPIP CONTENT 1152x900px *****/ .contenu-mobil.spip-content{ display: none;} .contenu-desktop.spip-content{ display: block; width: 1005px; height: 454px; margin-top: 0px; margin-left: 20px; } /*** FIL d'ARIANE SPIP 1152x900px *****/ .spip-content .ariane{ width: 995px; z-index:100; top: 5px;} .spip-content .ariane .arbo{ padding-left: 10px; padding-right: 10px; font-size: 12px; line-height: 22px; width: auto; margin-top: 0px; text-shadow: 0 0 1px #FFFFFF, 0 0 1px #FFFFFF, 0 0 2px #FFFFFF, 0 0 5px #FFFFFF;} /*** CONTNER CONTENU SPIP 1152x900px *****/ .spip-content .main { width: 1002px; height: 705px; margin-left:-20px; top: 74px;} .spip-content .main .wrapper .content { height: 705px; width: 1000px; } /*** TITRES TITRE DE LA RUBRIQUE-1 1152x900px *****/ .titre-sma{ display: none; font-size: 20px; line-height: 2px; margin-top: 89px; padding-left: 138px; text-shadow: 0 0 1px #FFFFFF, 0 0 1px #FFFFFF, 0 0 2px #FFFFFF, 0 0 5px #FFFFFF, 0 0 10px #FFFFFF, 0 0 16px #FFFFFF; } .spip-content .main .wrapper .content .container2 { width: 1615px; margin-left:0px; margin-top: 0px;} /*** TITRES TITRE DE LA SOUS-RUBRIQUE-1 1152x900px *****/ h1.titre-sma-rub1, h1.titre-sma-ssrub{ font-size: 24px; margin-left: 90px; line-height: 100px; margin-top: -30px; text-shadow: 0 0 1px #FFFFFF, 0 0 1px #FFFFFF, 0 0 2px #FFFFFF, 0 0 5px #FFFFFF, 0 0 10px #FFFFFF, 0 0 16px #FFFFFF;} h1.titre-sma-rub1 .spip_logos , h1.titre-sma-ssrub .spip_logos { height: 80px; margin: 10px 0 0 -41px; width: 80px;} h1.titre-sma-rub1 .descriptif, h1.titre-sma-ssrub .descriptif{ font-size: 16px; line-height: 2px; margin-top: -27px; margin-left: 0px; width : 510px;} /*** TEXTE DE LA RUBRIQUE-1 1152x900px *****/ .spip-content .main .wrapper .content .texte-rub1{ border-radius: 8px 8px 0 0; font-size: 17px; left: 64px; line-height: 18px; margin-top: 65px; padding: 8px 15px 0 35px; width: 825px;} .spip-content .main #menu_rubriques2 { height: 350px; left: 21px; margin-top: 180px;} .spip-content .main #menu_rubriques2 li{ font-size: .8em; margin-left: -1px; margin-top: -15px; } /*** LES BLOCS 1152x900px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li { width: 546px; height: 90px; z-index: 1;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:hover{ width: 546px; height: 90px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child{ left: 37px; top: 410px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2){ left: 26px; top: 299px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3){ left: 26px; top: 188px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4){ left: 26px; top: 77px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child{ left: 37px; top: -34px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child {border-top-right-radius: 0px; border-bottom-right-radius: 0px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2), .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3), .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4){ margin-left: 10px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child{ border-top-left-radius: 0px; border-bottom-left-radius: 0px; } /*** LES CADRES-INNER 1152x900px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner{ width: 537px; height: 68px; padding-top: 7px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child:hover .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2):hover .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3):hover .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4):hover .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child:hover .cadre-inner{ width: 537px; height: 68px; padding-top: 7px; } .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner { border-top-right-radius: 15px; border-bottom-right-radius: 15px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner{} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner { border-top-left-radius: 0px; border-bottom-left-radius: 0px;} /*** LES CADRES-ITEM 1152x900px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item{ width: 875px; height: 110px; margin-left: 7px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item{ border-top-left-radius: 0px; border-bottom-left-radius: 12px; border-top-right-radius: 0px; border-bottom-right-radius: 12px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item{ border-top-left-radius: 0px; border-bottom-left-radius: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 0px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item{ border-top-left-radius: 0px; border-bottom-left-radius: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 0px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child:hover .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2):hover .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3):hover .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4):hover .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child:hover .cadre-inner .cadre-item{ box-shadow: 0 0 2px #FFFFFF, 0 0 5px #FFFFFF, 0 0 10px #ffffff, 0 0 18px #ffffff; } .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child:hover .cadre-inner .cadre-item{ border-top-left-radius: 0px; border-bottom-left-radius: 12px; border-top-right-radius: 0px; border-bottom-right-radius: 12px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2):hover .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3):hover .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4):hover .cadre-inner .cadre-item{ border-top-left-radius: 0px; border-bottom-left-radius: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 0px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child:hover .cadre-inner .cadre-item{ border-top-left-radius: 0px; border-bottom-left-radius: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 0px;} /*** LES CADRES-ITEM-FINAL 1152x900px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final{ width: 865px; height: 100px; margin-left: 4px; margin-top: 4px; } /*** CADRE ITEM FIX ***/ /*** Gradient Red ***/ /*** Gradient Orange ***/ /*** Gradient Yellow ***/ /*** Gradient Green ***/ /*** Gradient Blue ***/ /** COLOR INSIDE = DEGRADE GRIS 1152x900px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final .color-inside{ width: 857px; height: 92px; left: 16px; margin-top: 3px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final .color-inside{ border-top-left-radius: 4px; border-bottom-left-radius: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final .color-inside{ border-top-left-radius: 4px; border-bottom-left-radius: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final .color-inside{ border-top-left-radius: 4px; border-bottom-left-radius: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final{ border-top-left-radius: 7px; border-bottom-left-radius: 7px; border-top-right-radius: 7px; border-bottom-right-radius: 7px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final{ border-top-left-radius: 7px; border-bottom-left-radius: 7px; border-top-right-radius: 7px; border-bottom-right-radius: 7px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final{ border-top-left-radius: 7px; border-bottom-left-radius: 7px; border-top-right-radius: 7px; border-bottom-right-radius: 7px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child:hover .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2):hover .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3):hover .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4):hover .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child:hover .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child:hover .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2):hover .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3):hover .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4):hover .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child:hover .cadre-inner .cadre-item .cadre-item-final{ width: 865px; height: 100px; margin-left: 4px; margin-top: 4px; } /*** Les LOGOS 1152x900px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .spip_logos_rappel{ height: 96px; margin-left: 5px; margin-top: -8px; width: 96px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child:hover .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2):hover .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3):hover .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4):hover .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child:hover .cadre-inner .spip_logos_rappel{ height: 96px; margin-left: 5px; margin-top: -8px; width: 96px;} /*** Les TITRES 1152x900px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li .spip_titre_rappel{ font-size: 22px; left: 106px; line-height: 18px; margin-left: 0; padding: 10px 0; text-align: left; text-shadow: 0 0 1px #FFFFFF, 0 0 1px #FFFFFF, 0 0 2px #FFFFFF, 0 0 5px #FFFFFF, 0 0 10px #FFFFFF, 0 0 16px #FFFFFF; top: -3px; width: 342px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:hover .spip_titre_rappel{ text-shadow: 0 0 1px #FFFFFF, 0 0 1px #FFFFFF, 0 0 2px #FFFFFF, 0 0 5px #FFFFFF, 0 0 10px #FFFFFF, 0 0 16px #FFFFFF;} /*** Les DESCRIPTIFS V1 avec titre sur 1 ligne 1152x900px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li .spip_descriptif_item-rappel{ display: block; width: 200px; margin-top: 0px; margin-left: 19px; font-size: 13px; line-height: 15px; padding: 10px 5px 1px 15px; border-radius: 10px;} /*** Les DESCRIPTIFS V2 avec titre sur 2 lignes 1152x900px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li .spip_descriptif_item-rappel2{ border-radius: 6px; display: block; font-size: 16px; height: 58px; line-height: 17px; margin-left: -1px; margin-top: -89px; padding: 33px 131px 0 31px; width: 695px;} /*** POUR Les BTNS COULEURS(noir en fait) 1152x900px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final .color-inside .mon-btn-color, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final .color-inside .mon-btn-color, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final .color-inside .mon-btn-color, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final .color-inside .mon-btn-color, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final .color-inside .mon-btn-color{ border-radius: 5px; color: #FFFFFF; font-size: 11px; line-height: 0; margin-left: 732px; margin-top: -38px; padding: 12px 4px 12px 14px; width: 8.5%; z-index: 1000;} /*** POUR Les BTNS NOIR 1152x900px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final-fix .color-inside .mon-btn, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside .mon-btn, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside .mon-btn, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside .mon-btn, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final-fix .color-inside .mon-btn{ left: 0px; width: 36%; font-size: 16px; line-height: 16px; padding-left: 10px; padding-right: 10px; padding-top: 10px; padding-bottom: 10px; border-radius: 10px; margin-left: 74px; margin-top: 18px; } /******************************************************************************* LES SOUS-RUBRIQUE DE CONTENU 1152x900px ************************************************************************************/ /*** CONTENU RUBRIQUES ITEMS 1152x900px *****/ .spip-content .main .wrapper .content .box-texte{ position: absolute; top: 168px; left: 110px; border-radius: 10px 0px 0px 10px; width: 1086px; height: 560px; z-index: 10; text-shadow: none; border-radius: 0px 0px 12px 12px; background-color: rgba(255, 255, 255, 0.25); border: 1px solid #FFFFFF; transition: all 0.35s ease-in-out 0s;} .spip-content .main .wrapper .content .box-texte .inner-txt{ padding: 7px 7px 7px 7px; border-radius: 10px 0px 0px 10px;} .spip-content .main .wrapper .content .box-texte .inner-txt .bg-texte{ width: 911px; height: 534px; padding: 0px 10px 10px 10px ; border-radius: 7px 0px 0px 7px; background-color: rgba(255, 255, 255, 0.85); border: 1px solid #fff;} .spip-content .main .wrapper .content .box-texte .inner-txt .bg-texte .texte{ border-radius: 5px; color: #808080; float: left; font-family: Arial,Helvetica,sans-serif; font-size: 14px; line-height: 17px; overflow: auto; padding: 30px 40px 20px 0; text-align: left; width: 881px; height: 494px; } p { margin: 0 0 0px;} /*** TEXTE DE LA RUBRIQUE-B 1152x900px *****/ .spip-content .main .wrapper .content .texte-rub1{ border-radius: 8px 8px 0 0; font-size: 16px; height: 66px; left: 64px; line-height: 18px; padding: 10px 80px 0; top: 20px; width: 715px;} .spip-content .main #menu_rubriques1 { width: 1600px; height: 350px; left: 70px; margin-top: 240px;} .spip-content .main #menu_rubriques1 li{ font-size: .8em; margin-left: -1px; margin-top: -15px; } /*** DESCRIPTIF SSRUB 1152x900px *****/ .spip-content .main .wrapper .content .descriptif-ssrub{ background-color: rgba(241, 241, 241, 0.85); border: 1px solid #FFFFFF; border-radius: 8px 8px 0 0; color: #555555; float: left; font-family: Arial,Helvetica,sans-serif; font-size: 16px; height: 48px; left: 72px; line-height: 18px; padding: 10px 80px 0; position: absolute; text-align: left; top: 70px; width: 705px;} /*** TAILLE DE L'IMAGE DANS LE CORPS DE TEXTE SPIP 1152x900px *****/ .spip_documents_left img{width: 80px; height: 80px; margin-left: 57px; margin-top: -12px; background-color: #fbfbfb;} /*** PARTICULARITE RUBRIQUE FORMULAIRE 1152x900px *****/ .spip-content .main .wrapper .content .box-texte .inner-txt-formulaire{ padding: 7px 7px 7px 7px; border-radius: 10px 0px 0px 10px; font-family: Arial,Helvetica,sans-serif; text-align: left;} .spip-content .main .wrapper .content .box-texte .inner-txt-formulaire .bg-texte-formulaire{ background-color: rgba(255, 255, 255, 0.85); border: 1px solid #FFFFFF; border-radius: 5px; color: #808080; float: left; font-family: Arial,Helvetica,sans-serif; font-size: 17px; line-height: 19px; overflow: none; padding: 0px; text-align: left; width: 851px; height: 578px;} /*** PARTICULARITE RUBRIQUE SIMPLE 1152x900px *****/ .spip-content .main .wrapper .content .box-texte .inner-txt-simple{ padding: 7px 7px 7px 7px; border-radius: 10px 0px 0px 10px; font-family: Arial,Helvetica,sans-serif; text-align: left;} .spip-content .main .wrapper .content .box-texte .inner-txt-simple .bg-texte-simple{ background-color: rgba(255, 255, 255, 0.85); border: 1px solid #FFFFFF; border-radius: 5px; color: #808080; float: left; font-family: Arial,Helvetica,sans-serif; font-size: 16px; height: 528px; line-height: 18px; overflow: auto; padding: 40px 70px 0; text-align: left; width: 709px;} /*** TEXTE DES SSRUBRIQUES BLUE, GREEN, YELLOW, ORANGE, RED 1152x900px *****/ .spip-content .main .wrapper .content .box-texte{ position: absolute; top: 129px; left: 72px; width: 865px; height: 584px; z-index: 10; text-shadow: none; border-radius: 0px 0px 12px 12px; background-color: rgba(255, 255, 255, 0.25); border: 1px solid #FFFFFF;} .spip-content .main .wrapper .content .box-texte .inner-txt{ padding: 7px 7px 7px 7px; border-radius: 10px 0px 0px 10px;} .spip-content .main .wrapper .content .box-texte .inner-txt .bg-texte{ width: 690px; height: 557px; padding: 0px 10px 10px 10px ; border-radius: 7px 0px 0px 7px; background-color: rgba(255, 255, 255, 0.85); border: 1px solid #fff;} .spip-content .main .wrapper .content .box-texte .inner-txt .bg-texte .texte{ float: left; overflow: auto; width: 650px; height: 524px; padding: 30px 50px 0px 0px; border-radius: 5px; color: #808080; font-family: Arial,Helvetica,sans-serif; text-align: left; font-size: 13px; line-height: 17px;} /*** POUR LE PETIT MENU des SOUS RUBRIQUES en haut à droite 1152x900px *****/ .spip-content .main #menu_rubriques1 { background-color: rgba(241, 241, 241, 0.7); border: 1px solid #FFFFFF; border-radius: 0 0 12px; height: 584px; left: 799px; padding-right: 20px; position: absolute; text-align: left; top: -111px; width: 118px; z-index: 1000;} .spip-content .main #menu_rubriques1 li{ font-size: .8em; margin-left: -1px; list-style: none; float: right; margin-top: -15px; } .spip-content .main #menu_rubriques1 li ul li{ font-size: 1em; margin-left: 0em;} .spip-content .main #menu_rubriques1 { list-style-type:none; } .spip-content .main #menu_rubriques1 li { list-style-type: none; } .spip-content .main #menu_rubriques1 li li { list-style-type: none; } .spip-content .main #menu_rubriques1 li li li { list-style-type: none; } .spip-content .main #menu_rubriques1 hr {margin : 0.7em 0;} .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li { width: 114px; } .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li:hover { width: 114px; } .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li .spip_logos_rappel { height: 120px; width: 120px; margin-bottom: 10px; padding-left: 3px; margin-top: 17px;} .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li:hover .spip_logos_rappel {} .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li .spip_titre_rappel { position: absolute; width: 120px; margin-top: -24px; margin-left: 4px; font-family: "Fugaz One"; text-align: center; font-size: 14px; line-height: 16px; list-style: none;} .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li:hover .spip_titre_rappel { } /*** Les currents 1152x900px ***/ .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li .nav_current_rub{ display: none;width: 120px; } .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li .nav_current_rub .spip_logos_rappel { width: 80px; height: 80px; padding-left: 18px; padding-top: 18px; padding-bottom: 10px;} .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li .nav_current_rub .spip_titre_rappel { position: absolute; width: 120px; margin-top: -14px; margin-left:-1px; text-align: center; font-size: 14px; line-height: 14px; list-style: none; } /*** FIN de 1152x900px *****/ } /***** MEDIA QUERY SOUS MON AILE 1152x1024px *****/ @media screen and (min-width: 1100px) and (max-width: 1199px) and (min-height: 1024px) and (max-height: 1049px){ /**** SPIP CONTENT 1152x1024px *****/ .contenu-mobil.spip-content{ display: none; } .contenu-desktop.spip-content{ display: block; width: 1005px; height: 454px; margin-top: 0px; margin-left: 20px; } /*** FIL d'ARIANE SPIP 1152x1024px *****/ .spip-content .ariane{ width: 995px; z-index:100; top:5px; } .spip-content .ariane .arbo{ padding-left: 10px; padding-right: 10px; font-size: 12px; line-height: 22px; width: auto; margin-top: 0px; text-shadow: 0 0 1px #FFFFFF, 0 0 1px #FFFFFF, 0 0 2px #FFFFFF, 0 0 5px #FFFFFF;} /*** CONTNER CONTENU SPIP 1152x1024px *****/ .spip-content .main { width: 1002px; height: 828px; margin-left: -20px; top: 74px;} .spip-content .main .wrapper .content { height: 828px; width: 1000px; } /*** TITRES TITRE DE LA RUBRIQUE-1 1152x1024px *****/ .titre-sma{ display: none; font-size: 20px; line-height: 2px; margin-top: 89px; padding-left: 138px; text-shadow: 0 0 1px #FFFFFF, 0 0 1px #FFFFFF, 0 0 2px #FFFFFF, 0 0 5px #FFFFFF, 0 0 10px #FFFFFF, 0 0 16px #FFFFFF; } .spip-content .main .wrapper .content .container2 { width: 1615px; margin-left:0px; margin-top: 0px;} /*** TITRES TITRE DE LA SOUS-RUBRIQUE-1 1152x1024px *****/ h1.titre-sma-rub1, h1.titre-sma-ssrub{ font-size: 24px; margin-left: 90px; line-height: 100px; margin-top: -30px; text-shadow: 0 0 1px #FFFFFF, 0 0 1px #FFFFFF, 0 0 2px #FFFFFF, 0 0 5px #FFFFFF, 0 0 10px #FFFFFF, 0 0 16px #FFFFFF;} h1.titre-sma-rub1 .spip_logos , h1.titre-sma-ssrub .spip_logos { height: 80px; margin: 10px 0 0 -41px; width: 80px;} h1.titre-sma-rub1 .descriptif, h1.titre-sma-ssrub .descriptif{ font-size: 16px; line-height: 2px; margin-top: -27px; margin-left: 0px; width : 510px;} /*** TEXTE DE LA RUBRIQUE-1 1152x1024px *****/ .spip-content .main .wrapper .content .texte-rub1{ border-radius: 8px 8px 0px 0px; font-size: 13px; left: 64px; line-height: 15px; margin-top: 65px; padding: 8px 5px 0 25px; width: 845px;} .spip-content .main #menu_rubriques2 { height: 350px; left: 21px; margin-top: 156px;} .spip-content .main #menu_rubriques2 li{ font-size: .8em; margin-left: -1px; margin-top: -15px; } /*** LES BLOCS 1152x1024px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li { width: 544px; height: 146px; z-index: 1;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:hover{ width: 544px; height: 146px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child{ left: 45px; top: 522px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2){ left: 34px; top: 383px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3){ left: 34px; top: 244px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4){ left: 34px; top: 105px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child{ left: 45px; top: -34px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child {border-top-right-radius: 0px; border-bottom-right-radius: 0px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2), .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3), .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4){ margin-left: 10px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child{ border-top-left-radius: 0px; border-bottom-left-radius: 0px; } /*** LES CADRES-INNER 1152x1024px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner{ width: 537px; height: 68px; padding-top: 7px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child:hover .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2):hover .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3):hover .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4):hover .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child:hover .cadre-inner{ width: 537px; height: 68px; padding-top: 7px; } .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner { border-top-right-radius: 15px; border-bottom-right-radius: 15px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner{} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner { border-top-left-radius: 0px; border-bottom-left-radius: 0px;} /*** LES CADRES-ITEM 1152x1024px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item{ width: 865px; height: 138px; margin-left: 7px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item{ border-top-left-radius: 0px; border-bottom-left-radius: 12px; border-top-right-radius: 0px; border-bottom-right-radius: 12px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item{ border-top-left-radius: 0px; border-bottom-left-radius: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 0px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item{ border-top-left-radius: 0px; border-bottom-left-radius: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 0px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child:hover .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2):hover .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3):hover .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4):hover .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child:hover .cadre-inner .cadre-item{ box-shadow: 0 0 2px #FFFFFF, 0 0 5px #FFFFFF, 0 0 10px #ffffff, 0 0 18px #ffffff; } .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child:hover .cadre-inner .cadre-item{ border-top-left-radius: 0px; border-bottom-left-radius: 12px; border-top-right-radius: 0px; border-bottom-right-radius: 12px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2):hover .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3):hover .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4):hover .cadre-inner .cadre-item{ border-top-left-radius: 0px; border-bottom-left-radius: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 0px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child:hover .cadre-inner .cadre-item{ border-top-left-radius: 0px; border-bottom-left-radius: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 0px;} /*** LES CADRES-ITEM-FINAL 1152x1024px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final{ width: 855px; height: 128px; margin-left: 4px; margin-top: 4px; } /*** CADRE ITEM FIX ***/ /*** Gradient Red ***/ /*** Gradient Orange ***/ /*** Gradient Yellow ***/ /*** Gradient Green ***/ /*** Gradient Blue ***/ /** COLOR INSIDE = DEGRADE GRIS 1152x1024px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final .color-inside{ width: 847px; height: 120px; left: 16px; margin-top: 3px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final .color-inside{ border-top-left-radius: 4px; border-bottom-left-radius: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final .color-inside{ border-top-left-radius: 4px; border-bottom-left-radius: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final .color-inside{ border-top-left-radius: 4px; border-bottom-left-radius: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final{ border-top-left-radius: 7px; border-bottom-left-radius: 7px; border-top-right-radius: 7px; border-bottom-right-radius: 7px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final{ border-top-left-radius: 7px; border-bottom-left-radius: 7px; border-top-right-radius: 7px; border-bottom-right-radius: 7px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final{ border-top-left-radius: 7px; border-bottom-left-radius: 7px; border-top-right-radius: 7px; border-bottom-right-radius: 7px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child:hover .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2):hover .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3):hover .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4):hover .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child:hover .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child:hover .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2):hover .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3):hover .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4):hover .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child:hover .cadre-inner .cadre-item .cadre-item-final{ width: 855px; height: 128px; margin-left: 4px; margin-top: 4px; } /*** Les LOGOS 1152x1024px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .spip_logos_rappel{ height: 140px; margin-left: -5px; margin-top: -13px; width: 140px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child:hover .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2):hover .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3):hover .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4):hover .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child:hover .cadre-inner .spip_logos_rappel{ height: 140px; margin-left: -5px; margin-top: -13px; width: 140px;} /*** Les TITRES 1152x1024px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li .spip_titre_rappel{ font-size: 25px; left: 128px; line-height: 30px; margin-left: 0; padding: 6px 0; text-align: center; text-shadow: 0 0 1px #FFFFFF, 0 0 1px #FFFFFF, 0 0 2px #FFFFFF, 0 0 5px #FFFFFF, 0 0 10px #FFFFFF, 0 0 16px #FFFFFF; top: 21px; width: 170px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:hover .spip_titre_rappel{ text-shadow: 0 0 1px #FFFFFF, 0 0 1px #FFFFFF, 0 0 2px #FFFFFF, 0 0 5px #FFFFFF, 0 0 10px #FFFFFF, 0 0 16px #FFFFFF;} /*** Les DESCRIPTIFS V1 avec titre sur 1 ligne 1152x1024px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li .spip_descriptif_item-rappel{ display: block; width: 200px; margin-top: 0px; margin-left: 19px; font-size: 13px; line-height: 15px; padding: 10px 5px 1px 15px; border-radius: 10px;} /*** Les DESCRIPTIFS V2 avec titre sur 2 lignes 1152x1024px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li .spip_descriptif_item-rappel2{ border-radius: 5px; display: block; font-size: 14px; line-height: 16px; margin-left: -1px; margin-top: -128px; padding: 34px 176px 11px 310px; width: 361px; height: 73px;} /*** POUR Les BTNS COULEURS(noir en fait) 1152x1024px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final .color-inside .mon-btn-color, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final .color-inside .mon-btn-color, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final .color-inside .mon-btn-color, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final .color-inside .mon-btn-color, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final .color-inside .mon-btn-color{ border-radius: 7px; color: #FFFFFF; font-size: 14px; line-height: 0; margin-left: 710px; margin-top: -48px; padding: 11px 11px 13px 14px; width: 10.5%; z-index: 1000;} /*** POUR Les BTNS NOIR 1152x1024px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final-fix .color-inside .mon-btn, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside .mon-btn, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside .mon-btn, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside .mon-btn, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final-fix .color-inside .mon-btn{ left: 0px; width: 36%; font-size: 16px; line-height: 16px; padding-left: 10px; padding-right: 10px; padding-top: 10px; padding-bottom: 10px; border-radius: 10px; margin-left: 74px; margin-top: 18px; } /******************************************************************************* LES SOUS-RUBRIQUE DE CONTENU 1152x1024px ************************************************************************************/ /*** CONTENU RUBRIQUES ITEMS 1152x1024x *****/ .spip-content .main .wrapper .content .box-texte{ background-color: rgba(255, 255, 255, 0.25); border: 1px solid #FFFFFF; border-radius: 0 0 12px 12px; left: 72px; position: absolute; text-shadow: none; top: 129px; transition: all 0.35s ease-in-out 0s; width: 865px; height: 709px; z-index: 10;} .spip-content .main .wrapper .content .box-texte .inner-txt{ padding: 7px 7px 7px 7px; border-radius: 10px 0px 0px 10px;} .spip-content .main .wrapper .content .box-texte .inner-txt .bg-texte{ width: 692px; height: 683px; padding: 0px 10px 10px 10px ; border-radius: 7px 0px 0px 7px; background-color: rgba(255, 255, 255, 0.85); border: 1px solid #fff;} .spip-content .main .wrapper .content .box-texte .inner-txt .bg-texte .texte{ border-radius: 5px; color: #808080; float: left; font-family: Arial,Helvetica,sans-serif; font-size: 15px; line-height: 17px; overflow: auto; padding: 50px 70px 20px 0; text-align: left; width: 632px; height: 623px;} p { margin: 0 0 0px;} /*** TEXTE DE LA RUBRIQUE-B 1152x1024px *****/ .spip-content .main .wrapper .content .texte-rub1{ border-radius: 8px 8px 0 0; font-size: 15px; height: 42px; left: 72px; line-height: 16px; padding: 10px 30px 0; top: 20px; width: 805px;} .spip-content .main #menu_rubriques1 { width: 1600px; height: 350px; left: 70px; margin-top: 240px;} .spip-content .main #menu_rubriques1 li{ font-size: .8em; margin-left: -1px; margin-top: -15px; } /*** DESCRIPTIF SSRUB 1152x1024px *****/ .spip-content .main .wrapper .content .descriptif-ssrub{ background-color: rgba(241, 241, 241, 0.85); border: 1px solid #FFFFFF; border-radius: 8px 8px 0 0; color: #555555; float: left; font-family: Arial,Helvetica,sans-serif; font-size: 16px; height: 48px; left: 72px; line-height: 18px; padding: 10px 80px 0; position: absolute; text-align: left; top: 70px; width: 705px;} /*** TAILLE DE L'IMAGE DANS LE CORPS DE TEXTE SPIP 1152x1024px *****/ .spip_documents_left img{width: 100px; height: 100px; margin-left: 37px; margin-top: -18px; background-color: #fbfbfb;} /*** PARTICULARITE RUBRIQUE FORMULAIRE 1152x1024px *****/ .spip-content .main .wrapper .content .box-texte .inner-txt-formulaire{ padding: 7px 7px 7px 7px; border-radius: 10px 0px 0px 10px; font-family: Arial,Helvetica,sans-serif; text-align: left;} .spip-content .main .wrapper .content .box-texte .inner-txt-formulaire .bg-texte-formulaire{ background-color: rgba(255, 255, 255, 0.85); border: 1px solid #FFFFFF; border-radius: 5px; color: #808080; float: left; font-family: Arial,Helvetica,sans-serif; font-size: 17px; line-height: 19px; overflow: none; padding: 0px; text-align: left; width: 851px; height: 693px;} /*** PARTICULARITE RUBRIQUE SIMPLE 1152x1024px *****/ .spip-content .main .wrapper .content .box-texte .inner-txt-simple{ padding: 7px 7px 7px 7px; border-radius: 10px 0px 0px 10px; font-family: Arial,Helvetica,sans-serif; text-align: left;} .spip-content .main .wrapper .content .box-texte .inner-txt-simple .bg-texte-simple{ background-color: rgba(255, 255, 255, 0.85); border: 1px solid #FFFFFF; border-radius: 5px; color: #808080; float: left; font-family: Arial,Helvetica,sans-serif; font-size: 16px; height: 653px; line-height: 18px; overflow: auto; padding: 40px 70px 0; text-align: left; width: 709px;} /*** POUR LE PETIT MENU des SOUS RUBRIQUES en haut à droite 1152x1024px *****/ .spip-content .main #menu_rubriques1 { position: absolute; text-align: left; width: 118px; height: 709px; z-index: 1000; top: -111px; padding-right: 20px; left: 799px; background-color: rgba(241, 241, 241, 0.7); border-top-left-radius: 0px; border-bottom-left-radius: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 12px; border: 1px solid #fff; } .spip-content .main #menu_rubriques1 li{ font-size: .8em; margin-left: -1px; list-style: none; float: right; margin-top: -15px; } .spip-content .main #menu_rubriques1 li ul li{ font-size: 1em; margin-left: 0em;} .spip-content .main #menu_rubriques1 { list-style-type:none; } .spip-content .main #menu_rubriques1 li { list-style-type: none; } .spip-content .main #menu_rubriques1 li li { list-style-type: none; } .spip-content .main #menu_rubriques1 li li li { list-style-type: none; } .spip-content .main #menu_rubriques1 hr {margin : 0.7em 0;} .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li { width: 114px; } .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li:hover { width: 114px; } .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li .spip_logos_rappel { height: 130px; width: 130px; margin-bottom: 10px; padding-left: 0px; margin-top: 20px;} .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li:hover .spip_logos_rappel {} .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li .spip_titre_rappel { position: absolute; width: 120px; margin-top: -20px; margin-left: 4px; font-family: "Fugaz One"; text-align: center; font-size: 16px; line-height: 18px; list-style: none;} .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li:hover .spip_titre_rappel { } /*** Les currents 1152x1024px ***/ .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li .nav_current_rub{ display: none;width: 120px; } .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li .nav_current_rub .spip_logos_rappel { width: 80px; height: 80px; padding-left: 18px; padding-top: 18px; padding-bottom: 10px;} .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li .nav_current_rub .spip_titre_rappel { position: absolute; width: 120px; margin-top: -14px; margin-left:-1px; text-align: center; font-size: 14px; line-height: 14px; list-style: none; } /*** FIN de 1152x1024px *****/ } /***** MEDIA QUERY SOUS MON AILE 1152x1050px *****/ @media screen and (min-width: 1100px) and (max-width: 1199px) and (min-height: 1050px) and (max-height: 1080px){ /**** SPIP CONTENT 1152x1050px *****/ .contenu-mobil.spip-content{ display: none; } .contenu-desktop.spip-content{ display: block; width: 1005px; height: 454px; margin-top: 0px; margin-left: 20px; } /*** FIL d'ARIANE SPIP 1152x1050px *****/ .spip-content .ariane{ width: 995px; z-index:100; top:5px; } .spip-content .ariane .arbo{ padding-left: 10px; padding-right: 10px; font-size: 12px; line-height: 22px; width: auto; margin-top: 0px; text-shadow: 0 0 1px #FFFFFF, 0 0 1px #FFFFFF, 0 0 2px #FFFFFF, 0 0 5px #FFFFFF;} /*** CONTNER CONTENU SPIP 1152x1050px *****/ .spip-content .main { width: 1002px; height: 828px; margin-left: -20px; top: 114px;} .spip-content .main .wrapper .content { height: 828px; width: 1000px; } /*** TITRES TITRE DE LA RUBRIQUE-1 1152x1050px *****/ .titre-sma{ display: none; font-size: 20px; line-height: 2px; margin-top: 89px; padding-left: 138px; text-shadow: 0 0 1px #FFFFFF, 0 0 1px #FFFFFF, 0 0 2px #FFFFFF, 0 0 5px #FFFFFF, 0 0 10px #FFFFFF, 0 0 16px #FFFFFF; } .spip-content .main .wrapper .content .container2 { width: 1615px; margin-left:0px; margin-top: 0px;} /*** TITRES TITRE DE LA SOUS-RUBRIQUE-1 1152x1050px *****/ h1.titre-sma-rub1, h1.titre-sma-ssrub{ font-size: 24px; margin-left: 90px; line-height: 100px; margin-top: -30px; text-shadow: 0 0 1px #FFFFFF, 0 0 1px #FFFFFF, 0 0 2px #FFFFFF, 0 0 5px #FFFFFF, 0 0 10px #FFFFFF, 0 0 16px #FFFFFF;} h1.titre-sma-rub1 .spip_logos , h1.titre-sma-ssrub .spip_logos { height: 80px; margin: 10px 0 0 -41px; width: 80px;} h1.titre-sma-rub1 .descriptif, h1.titre-sma-ssrub .descriptif{ font-size: 16px; line-height: 2px; margin-top: -27px; margin-left: 0px; width : 510px;} /*** TEXTE DE LA RUBRIQUE-1 1152x1050px *****/ .spip-content .main .wrapper .content .texte-rub1{ border-radius: 8px 8px 0 0; font-size: 15px; height: 42px; left: 72px; line-height: 16px; padding: 10px 30px 0; top: 85px; width: 805px;} .spip-content .main #menu_rubriques2 { height: 350px; left: 21px; margin-top: 156px;} .spip-content .main #menu_rubriques2 li{ font-size: .8em; margin-left: -1px; margin-top: -15px; } /*** LES BLOCS 1152x1050px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li { width: 544px; height: 146px; z-index: 1;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:hover{ width: 544px; height: 146px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child{ left: 45px; top: 522px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2){ left: 34px; top: 383px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3){ left: 34px; top: 244px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4){ left: 34px; top: 105px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child{ left: 45px; top: -34px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child {border-top-right-radius: 0px; border-bottom-right-radius: 0px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2), .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3), .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4){ margin-left: 10px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child{ border-top-left-radius: 0px; border-bottom-left-radius: 0px; } /*** LES CADRES-INNER 1152x1050px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner{ width: 537px; height: 68px; padding-top: 7px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child:hover .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2):hover .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3):hover .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4):hover .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child:hover .cadre-inner{ width: 537px; height: 68px; padding-top: 7px; } .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner { border-top-right-radius: 15px; border-bottom-right-radius: 15px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner{} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner { border-top-left-radius: 0px; border-bottom-left-radius: 0px;} /*** LES CADRES-ITEM 1152x1050px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item{ width: 865px; height: 138px; margin-left: 7px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item{ border-top-left-radius: 0px; border-bottom-left-radius: 12px; border-top-right-radius: 0px; border-bottom-right-radius: 12px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item{ border-top-left-radius: 0px; border-bottom-left-radius: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 0px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item{ border-top-left-radius: 0px; border-bottom-left-radius: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 0px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child:hover .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2):hover .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3):hover .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4):hover .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child:hover .cadre-inner .cadre-item{ box-shadow: 0 0 2px #FFFFFF, 0 0 5px #FFFFFF, 0 0 10px #ffffff, 0 0 18px #ffffff; } .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child:hover .cadre-inner .cadre-item{ border-top-left-radius: 0px; border-bottom-left-radius: 12px; border-top-right-radius: 0px; border-bottom-right-radius: 12px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2):hover .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3):hover .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4):hover .cadre-inner .cadre-item{ border-top-left-radius: 0px; border-bottom-left-radius: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 0px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child:hover .cadre-inner .cadre-item{ border-top-left-radius: 0px; border-bottom-left-radius: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 0px;} /*** LES CADRES-ITEM-FINAL 1152x1050px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final{ width: 855px; height: 128px; margin-left: 4px; margin-top: 4px; } /*** CADRE ITEM FIX ***/ /*** Gradient Red ***/ /*** Gradient Orange ***/ /*** Gradient Yellow ***/ /*** Gradient Green ***/ /*** Gradient Blue ***/ /** COLOR INSIDE = DEGRADE GRIS 1152x1050px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final .color-inside{ width: 847px; height: 120px; left: 16px; margin-top: 3px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final .color-inside{ border-top-left-radius: 4px; border-bottom-left-radius: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final .color-inside{ border-top-left-radius: 4px; border-bottom-left-radius: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final .color-inside{ border-top-left-radius: 4px; border-bottom-left-radius: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final{ border-top-left-radius: 7px; border-bottom-left-radius: 7px; border-top-right-radius: 7px; border-bottom-right-radius: 7px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final{ border-top-left-radius: 7px; border-bottom-left-radius: 7px; border-top-right-radius: 7px; border-bottom-right-radius: 7px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final{ border-top-left-radius: 7px; border-bottom-left-radius: 7px; border-top-right-radius: 7px; border-bottom-right-radius: 7px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child:hover .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2):hover .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3):hover .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4):hover .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child:hover .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child:hover .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2):hover .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3):hover .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4):hover .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child:hover .cadre-inner .cadre-item .cadre-item-final{ width: 855px; height: 128px; margin-left: 4px; margin-top: 4px; } /*** Les LOGOS 1152x1050px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .spip_logos_rappel{ height: 140px; margin-left: -5px; margin-top: -13px; width: 140px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child:hover .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2):hover .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3):hover .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4):hover .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child:hover .cadre-inner .spip_logos_rappel{ height: 140px; margin-left: -5px; margin-top: -13px; width: 140px;} /*** Les TITRES 1152x1050px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li .spip_titre_rappel{ font-size: 23px; left: 121px; line-height: 25px; margin-left: 0; padding: 6px 0; text-align: center; text-shadow: 0 0 1px #FFFFFF, 0 0 1px #FFFFFF, 0 0 2px #FFFFFF, 0 0 5px #FFFFFF, 0 0 10px #FFFFFF, 0 0 16px #FFFFFF; top: 29px; width: 170px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:hover .spip_titre_rappel{ text-shadow: 0 0 1px #FFFFFF, 0 0 1px #FFFFFF, 0 0 2px #FFFFFF, 0 0 5px #FFFFFF, 0 0 10px #FFFFFF, 0 0 16px #FFFFFF;} /*** Les DESCRIPTIFS V1 avec titre sur 1 ligne 1152x1050px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li .spip_descriptif_item-rappel{ display: block; width: 200px; margin-top: 0px; margin-left: 19px; font-size: 13px; line-height: 15px; padding: 10px 5px 1px 15px; border-radius: 10px;} /*** Les DESCRIPTIFS V2 avec titre sur 2 lignes 1152x1050px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li .spip_descriptif_item-rappel2{ border-radius: 60px 7px 7px 60px; display: block; font-size: 14px; line-height: 15px; margin-left: 11px; margin-top: -122px; padding: 28px 154px 22px 295px; width: 375px;} /*** POUR Les BTNS COULEURS(noir en fait) 1152x1050px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final .color-inside .mon-btn-color, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final .color-inside .mon-btn-color, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final .color-inside .mon-btn-color, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final .color-inside .mon-btn-color, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final .color-inside .mon-btn-color{ border-radius: 7px; color: #FFFFFF; font-size: 14px; line-height: 0; margin-left: 710px; margin-top: -48px; padding: 11px 11px 13px 14px; width: 10.5%; z-index: 1000;} /*** POUR Les BTNS NOIR 1152x1050px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final-fix .color-inside .mon-btn, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside .mon-btn, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside .mon-btn, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside .mon-btn, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final-fix .color-inside .mon-btn{ left: 0px; width: 36%; font-size: 16px; line-height: 16px; padding-left: 10px; padding-right: 10px; padding-top: 10px; padding-bottom: 10px; border-radius: 10px; margin-left: 74px; margin-top: 18px; } /******************************************************************************* LES SOUS-RUBRIQUE DE CONTENU 1152x1050px ************************************************************************************/ /*** CONTENU RUBRIQUES ITEMS 1152x1050px *****/ .spip-content .main .wrapper .content .box-texte{ background-color: rgba(255, 255, 255, 0.25); border: 1px solid #FFFFFF; border-radius: 0 0 12px 12px; left: 72px; position: absolute; text-shadow: none; top: 129px; transition: all 0.35s ease-in-out 0s; width: 865px; height: 679px; z-index: 10;} .spip-content .main .wrapper .content .box-texte .inner-txt{ padding: 7px 7px 7px 7px; border-radius: 10px 0px 0px 10px;} .spip-content .main .wrapper .content .box-texte .inner-txt .bg-texte{ width: 692px; height: 683px; padding: 0px 10px 10px 10px ; border-radius: 7px 0px 0px 7px; background-color: rgba(255, 255, 255, 0.85); border: 1px solid #fff;} .spip-content .main .wrapper .content .box-texte .inner-txt .bg-texte .texte{ border-radius: 5px; color: #808080; float: left; font-family: Arial,Helvetica,sans-serif; font-size: 15px; line-height: 17px; overflow: auto; padding: 50px 70px 20px 0; text-align: left; width: 632px; height: 623px;} p { margin: 0 0 0px;} /*** TEXTE DE LA RUBRIQUE-B 1152x1050px *****/ .spip-content .main #menu_rubriques1 { width: 1600px; height: 350px; left: 70px; margin-top: 240px;} .spip-content .main #menu_rubriques1 li{ font-size: .8em; margin-left: -1px; margin-top: -15px; } /*** DESCRIPTIF SSRUB 1152x1050px *****/ .spip-content .main .wrapper .content .descriptif-ssrub{ background-color: rgba(241, 241, 241, 0.85); border: 1px solid #FFFFFF; border-radius: 8px 8px 0 0; color: #555555; float: left; font-family: Arial,Helvetica,sans-serif; font-size: 16px; height: 48px; left: 72px; line-height: 18px; padding: 10px 80px 0; position: absolute; text-align: left; top: 70px; width: 705px;} /*** TAILLE DE L'IMAGE DANS LE CORPS DE TEXTE SPIP 1152x1050px *****/ .spip_documents_left img{width: 100px; height: 100px; margin-left: 37px; margin-top: -18px; background-color: #fbfbfb;} /*** PARTICULARITE RUBRIQUE FORMULAIRE 1152x1050px *****/ .spip-content .main .wrapper .content .box-texte .inner-txt-formulaire{ padding: 7px 7px 7px 7px; border-radius: 10px 0px 0px 10px; font-family: Arial,Helvetica,sans-serif; text-align: left;} .spip-content .main .wrapper .content .box-texte .inner-txt-formulaire .bg-texte-formulaire{ background-color: rgba(255, 255, 255, 0.85); border: 1px solid #FFFFFF; border-radius: 5px; color: #808080; float: left; font-family: Arial,Helvetica,sans-serif; font-size: 17px; line-height: 19px; overflow: none; padding: 0px; text-align: left; width: 851px; height: 693px;} /*** PARTICULARITE RUBRIQUE SIMPLE 1152x1050px *****/ .spip-content .main .wrapper .content .box-texte .inner-txt-simple{ padding: 7px 7px 7px 7px; border-radius: 10px 0px 0px 10px; font-family: Arial,Helvetica,sans-serif; text-align: left;} .spip-content .main .wrapper .content .box-texte .inner-txt-simple .bg-texte-simple{ background-color: rgba(255, 255, 255, 0.85); border: 1px solid #FFFFFF; border-radius: 5px; color: #808080; float: left; font-family: Arial,Helvetica,sans-serif; font-size: 16px; height: 623px; line-height: 18px; overflow: auto; padding: 40px 70px 0; text-align: left; width: 709px;} /*** POUR LE PETIT MENU des SOUS RUBRIQUES en haut à droite 1152x1050x *****/ .spip-content .main #menu_rubriques1 { position: absolute; text-align: left; width: 118px; height: 709px; z-index: 1000; top: -117px; padding-right: 20px; left: 801px; background-color: rgba(241, 241, 241, 0.7); border-top-left-radius: 0px; border-bottom-left-radius: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 12px; border: 1px solid #fff; } .spip-content .main #menu_rubriques1 li{ font-size: .8em; margin-left: -1px; list-style: none; float: right; margin-top: -15px; } .spip-content .main #menu_rubriques1 li ul li{ font-size: 1em; margin-left: 0em;} .spip-content .main #menu_rubriques1 { list-style-type:none; } .spip-content .main #menu_rubriques1 li { list-style-type: none; } .spip-content .main #menu_rubriques1 li li { list-style-type: none; } .spip-content .main #menu_rubriques1 li li li { list-style-type: none; } .spip-content .main #menu_rubriques1 hr {margin : 0.7em 0;} .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li { width: 114px; } .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li:hover { width: 114px; } .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li .spip_logos_rappel { height: 130px; width: 130px; margin-bottom: 10px; padding-left: 0px; margin-top: 20px;} .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li:hover .spip_logos_rappel {} .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li .spip_titre_rappel { position: absolute; width: 120px; margin-top: -20px; margin-left: 4px; font-family: "Fugaz One"; text-align: center; font-size: 16px; line-height: 18px; list-style: none;} .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li:hover .spip_titre_rappel { } /*** Les currents 1152x1050px ***/ .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li .nav_current_rub{ display: none;width: 120px; } .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li .nav_current_rub .spip_logos_rappel { width: 80px; height: 80px; padding-left: 18px; padding-top: 18px; padding-bottom: 10px;} .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li .nav_current_rub .spip_titre_rappel { position: absolute; width: 120px; margin-top: -14px; margin-left:-1px; text-align: center; font-size: 14px; line-height: 14px; list-style: none; } } /***** MEDIA QUERY SOUS MON AILE 1152x1200px *****/ @media screen and (min-width: 1100px) and (max-width: 1199px) and (min-height: 1081px) and (max-height: 1549px){ /**** SPIP CONTENT 1152x1200px *****/ .contenu-mobil.spip-content{ display: none; } .contenu-desktop.spip-content{ display: block; width: 1005px; height: 454px; margin-top: 0px; margin-left: 20px; } /*** FIL d'ARIANE SPIP 1152x1200px *****/ .spip-content .ariane{ width: 995px; z-index:100; top:5px; } .spip-content .ariane .arbo{ padding-left: 10px; padding-right: 10px; font-size: 12px; line-height: 22px; width: auto; margin-top: 0px; text-shadow: 0 0 1px #FFFFFF, 0 0 1px #FFFFFF, 0 0 2px #FFFFFF, 0 0 5px #FFFFFF;} /*** CONTNER CONTENU SPIP 1152x1200px *****/ .spip-content .main { width: 1002px; height: 828px; margin-left: -20px; top: 114px;} .spip-content .main .wrapper .content { height: 828px; width: 1000px; } /*** TITRES TITRE DE LA RUBRIQUE-1 1152x1200px *****/ .titre-sma{ display: none; font-size: 20px; line-height: 2px; margin-top: 89px; padding-left: 138px; text-shadow: 0 0 1px #FFFFFF, 0 0 1px #FFFFFF, 0 0 2px #FFFFFF, 0 0 5px #FFFFFF, 0 0 10px #FFFFFF, 0 0 16px #FFFFFF; } .spip-content .main .wrapper .content .container2 { width: 1615px; margin-left:0px; margin-top: 0px;} /*** TITRES TITRE DE LA SOUS-RUBRIQUE-1 1152x1200px *****/ h1.titre-sma-rub1, h1.titre-sma-ssrub{ font-size: 24px; margin-left: 90px; line-height: 100px; margin-top: -30px; text-shadow: 0 0 1px #FFFFFF, 0 0 1px #FFFFFF, 0 0 2px #FFFFFF, 0 0 5px #FFFFFF, 0 0 10px #FFFFFF, 0 0 16px #FFFFFF;} h1.titre-sma-rub1 .spip_logos , h1.titre-sma-ssrub .spip_logos { height: 80px; margin: 10px 0 0 -41px; width: 80px;} h1.titre-sma-rub1 .descriptif, h1.titre-sma-ssrub .descriptif{ font-size: 16px; line-height: 2px; margin-top: -27px; margin-left: 0px; width : 510px;} /*** TEXTE DE LA RUBRIQUE-1 1152x1200px *****/ .spip-content .main .wrapper .content .texte-rub1{ border-radius: 8px 8px 0 0; font-size: 15px; height: 42px; left: 72px; line-height: 16px; padding: 10px 30px 0; top: 85px; width: 805px;} .spip-content .main #menu_rubriques2 { height: 350px; left: 21px; margin-top: 131px;} .spip-content .main #menu_rubriques2 li{ font-size: .8em; margin-left: -1px; margin-top: -15px; } /*** LES BLOCS 1152x1200px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li { width: 544px; height: 75px; z-index: 1;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:hover{ width: 544px; height: 75px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child{ left: 45px; top: 587px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2){ left: 34px; top: 438px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3){ left: 34px; top: 289px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4){ left: 34px; top: 140px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child{ left: 45px; top: -9px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child {border-top-right-radius: 0px; border-bottom-right-radius: 0px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2), .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3), .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4){ margin-left: 10px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child{ border-top-left-radius: 0px; border-bottom-left-radius: 0px; } /*** LES CADRES-INNER 1152x1200px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner{ width: 688px; height: 148px; padding-top: 7px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child:hover .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2):hover .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3):hover .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4):hover .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child:hover .cadre-inner{ width: 688px; height: 148px; padding-top: 7px; } .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner { border-top-right-radius: 15px; border-bottom-right-radius: 15px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner{} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner { border-top-left-radius: 0px; border-bottom-left-radius: 0px;} /*** LES CADRES-ITEM 1152x1200px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item{ width: 865px; height: 148px; margin-left: 7px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item{ border-top-left-radius: 0px; border-bottom-left-radius: 12px; border-top-right-radius: 0px; border-bottom-right-radius: 12px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item{ border-top-left-radius: 0px; border-bottom-left-radius: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 0px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item{ border-top-left-radius: 0px; border-bottom-left-radius: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 0px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child:hover .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2):hover .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3):hover .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4):hover .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child:hover .cadre-inner .cadre-item{ box-shadow: 0 0 2px #FFFFFF, 0 0 5px #FFFFFF, 0 0 10px #ffffff, 0 0 18px #ffffff; } .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child:hover .cadre-inner .cadre-item{ border-top-left-radius: 0px; border-bottom-left-radius: 12px; border-top-right-radius: 0px; border-bottom-right-radius: 12px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2):hover .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3):hover .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4):hover .cadre-inner .cadre-item{ border-top-left-radius: 0px; border-bottom-left-radius: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 0px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child:hover .cadre-inner .cadre-item{ border-top-left-radius: 0px; border-bottom-left-radius: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 0px;} /*** LES CADRES-ITEM-FINAL 1152x1200px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final{ width: 855px; height: 138px; margin-left: 4px; margin-top: 4px; } /*** CADRE ITEM FIX ***/ /*** Gradient Red ***/ /*** Gradient Orange ***/ /*** Gradient Yellow ***/ /*** Gradient Green ***/ /*** Gradient Blue ***/ /** COLOR INSIDE = DEGRADE GRIS 1152x1200px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final .color-inside{ width: 847px; height: 130px; left: 16px; margin-top: 3px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final .color-inside{ border-top-left-radius: 4px; border-bottom-left-radius: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final .color-inside{ border-top-left-radius: 4px; border-bottom-left-radius: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final .color-inside{ border-top-left-radius: 4px; border-bottom-left-radius: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final{ border-top-left-radius: 7px; border-bottom-left-radius: 7px; border-top-right-radius: 7px; border-bottom-right-radius: 7px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final{ border-top-left-radius: 7px; border-bottom-left-radius: 7px; border-top-right-radius: 7px; border-bottom-right-radius: 7px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final{ border-top-left-radius: 7px; border-bottom-left-radius: 7px; border-top-right-radius: 7px; border-bottom-right-radius: 7px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child:hover .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2):hover .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3):hover .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4):hover .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child:hover .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child:hover .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2):hover .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3):hover .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4):hover .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child:hover .cadre-inner .cadre-item .cadre-item-final{ width: 855px; height: 138px; margin-left: 4px; margin-top: 4px; } /*** Les LOGOS 1152x1200px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .spip_logos_rappel{ height: 150px; margin-left: 35px; margin-top: -13px; width: 150px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child:hover .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2):hover .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3):hover .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4):hover .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child:hover .cadre-inner .spip_logos_rappel{ height: 150px; margin-left: 35px; margin-top: -13px; width: 150px;} /*** Les TITRES 1152x1200px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li .spip_titre_rappel{ font-size: 23px; left: 204px; line-height: 20px; margin-left: 0; padding: 6px 0; text-align: left; text-shadow: 0 0 1px #FFFFFF, 0 0 1px #FFFFFF, 0 0 2px #FFFFFF, 0 0 5px #FFFFFF, 0 0 10px #FFFFFF, 0 0 16px #FFFFFF; top: 1px; width: 340px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:hover .spip_titre_rappel{ text-shadow: 0 0 1px #FFFFFF, 0 0 1px #FFFFFF, 0 0 2px #FFFFFF, 0 0 5px #FFFFFF, 0 0 10px #FFFFFF, 0 0 16px #FFFFFF;} /*** Les DESCRIPTIFS V1 avec titre sur 1 ligne 1152x1200px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li .spip_descriptif_item-rappel{ display: block; width: 200px; margin-top: 0px; margin-left: 19px; font-size: 13px; line-height: 15px; padding: 10px 5px 1px 15px; border-radius: 10px;} /*** Les DESCRIPTIFS V2 avec titre sur 2 lignes 1152x1200px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li .spip_descriptif_item-rappel2{ border-radius: 6px; display: block; font-size: 15px; line-height: 17px; margin-left: 193px; margin-top: -99px; padding: 10px 160px 3px 32px; width: 404px; height: 60px;} /*** POUR Les BTNS COULEURS(noir en fait) 1152x1200px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final .color-inside .mon-btn-color, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final .color-inside .mon-btn-color, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final .color-inside .mon-btn-color, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final .color-inside .mon-btn-color, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final .color-inside .mon-btn-color{ border-radius: 5px; color: #FFFFFF; font-size: 12px; line-height: 0; margin-left: 683px; margin-top: -28px; padding: 10px 2px 10px 7px; width: 8.5%; z-index: 1000;} /*** POUR Les BTNS NOIR 1152x1200px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final-fix .color-inside .mon-btn, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside .mon-btn, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside .mon-btn, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside .mon-btn, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final-fix .color-inside .mon-btn{ left: 0px; width: 36%; font-size: 16px; line-height: 16px; padding-left: 10px; padding-right: 10px; padding-top: 10px; padding-bottom: 10px; border-radius: 10px; margin-left: 74px; margin-top: 18px; } /******************************************************************************* LES SOUS-RUBRIQUE DE CONTENU 1152x1200px ************************************************************************************/ /*** CONTENU RUBRIQUES ITEMS 1152x1200px *****/ .spip-content .main .wrapper .content .box-texte{ background-color: rgba(255, 255, 255, 0.25); border: 1px solid #FFFFFF; border-radius: 0 0 12px 12px; left: 72px; position: absolute; text-shadow: none; top: 129px; transition: all 0.35s ease-in-out 0s; width: 865px; height: 709px; z-index: 10;} .spip-content .main .wrapper .content .box-texte .inner-txt{ padding: 7px 7px 7px 7px; border-radius: 10px 0px 0px 10px;} .spip-content .main .wrapper .content .box-texte .inner-txt .bg-texte{ background-color: rgba(255, 255, 255, 0.85); border: 1px solid #FFFFFF; border-radius: 7px 0 0 7px; height: 683px; padding: 0 10px 10px; width: 689px;} .spip-content .main .wrapper .content .box-texte .inner-txt .bg-texte .texte{ border-radius: 5px; color: #808080; float: left; font-family: Arial,Helvetica,sans-serif; font-size: 15px; line-height: 17px; overflow: auto; padding: 50px 70px 20px 0; text-align: left; width: 632px; height: 673px;} p { margin: 0 0 0px;} /*** TEXTE DE LA RUBRIQUE-B 1152x1200px *****/ .spip-content .main #menu_rubriques1 { width: 1600px; height: 350px; left: 70px; margin-top: 240px;} .spip-content .main #menu_rubriques1 li{ font-size: .8em; margin-left: -1px; margin-top: -15px; } /*** DESCRIPTIF SSRUB 1152x1200px *****/ .spip-content .main .wrapper .content .descriptif-ssrub{ background-color: rgba(241, 241, 241, 0.85); border: 1px solid #FFFFFF; border-radius: 8px 8px 0 0; color: #555555; float: left; font-family: Arial,Helvetica,sans-serif; font-size: 16px; height: 48px; left: 72px; line-height: 18px; padding: 10px 80px 0; position: absolute; text-align: left; top: 70px; width: 705px;} /*** TAILLE DE L'IMAGE DANS LE CORPS DE TEXTE SPIP 1152x1200px *****/ .spip_documents_left img{width: 100px; height: 100px; margin-left: 37px; margin-top: -18px; background-color: #fbfbfb;} /*** PARTICULARITE RUBRIQUE FORMULAIRE 1152x1200px *****/ .spip-content .main .wrapper .content .box-texte .inner-txt-formulaire{ padding: 7px 7px 7px 7px; border-radius: 10px 0px 0px 10px; font-family: Arial,Helvetica,sans-serif; text-align: left;} .spip-content .main .wrapper .content .box-texte .inner-txt-formulaire .bg-texte-formulaire{ background-color: rgba(255, 255, 255, 0.85); border: 1px solid #FFFFFF; border-radius: 5px; color: #808080; float: left; font-family: Arial,Helvetica,sans-serif; font-size: 17px; line-height: 19px; overflow: none; padding: 0px; text-align: left; width: 851px; height: 743px;} /*** PARTICULARITE RUBRIQUE SIMPLE 1152x1200px *****/ .spip-content .main .wrapper .content .box-texte .inner-txt-simple{ padding: 7px 7px 7px 7px; border-radius: 10px 0px 0px 10px; font-family: Arial,Helvetica,sans-serif; text-align: left;} .spip-content .main .wrapper .content .box-texte .inner-txt-simple .bg-texte-simple{ background-color: rgba(255, 255, 255, 0.85); border: 1px solid #FFFFFF; border-radius: 5px; color: #808080; float: left; font-family: Arial,Helvetica,sans-serif; font-size: 16px; height: 653px; line-height: 18px; overflow: auto; padding: 40px 70px 0; text-align: left; width: 709px;} /*** POUR LE PETIT MENU des SOUS RUBRIQUES en haut à droite 1152x1200px *****/ .spip-content .main #menu_rubriques1 { background-color: rgba(241, 241, 241, 0.7); border: 1px solid #FFFFFF; border-radius: 0 0 12px; height: 709px; left: 799px; padding-right: 20px; position: absolute; text-align: left; top: -111px; width: 118px; z-index: 1000;} .spip-content .main #menu_rubriques1 li{ font-size: .8em; margin-left: -1px; list-style: none; float: right; margin-top: -15px; } .spip-content .main #menu_rubriques1 li ul li{ font-size: 1em; margin-left: 0em;} .spip-content .main #menu_rubriques1 { list-style-type:none; } .spip-content .main #menu_rubriques1 li { list-style-type: none; } .spip-content .main #menu_rubriques1 li li { list-style-type: none; } .spip-content .main #menu_rubriques1 li li li { list-style-type: none; } .spip-content .main #menu_rubriques1 hr {margin : 0.7em 0;} .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li { width: 114px; } .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li:hover { width: 114px; } .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li .spip_logos_rappel { height: 130px; width: 130px; margin-bottom: 10px; padding-left: 0px; margin-top: 20px;} .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li:hover .spip_logos_rappel {} .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li .spip_titre_rappel { position: absolute; width: 120px; margin-top: -20px; margin-left: 4px; font-family: "Fugaz One"; text-align: center; font-size: 16px; line-height: 18px; list-style: none;} .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li:hover .spip_titre_rappel { } /*** Les currents 1152x1200px ***/ .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li .nav_current_rub{ display: none;width: 120px; } .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li .nav_current_rub .spip_logos_rappel { width: 80px; height: 80px; padding-left: 18px; padding-top: 18px; padding-bottom: 10px;} .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li .nav_current_rub .spip_titre_rappel { position: absolute; width: 120px; margin-top: -14px; margin-left:-1px; text-align: center; font-size: 14px; line-height: 14px; list-style: none; } /*** FIN de 1152x1200px *****/ } /************************************************************************************************************************ ************************************** MEDIA QUERY SOUS MON AILE 1280px de largeur *********************************** *************************************************************************************************************************/ /***** MEDIA QUERY SOUS MON AILE 1280x600px *****/ @media screen and (min-width: 1200px) and (max-width: 1359px) and (min-height: 10px) and (max-height: 749px){ /**** SPIP CONTENT 1280x600px *****/ .contenu-mobil.spip-content{ display: none;} .contenu-desktop.spip-content{ display: block; width: 1172px; height: 468px; margin-top: 0px;} /*** FIL d'ARIANE SPIP 1280x600px *****/ .spip-content .ariane{ width: 1165px; z-index:100; top: 5px; } .spip-content .ariane .arbo{ padding-left: 10px; padding-right: 10px; font-size: 12px; line-height: 22px; width: auto; text-shadow: 0 0 1px #FFFFFF, 0 0 1px #FFFFFF, 0 0 2px #FFFFFF, 0 0 5px #FFFFFF;} /*** CONTNER CONTENU SPIP 1280x600px *****/ .spip-content .main { width: 1172px; height: 440px; margin-left: 0px; top: 74px;} .spip-content .main .wrapper .content { height: 418px; width: 1172px;} /*** TITRES TITRE DE LA RUBRIQUE-1 1280x600px *****/ .titre-sma{ display: none; font-size: 20px; line-height: 2px; margin-top: 89px; padding-left: 138px; text-shadow: 0 0 1px #FFFFFF, 0 0 1px #FFFFFF, 0 0 2px #FFFFFF, 0 0 5px #FFFFFF, 0 0 10px #FFFFFF, 0 0 16px #FFFFFF; } .spip-content .main .wrapper .content .container2 { width: 1615px; margin-left:0px; margin-top: 0px;} /*** TITRES TITRE DE LA SOUS-RUBRIQUE-1 1280x600px *****/ h1.titre-sma-rub1, h1.titre-sma-ssrub{ font-size: 24px; left:120px; line-height: 100px; margin-top: -30px; text-shadow: 0 0 1px #FFFFFF, 0 0 1px #FFFFFF, 0 0 2px #FFFFFF, 0 0 5px #FFFFFF, 0 0 10px #FFFFFF, 0 0 16px #FFFFFF;} h1.titre-sma-rub1 .spip_logos , h1.titre-sma-ssrub .spip_logos { margin: 10px 0 0 -43px; width: 90px; height: 90px; } h1.titre-sma-rub1 .descriptif, h1.titre-sma-ssrub .descriptif{ font-size: 16px; line-height: 2px; margin-top: -27px; margin-left: 0px; width : 1020px;} /*** TEXTE DE LA RUBRIQUE-1 1280x600px *****/ .spip-content .main .wrapper .content .texte-rub1{ border-radius: 8px; font-size: 14px; height: 41px; left: 115px; line-height: 16px; padding: 7px 70px 0; top: 90px; width: 800px;} .spip-content .main #menu_rubriques2 { height: 350px; left: -13px; margin-top: 150px;} .spip-content .main #menu_rubriques2 li{ font-size: .8em; margin-left: -1px; margin-top: -15px; } /*** LES BLOCS 1280x600px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li { width: 227px; height: 282px; z-index: 1;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:hover{ width: 227px; height: 282px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child{ left: 930px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2){ left: 700px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3){ left: 480px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4){ left: 260px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child{ left: 50px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child {border-top-right-radius: 16px; border-bottom-right-radius: 16px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2), .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3), .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4){ margin-left: 10px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child{ border-top-left-radius: 16px; border-bottom-left-radius: 16px; } /*** LES CADRES-INNER 1280x600px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner{ width: 227px; height: 279px; padding-top: 7px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child:hover .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2):hover .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3):hover .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4):hover .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child:hover .cadre-inner{ width: 227px; height: 279px; padding-top: 7px; } .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner { border-top-right-radius: 15px; border-bottom-right-radius: 15px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner{} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner { border-top-left-radius: 15px; border-bottom-left-radius: 15px;} /*** LES CADRES-ITEM 1280x600px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item{ width: 209px; height: 264px; margin-left: 7px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item{ border-top-left-radius: 12px; border-bottom-left-radius: 12px; border-top-right-radius: 12px; border-bottom-right-radius: 12px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item{ border-top-left-radius: 12px; border-bottom-left-radius: 12px; border-top-right-radius: 12px; border-bottom-right-radius: 12px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item{ border-top-left-radius: 12px; border-bottom-left-radius: 12px; border-top-right-radius: 12px; border-bottom-right-radius: 12px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child:hover .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2):hover .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3):hover .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4):hover .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child:hover .cadre-inner .cadre-item{ box-shadow: 0 0 2px #FFFFFF, 0 0 5px #FFFFFF, 0 0 10px #ffffff, 0 0 18px #ffffff; } .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child:hover .cadre-inner .cadre-item{ border-top-left-radius: 12px; border-bottom-left-radius: 12px; border-top-right-radius: 12px; border-bottom-right-radius: 12px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2):hover .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3):hover .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4):hover .cadre-inner .cadre-item{ border-top-left-radius: 12px; border-bottom-left-radius: 12px; border-top-right-radius: 12px; border-bottom-right-radius: 12px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child:hover .cadre-inner .cadre-item{ border-top-left-radius: 12px; border-bottom-left-radius: 12px; border-top-right-radius: 12px; border-bottom-right-radius: 12px;} /*** LES CADRES-ITEM-FINAL 1280x600px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final{ width: 193px; height: 248px; margin-left: 7px; margin-top: 7px; } /*** CADRE ITEM FIX ***/ /*** Gradient Red ***/ /*** Gradient Orange ***/ /*** Gradient Yellow ***/ /*** Gradient Green ***/ /*** Gradient Blue ***/ /** COLOR INSIDE = DEGRADE GRIS 1280x600px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final .color-inside{ width: 185px; height: 240px; left: 19px; margin-top: 3px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final .color-inside{ border-top-left-radius: 4px; border-bottom-left-radius: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final .color-inside{ border-top-left-radius: 4px; border-bottom-left-radius: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final .color-inside{ border-top-left-radius: 4px; border-bottom-left-radius: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final{ border-top-left-radius: 7px; border-bottom-left-radius: 7px; border-top-right-radius: 7px; border-bottom-right-radius: 7px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final{ border-top-left-radius: 7px; border-bottom-left-radius: 7px; border-top-right-radius: 7px; border-bottom-right-radius: 7px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final{ border-top-left-radius: 7px; border-bottom-left-radius: 7px; border-top-right-radius: 7px; border-bottom-right-radius: 7px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child:hover .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2):hover .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3):hover .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4):hover .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child:hover .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child:hover .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2):hover .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3):hover .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4):hover .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child:hover .cadre-inner .cadre-item .cadre-item-final{ width: 193px; height: 248px; margin-left: 7px; margin-top: 7px;} /*** Les LOGOS 1280x600px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .spip_logos_rappel{ height: 80px; margin-left: -6px; margin-top: -9px; width: 80px; position: absolute;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child:hover .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2):hover .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3):hover .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4):hover .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child:hover .cadre-inner .spip_logos_rappel{ height: 80px; margin-left: -6px; margin-top: -9px; width: 80px;} /*** Les TITRES 1280x600px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li .spip_titre_rappel{ font-size: 15px; line-height: 16px; margin-left: 27px; padding: 10px 40px; text-align: center; text-shadow: 0 0 1px #FFFFFF, 0 0 1px #FFFFFF, 0 0 2px #FFFFFF, 0 0 5px #FFFFFF, 0 0 10px #FFFFFF, 0 0 16px #FFFFFF; top: 7px; width: 102px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:hover .spip_titre_rappel{ text-shadow: 0 0 1px #FFFFFF, 0 0 1px #FFFFFF, 0 0 2px #FFFFFF, 0 0 5px #FFFFFF, 0 0 10px #FFFFFF, 0 0 16px #FFFFFF;} /*** Les DESCRIPTIFS V1 avec titre sur 1 ligne 1280x600px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li .spip_descriptif_item-rappel{ display: block; width: 200px; margin-top: 0px; margin-left: 19px; font-size: 13px; line-height: 15px; padding: 10px 5px 1px 15px; border-radius: 10px;} /*** Les DESCRIPTIFS V2 avec titre sur 2 lignes 1280x600px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li .spip_descriptif_item-rappel2{ border-radius: 5px; display: block; font-size: 11px; line-height: 13px; margin-left: 5px; margin-top: 88px; padding: 10px 8px 1px; width: 157px; height: 133px;} /*** POUR Les BTNS COULEURS(noir en fait) 1280x600px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final .color-inside .mon-btn-color, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final .color-inside .mon-btn-color, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final .color-inside .mon-btn-color, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final .color-inside .mon-btn-color, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final .color-inside .mon-btn-color{ border-radius: 10px; color: #FFFFFF; font-size: 12px; left: 0; line-height: 8px; margin-left: 48px; margin-top: -40px; padding: 10px; width: 38.5%; z-index: 1000;} /*** POUR Les BTNS NOIR 1280x600px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final-fix .color-inside .mon-btn, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside .mon-btn, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside .mon-btn, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside .mon-btn, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final-fix .color-inside .mon-btn{ left: 0px; width: 36%; font-size: 16px; line-height: 16px; padding-left: 10px; padding-right: 10px; padding-top: 10px; padding-bottom: 10px; border-radius: 10px; margin-left: 74px; margin-top: 18px; } /******************************************************************************* LES SOUS-RUBRIQUE DE CONTENU 1280x600px ************************************************************************************/ /*** TEXTE DES SSRUBRIQUES BLUE, GREEN, YELLOW, ORANGE, RED 1280x600px *****/ .spip-content .main .wrapper .content .box-texte{ position: absolute; top: 109px; left: 110px; border-radius: 10px 0px 0px 10px; width: 795px; height: 315px; z-index: 10; text-shadow: none; border-radius: 0px 0px 0px 12px; background-color: rgba(255, 255, 255, 0.25); border: 1px solid #FFFFFF;} .spip-content .main .wrapper .content .box-texte .inner-txt{ padding: 7px 7px 7px 7px; border-radius: 10px 0px 0px 10px;} .spip-content .main .wrapper .content .box-texte .inner-txt .bg-texte{ width: 760px; height: 289px; padding: 0px 10px 10px 10px ; border-radius: 7px 0px 0px 7px; background-color: rgba(255, 255, 255, 0.85); border: 1px solid #fff;} .spip-content .main .wrapper .content .box-texte .inner-txt .bg-texte .texte{ float: left; overflow: auto; width: 730px; height: 259px; padding: 20px; border-radius: 5px; color: #808080; font-family: Arial,Helvetica,sans-serif; text-align: left; font-size: 20px; line-height: 21px; } /*** DESCRIPTIF SSRUB 1280x600px *****/ .spip-content .main .wrapper .content .descriptif-ssrub{ background-color: rgba(241, 241, 241, 0.85); border: 1px solid #FFFFFF; border-radius: 8px 8px 0 0; color: #555555; float: left; font-family: Arial,Helvetica,sans-serif; font-size: 16px; height: 43px; left: 110px; line-height: 18px; padding: 10px 110px 5px; position: absolute; text-align: left; top: 70px; width: 745px;} .spip_document_1, .spip_document_2, .spip_document_3, .spip_document_4, .spip_document_5, .spip_document_6, .spip_document_7, .spip_document_8, .spip_document_9, .spip_document_10, .spip_document_11, .spip_document_12, .spip_document_13, .spip_document_14, .spip_document_15, .spip_document_16, .spip_document_17, .spip_document_18, .spip_document_19, .spip_document_20, .spip_document_21, .spip_document_22, .spip_document_23, .spip_document_24, .spip_document_25, .spip_document_26, .spip_document_27, .spip_document_28, .spip_document_29, .spip_document_30, .spip_document_31, .spip_document_32, .spip_document_33, .spip_document_34, .spip_document_35, .spip_document_36, .spip_document_37, .spip_document_38, .spip_document_39, .spip_document_40, .spip_document_41, .spip_document_42, .spip_document_43, .spip_document_44, .spip_document_45, .spip_document_46, .spip_document_47, .spip_document_48, .spip_document_49, .spip_document_50, .spip_document_51, .spip_document_52, .spip_document_53, .spip_document_54, .spip_document_55, .spip_document_56, .spip_document_57, .spip_document_58, .spip_document_59, .spip_document_60, .spip_document_61, .spip_document_62, .spip_document_63, .spip_document_64, .spip_document_65, .spip_document_66, .spip_document_67, .spip_document_68, .spip_document_69, .spip_document_70, .spip_document_71, .spip_document_72{ width: 50px!important; height: 50px!important; margin-left: 0px; margin-top: 0px; background-color: #fbfbfb;} p { margin: 0 0 0px;} /*** TAILLE DE L'IMAGE DANS LE CORPS DE TEXTE SPIP 1280x600px *****/ .spip_documents_left img{ background-color: #FBFBFB; height: 50px; margin-left: 15px; margin-top: -6px; width: 50px;} /*** PARTICULARITE RUBRIQUE FORMULAIRE 1280x600px *****/ .spip-content .main .wrapper .content .box-texte .inner-txt-formulaire{ padding: 7px 7px 7px 7px; border-radius: 10px 0px 0px 10px; font-family: Arial,Helvetica,sans-serif; text-align: left;} .spip-content .main .wrapper .content .box-texte .inner-txt-formulaire .bg-texte-formulaire{ background-color: rgba(255, 255, 255, 0.85); border: 1px solid #FFFFFF; border-radius: 5px; color: #808080; float: left; font-family: Arial,Helvetica,sans-serif; font-size: 17px; line-height: 19px; overflow: auto; padding: 4px 130px 20px 20px; text-align: left; width: 799px; height: 275px;} /*** PARTICULARITE RUBRIQUE SIMPLE 1280x600px *****/ .spip-content .main .wrapper .content .box-texte .inner-txt-simple{ padding: 7px 7px 7px 7px; border-radius: 10px 0px 0px 10px; font-family: Arial,Helvetica,sans-serif; text-align: left;} .spip-content .main .wrapper .content .box-texte .inner-txt-simple .bg-texte-simple{ background-color: rgba(255, 255, 255, 0.85); border: 1px solid #FFFFFF; border-radius: 5px; color: #808080; float: left; font-family: Arial,Helvetica,sans-serif; font-size: 16px; height: 259px; line-height: 18px; overflow: auto; padding: 40px 100px 0; text-align: left; width: 749px; } /*** TEXTE DES SSRUBRIQUES BLUE, GREEN, YELLOW, ORANGE, RED 1280x600px *****/ .spip-content .main .wrapper .content .box-texte{ background-color: rgba(255, 255, 255, 0.25); border: 1px solid #FFFFFF; border-radius: 0 0 12px 12px; left: 110px; position: absolute; text-shadow: none; top: 129px; width: 965px; height: 315px; z-index: 10;} .spip-content .main .wrapper .content .box-texte .inner-txt{ padding: 7px 7px 7px 7px; border-radius: 10px 0px 0px 10px;} .spip-content .main .wrapper .content .box-texte .inner-txt .bg-texte{ width: 759px; height: 299px; padding: 0px 10px 0px 10px ; border-radius: 7px 0px 0px 7px; background-color: rgba(255, 255, 255, 0.85); border: 1px solid #fff;} .spip-content .main .wrapper .content .box-texte .inner-txt .bg-texte .texte{ border-radius: 5px; color: #808080; float: left; font-family: Arial,Helvetica,sans-serif; font-size: 11px; line-height: 15px; margin-left: 0; overflow: auto; padding: 20PX 40px 0 20px; text-align: left; width: 709px; height: 279px;} /*** POUR LE PETIT MENU des SOUS RUBRIQUES en haut à droite 1280x600px *****/ .spip-content .main #menu_rubriques1 { position: absolute; text-align: left; width: 149px; height: 315px; z-index: 1000; top: 129px; padding-right: 20px; left: 906px; background-color: rgba(241, 241, 241, 0.7); border-top-left-radius: 0px; border-bottom-left-radius: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 12px; border: 1px solid #fff; } .spip-content .main #menu_rubriques1 li{ font-size: .8em; margin-left: -1px; list-style: none; float: right; margin-top: -15px; } .spip-content .main #menu_rubriques1 li ul li{ font-size: 1em; margin-left: 0em;} .spip-content .main #menu_rubriques1 { list-style-type:none; } .spip-content .main #menu_rubriques1 li { list-style-type: none; } .spip-content .main #menu_rubriques1 li li { list-style-type: none; } .spip-content .main #menu_rubriques1 li li li { list-style-type: none; } .spip-content .main #menu_rubriques1 hr {margin : 0.7em 0;} .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li { width: 114px; } .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li:hover { width: 114px; } .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li .spip_logos_rappel { height: 70px; width: 70px; margin-bottom: 0px; margin-left: -36px; margin-top: 14px;} .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li:hover .spip_logos_rappel {} .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li .spip_titre_rappel{ font-family: "Fugaz One"; font-size: 13px; line-height: 15px; list-style: none outside none; margin-left: 33px; margin-top: -50px; position: absolute; text-align: left; width: 95px;} .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li:hover .spip_titre_rappel { } /*** Les currents 1280x600px ***/ .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li .nav_current_rub{ display: none;width: 120px; } .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li .nav_current_rub .spip_logos_rappel { width: 80px; height: 80px; padding-left: 18px; padding-top: 18px; padding-bottom: 10px;} .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li .nav_current_rub .spip_titre_rappel { position: absolute; width: 120px; margin-top: -14px; margin-left:-1px; text-align: center; font-size: 14px; line-height: 14px; list-style: none; } /*** FIN de 1280x600px *****/ } /***** MEDIA QUERY SOUS MON AILE 1280x768px *****/ @media screen and (min-width: 1200px) and (max-width: 1359px) and (min-height: 750px) and (max-height: 899px){ /**** SPIP CONTENT 1280x768px *****/ .contenu-mobil.spip-content{ display: none;} .contenu-desktop.spip-content{ display: block; width: 1172px; height: 561px; margin-top: 0px;} /*** FIL d'ARIANE SPIP 1280x768px *****/ .spip-content .ariane{ width: 1160px; z-index:100; top: 0px;} .spip-content .ariane .arbo{ padding-left: 10px; padding-right: 10px; font-size: 12px; line-height: 32px; width: auto; text-shadow: 0 0 1px #FFFFFF, 0 0 1px #FFFFFF, 0 0 2px #FFFFFF, 0 0 5px #FFFFFF;} /*** CONTNER CONTENU SPIP 1280x768px *****/ .spip-content .main { width: 1170px; height: 590px; margin-left: 0px; top: 74px;} .spip-content .main .wrapper .content { width: 1172px; height: 561px; } /*** TITRES TITRE DE LA RUBRIQUE-1 1280x768px *****/ .titre-sma{ display: none; font-size: 20px; line-height: 2px; margin-top: 89px; padding-left: 138px; text-shadow: 0 0 1px #FFFFFF, 0 0 1px #FFFFFF, 0 0 2px #FFFFFF, 0 0 5px #FFFFFF, 0 0 10px #FFFFFF, 0 0 16px #FFFFFF; } .spip-content .main .wrapper .content .container2 { width: 1615px; margin-left:0px; margin-top: 0px;} /*** TITRES TITRE DE LA SOUS-RUBRIQUE-1 1280x768px *****/ h1.titre-sma-rub1, h1.titre-sma-ssrub{ font-size: 32px; left: 120px; line-height: 125px; top: 0px; text-shadow: 0 0 1px #FFFFFF, 0 0 1px #FFFFFF, 0 0 2px #FFFFFF, 0 0 5px #FFFFFF, 0 0 10px #FFFFFF, 0 0 16px #FFFFFF;} h1.titre-sma-rub1 .spip_logos , h1.titre-sma-ssrub .spip_logos { margin: 11px 0 0 -56px; width: 110px; height: 110px; } h1.titre-sma-rub1 .descriptif, h1.titre-sma-ssrub .descriptif{ font-size: 20px; line-height: 2px; top: 90px; margin-left: 0px; width : 1070px;} /*** TEXTE DE LA RUBRIQUE-1 1280x768px *****/ .spip-content .main .wrapper .content .texte-rub1{ border-radius: 8px; font-size: 14px; height: 41px; left: 115px; line-height: 16px; padding: 7px 70px 0; top: 120px; width: 800px;} .spip-content .main #menu_rubriques2 { width: 1185px; height: 350px; left: -13px; top: 220px;} .spip-content .main #menu_rubriques2 li{ font-size: .8em; margin-left: -1px; margin-top: -15px; } /*** LES BLOCS 1280x768px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li { width: 227px; height: 282px; z-index: 1;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:hover{ width: 227px; height: 282px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child{ left: 930px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2){ left: 700px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3){ left: 480px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4){ left: 260px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child{ left: 50px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child {border-top-right-radius: 16px; border-bottom-right-radius: 16px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2), .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3), .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4){ margin-left: 10px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child{ border-top-left-radius: 16px; border-bottom-left-radius: 16px; } /*** LES CADRES-INNER 1280x768px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner{ width: 227px; height: 279px; padding-top: 7px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child:hover .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2):hover .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3):hover .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4):hover .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child:hover .cadre-inner{ width: 227px; height: 279px; padding-top: 7px; } .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner { border-top-right-radius: 15px; border-bottom-right-radius: 15px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner{} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner { border-top-left-radius: 15px; border-bottom-left-radius: 15px;} /*** LES CADRES-ITEM 1280x768px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item{ width: 209px; height: 324px; margin-left: 7px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item{ border-top-left-radius: 12px; border-bottom-left-radius: 12px; border-top-right-radius: 12px; border-bottom-right-radius: 12px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item{ border-top-left-radius: 12px; border-bottom-left-radius: 12px; border-top-right-radius: 12px; border-bottom-right-radius: 12px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item{ border-top-left-radius: 12px; border-bottom-left-radius: 12px; border-top-right-radius: 12px; border-bottom-right-radius: 12px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child:hover .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2):hover .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3):hover .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4):hover .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child:hover .cadre-inner .cadre-item{ box-shadow: 0 0 2px #FFFFFF, 0 0 5px #FFFFFF, 0 0 10px #ffffff, 0 0 18px #ffffff; } .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child:hover .cadre-inner .cadre-item{ border-top-left-radius: 12px; border-bottom-left-radius: 12px; border-top-right-radius: 12px; border-bottom-right-radius: 12px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2):hover .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3):hover .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4):hover .cadre-inner .cadre-item{ border-top-left-radius: 12px; border-bottom-left-radius: 12px; border-top-right-radius: 12px; border-bottom-right-radius: 12px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child:hover .cadre-inner .cadre-item{ border-top-left-radius: 12px; border-bottom-left-radius: 12px; border-top-right-radius: 12px; border-bottom-right-radius: 12px;} /*** LES CADRES-ITEM-FINAL 1280x768px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final{ width: 193px; height: 308px; margin-left: 7px; margin-top: 7px; } /*** CADRE ITEM FIX ***/ /*** Gradient Red ***/ /*** Gradient Orange ***/ /*** Gradient Yellow ***/ /*** Gradient Green ***/ /*** Gradient Blue ***/ /** COLOR INSIDE = DEGRADE GRIS 1280x768px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final .color-inside{ width: 185px; height: 300px; left: 19px; margin-top: 3px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final .color-inside{ border-top-left-radius: 4px; border-bottom-left-radius: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final .color-inside{ border-top-left-radius: 4px; border-bottom-left-radius: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final .color-inside{ border-top-left-radius: 4px; border-bottom-left-radius: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final{ border-top-left-radius: 7px; border-bottom-left-radius: 7px; border-top-right-radius: 7px; border-bottom-right-radius: 7px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final{ border-top-left-radius: 7px; border-bottom-left-radius: 7px; border-top-right-radius: 7px; border-bottom-right-radius: 7px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final{ border-top-left-radius: 7px; border-bottom-left-radius: 7px; border-top-right-radius: 7px; border-bottom-right-radius: 7px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child:hover .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2):hover .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3):hover .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4):hover .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child:hover .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child:hover .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2):hover .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3):hover .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4):hover .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child:hover .cadre-inner .cadre-item .cadre-item-final{ width: 193px; height: 308px; margin-left: 7px; margin-top: 7px;} /*** Les LOGOS 1280x768px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .spip_logos_rappel{ height: 110px; margin-left: 40px; margin-top: -9px; width: 110px; position: absolute;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child:hover .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2):hover .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3):hover .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4):hover .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child:hover .cadre-inner .spip_logos_rappel{ height: 110px; margin-left: 40px; margin-top: -9px; width: 110px;} /*** Les TITRES 1280x768px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li .spip_titre_rappel{ font-size: 19px; line-height: 20px; margin-left: -12px; padding: 10px 40px; text-align: center; text-shadow: 0 0 1px #FFFFFF, 0 0 1px #FFFFFF, 0 0 2px #FFFFFF, 0 0 5px #FFFFFF, 0 0 10px #FFFFFF, 0 0 16px #FFFFFF; top: 80px; width: 133px; } .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:hover .spip_titre_rappel{ text-shadow: 0 0 1px #FFFFFF, 0 0 1px #FFFFFF, 0 0 2px #FFFFFF, 0 0 5px #FFFFFF, 0 0 10px #FFFFFF, 0 0 16px #FFFFFF;} /*** Les DESCRIPTIFS V1 avec titre sur 1 ligne 1280x768px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li .spip_descriptif_item-rappel{ display: block; width: 200px; margin-top: 0px; margin-left: 19px; font-size: 13px; line-height: 15px; padding: 10px 5px 1px 15px; border-radius: 10px;} /*** Les DESCRIPTIFS V2 avec titre sur 2 lignes 1280x768px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li .spip_descriptif_item-rappel2{ border-radius: 5px; display: block; font-size: 11px; height: 143px; line-height: 13px; margin-left: 5px; margin-top: 142px; padding: 10px 8px 1px; width: 157px; height: 133px;} /*** POUR Les BTNS COULEURS(noir en fait) 1280x768px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final .color-inside .mon-btn-color, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final .color-inside .mon-btn-color, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final .color-inside .mon-btn-color, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final .color-inside .mon-btn-color, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final .color-inside .mon-btn-color{ border-radius: 10px; color: #FFFFFF; font-size: 12px; left: 0; line-height: 8px; margin-left: 48px; margin-top: -40px; padding: 10px; width: 38.5%; z-index: 1000;} /*** POUR Les BTNS NOIR 1280x768px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final-fix .color-inside .mon-btn, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside .mon-btn, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside .mon-btn, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside .mon-btn, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final-fix .color-inside .mon-btn{ left: 0px; width: 36%; font-size: 16px; line-height: 16px; padding-left: 10px; padding-right: 10px; padding-top: 10px; padding-bottom: 10px; border-radius: 10px; margin-left: 74px; margin-top: 18px; } /******************************************************************************* LES SOUS-RUBRIQUE DE CONTENU 1280x768px ************************************************************************************/ /*** TEXTE DES SSRUBRIQUES BLUE, GREEN, YELLOW, ORANGE, RED 1280x768px *****/ .spip-content .main .wrapper .content .box-texte{ position: absolute; top: 134px; left: 110px; border-radius: 10px 0px 0px 10px; width: 826px; height: 458px; z-index: 10; text-shadow: none; border-radius: 0px 0px 0px 12px; background-color: rgba(255, 255, 255, 0.25); border: 1px solid #FFFFFF;} .spip-content .main .wrapper .content .box-texte .inner-txt{ padding: 7px 7px 7px 7px; border-radius: 10px 0px 0px 10px;} .spip-content .main .wrapper .content .box-texte .inner-txt .bg-texte{ width: 790pxx; height: 432px; padding: 0px 10px 10px 10px ; border-radius: 7px 0px 0px 7px; background-color: rgba(255, 255, 255, 0.85); border: 1px solid #fff;} .spip-content .main .wrapper .content .box-texte .inner-txt .bg-texte .texte{ float: left; overflow: auto; width: 760px; height: 402px; padding: 20px; border-radius: 5px; color: #808080; font-family: Arial,Helvetica,sans-serif; text-align: left; font-size: 20px; line-height: 21px; } /*** DESCRIPTIF SSRUB 1280x768px *****/ .spip-content .main .wrapper .content .descriptif-ssrub{ background-color: rgba(241, 241, 241, 0.85); border: 1px solid #FFFFFF; border-radius: 8px 8px 0 0; color: #555555; float: left; font-family: Arial,Helvetica,sans-serif; font-size: 16px; height: 43px; left: 110px; line-height: 18px; padding: 10px 110px 5px; position: absolute; text-align: left; top: 90px; width: 745px;} .spip_document_1, .spip_document_2, .spip_document_3, .spip_document_4, .spip_document_5, .spip_document_6, .spip_document_7, .spip_document_8, .spip_document_9, .spip_document_10, .spip_document_11, .spip_document_12, .spip_document_13, .spip_document_14, .spip_document_15, .spip_document_16, .spip_document_17, .spip_document_18, .spip_document_19, .spip_document_20, .spip_document_21, .spip_document_22, .spip_document_23, .spip_document_24, .spip_document_25, .spip_document_26, .spip_document_27, .spip_document_28, .spip_document_29, .spip_document_30, .spip_document_31, .spip_document_32, .spip_document_33, .spip_document_34, .spip_document_35, .spip_document_36, .spip_document_37, .spip_document_38, .spip_document_39, .spip_document_40, .spip_document_41, .spip_document_42, .spip_document_43, .spip_document_44, .spip_document_45, .spip_document_46, .spip_document_47, .spip_document_48, .spip_document_49, .spip_document_50, .spip_document_51, .spip_document_52, .spip_document_53, .spip_document_54, .spip_document_55, .spip_document_56, .spip_document_57, .spip_document_58, .spip_document_59, .spip_document_60, .spip_document_61, .spip_document_62, .spip_document_63, .spip_document_64, .spip_document_65, .spip_document_66, .spip_document_67, .spip_document_68, .spip_document_69, .spip_document_70, .spip_document_71, .spip_document_72{ width: 60px!important; height: 60px!important; margin-left: 0px; margin-top: 0px; background-color: #fbfbfb;} p { margin: 0 0 0px;} /*** TAILLE DE L'IMAGE DANS LE CORPS DE TEXTE SPIP 1280x768px *****/ .spip_documents_left img{width: 60px; height: 60px; margin-left: 10px; margin-top: -6px; background-color: #fbfbfb;} /*** PARTICULARITE RUBRIQUE FORMULAIRE 1280x768px *****/ .spip-content .main .wrapper .content .box-texte .inner-txt-formulaire{ padding: 7px 7px 7px 7px; border-radius: 10px 0px 0px 10px; font-family: Arial,Helvetica,sans-serif; text-align: left;} .spip-content .main .wrapper .content .box-texte .inner-txt-formulaire .bg-texte-formulaire{ background-color: rgba(255, 255, 255, 0.85); border: 1px solid #FFFFFF; border-radius: 5px; color: #808080; float: left; font-family: Arial,Helvetica,sans-serif; font-size: 17px; line-height: 19px; overflow: none; padding: 0px; text-align: left; width: 949px; height: 442px;} /*** PARTICULARITE RUBRIQUE SIMPLE 1280x768px *****/ .spip-content .main .wrapper .content .box-texte .inner-txt-simple{ padding: 7px 7px 7px 7px; border-radius: 10px 0px 0px 10px; font-family: Arial,Helvetica,sans-serif; text-align: left;} .spip-content .main .wrapper .content .box-texte .inner-txt-simple .bg-texte-simple{ background-color: rgba(255, 255, 255, 0.85); border: 1px solid #FFFFFF; border-radius: 5px; color: #808080; float: left; font-family: Arial,Helvetica,sans-serif; font-size: 16px; height: 342px; line-height: 17px; overflow: auto; padding: 40px 100px; text-align: left; width: 749px;} /*** TEXTE DES SSRUBRIQUES BLUE, GREEN, YELLOW, ORANGE, RED 1280x768px *****/ .spip-content .main .wrapper .content .box-texte{ background-color: rgba(255, 255, 255, 0.25); border: 1px solid #FFFFFF; border-radius: 0 0 12px 12px; height: 438px; left: 110px; position: absolute; text-shadow: none; top: 149px; width: 965px; z-index: 10;} .spip-content .main .wrapper .content .box-texte .inner-txt{ padding: 7px 7px 7px 7px; border-radius: 10px 0px 0px 10px;} .spip-content .main .wrapper .content .box-texte .inner-txt .bg-texte{ width: 790px; height: 422px; padding: 0px 10px 0px 10px ; border-radius: 7px 0px 0px 7px; background-color: rgba(255, 255, 255, 0.85); border: 1px solid #fff;} .spip-content .main .wrapper .content .box-texte .inner-txt .bg-texte .texte{ border-radius: 5px; color: #808080; float: left; font-family: Arial,Helvetica,sans-serif; font-size: 11px; line-height: 15px; margin-left: 0; overflow: auto; padding: 20px 40px 0 20px; text-align: left; width: 740px; height: 402px;} /*** POUR LE PETIT MENU des SOUS RUBRIQUES en haut à droite 1280x768px *****/ .spip-content .main #menu_rubriques1 { background-color: rgba(241, 241, 241, 0.7); border: 1px solid #FFFFFF; border-radius: 0 0 12px; height: 438px; left: 937px; padding-right: 20px; position: absolute; text-align: left; top: 149px; width: 118px;z-index: 1000;} .spip-content .main #menu_rubriques1 li{ font-size: .8em; margin-left: -1px; list-style: none; float: right; margin-top: -15px; } .spip-content .main #menu_rubriques1 li ul li{ font-size: 1em; margin-left: 0em;} .spip-content .main #menu_rubriques1 { list-style-type:none; } .spip-content .main #menu_rubriques1 li { list-style-type: none; } .spip-content .main #menu_rubriques1 li li { list-style-type: none; } .spip-content .main #menu_rubriques1 li li li { list-style-type: none; } .spip-content .main #menu_rubriques1 hr {margin : 0.7em 0;} .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li { width: 114px; } .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li:hover { width: 114px; } .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li .spip_logos_rappel { height: 90px; width: 90px; margin-bottom: 10px; padding-left: 19px; margin-top: 15px;} .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li:hover .spip_logos_rappel {} .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li .spip_titre_rappel { position: absolute; width: 106px; margin-top: -21px; margin-left: 11px; font-family: "Fugaz One"; text-align: center; font-size: 12px; line-height: 15px; list-style: none;} .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li:hover .spip_titre_rappel { } /*** Les currents 1280x768px ***/ .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li .nav_current_rub{ display: none; width: 120px; } .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li .nav_current_rub .spip_logos_rappel { width: 80px; height: 80px; padding-left: 18px; padding-top: 18px; padding-bottom: 10px;} .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li .nav_current_rub .spip_titre_rappel { position: absolute; width: 120px; margin-top: -14px; margin-left:-1px; text-align: center; font-size: 14px; line-height: 14px; list-style: none; } /*** FIN de 1280x768px *****/ } /***** MEDIA QUERY SOUS MON AILE 1280x900px *****/ @media screen and (min-width: 1200px) and (max-width: 1359px) and (min-height:900px) and (max-height: 1023px){ /**** SPIP CONTENT 1280x900px *****/ .contenu-mobil.spip-content{ display: none;} .contenu-desktop.spip-content{ display: block; width: 1082px; height: 761px; margin-top: 0px;} /*** FIL d'ARIANE SPIP 1280x900px *****/ .spip-content .ariane{ width: 1160px; z-index:100; top: 0px;} .spip-content .ariane .arbo{ padding-left: 10px; padding-right: 10px; font-size: 12px; line-height: 32px; width: auto; text-shadow: 0 0 1px #FFFFFF, 0 0 1px #FFFFFF, 0 0 2px #FFFFFF, 0 0 5px #FFFFFF;} /*** CONTNER CONTENU SPIP 1280x900px *****/ .spip-content .main { width: 1082px; height: 590px; margin-left: 0px; top: 74px;} .spip-content .main .wrapper .content { width: 1082px; height: 711px; } /*** TITRES TITRE DE LA RUBRIQUE-1 1280x900px *****/ .titre-sma{ display: none; font-size: 20px; line-height: 2px; margin-top: 89px; padding-left: 138px; text-shadow: 0 0 1px #FFFFFF, 0 0 1px #FFFFFF, 0 0 2px #FFFFFF, 0 0 5px #FFFFFF, 0 0 10px #FFFFFF, 0 0 16px #FFFFFF; } .spip-content .main .wrapper .content .container2 { width: 1615px; margin-left:0px; margin-top: 0px;} /*** TITRES TITRE DE LA SOUS-RUBRIQUE-1 1280x900px *****/ h1.titre-sma-rub1, h1.titre-sma-ssrub{ font-size: 32px; left: 120px; line-height: 125px; text-shadow: 0 0 1px #FFFFFF, 0 0 1px #FFFFFF, 0 0 2px #FFFFFF, 0 0 5px #FFFFFF, 0 0 10px #FFFFFF, 0 0 16px #FFFFFF; top: 0;} h1.titre-sma-rub1 .spip_logos , h1.titre-sma-ssrub .spip_logos { margin: 11px 0 0 -56px; width: 110px; height: 110px; } h1.titre-sma-rub1 .descriptif, h1.titre-sma-ssrub .descriptif{ font-size: 20px; line-height: 2px; top: 90px; margin-left: 0px; width : 1070px;} /*** TEXTE DE LA RUBRIQUE-1 1280x900px *****/ .spip-content .main .wrapper .content .texte-rub1{ border-radius: 8px; font-size: 14px; height: 41px; left: 115px; line-height: 16px; padding: 7px 70px 0; top: 130px; width: 800px;} .spip-content .main #menu_rubriques2 { width: 1185px; height: 350px; left: -13px; margin-top: 220px;} .spip-content .main #menu_rubriques2 li{ font-size: .8em; margin-left: -1px; margin-top: -15px; } /*** LES BLOCS 1280x900px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li { width: 227px; height: 282px; z-index: 1;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:hover{ width: 227px; height: 282px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child{ left: 930px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2){ left: 700px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3){ left: 480px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4){ left: 260px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child{ left: 50px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child {border-top-right-radius: 16px; border-bottom-right-radius: 16px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2), .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3), .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4){ margin-left: 10px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child{ border-top-left-radius: 16px; border-bottom-left-radius: 16px; } /*** LES CADRES-INNER 1280x900px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner{ width: 227px; height: 279px; padding-top: 7px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child:hover .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2):hover .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3):hover .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4):hover .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child:hover .cadre-inner{ width: 227px; height: 279px; padding-top: 7px; } .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner { border-top-right-radius: 15px; border-bottom-right-radius: 15px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner{} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner { border-top-left-radius: 15px; border-bottom-left-radius: 15px;} /*** LES CADRES-ITEM 1280x900px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item{ width: 209px; height: 424px; margin-left: 7px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item{ border-top-left-radius: 12px; border-bottom-left-radius: 12px; border-top-right-radius: 12px; border-bottom-right-radius: 12px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item{ border-top-left-radius: 12px; border-bottom-left-radius: 12px; border-top-right-radius: 12px; border-bottom-right-radius: 12px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item{ border-top-left-radius: 12px; border-bottom-left-radius: 12px; border-top-right-radius: 12px; border-bottom-right-radius: 12px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child:hover .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2):hover .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3):hover .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4):hover .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child:hover .cadre-inner .cadre-item{ box-shadow: 0 0 2px #FFFFFF, 0 0 5px #FFFFFF, 0 0 10px #ffffff, 0 0 18px #ffffff; } .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child:hover .cadre-inner .cadre-item{ border-top-left-radius: 12px; border-bottom-left-radius: 12px; border-top-right-radius: 12px; border-bottom-right-radius: 12px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2):hover .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3):hover .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4):hover .cadre-inner .cadre-item{ border-top-left-radius: 12px; border-bottom-left-radius: 12px; border-top-right-radius: 12px; border-bottom-right-radius: 12px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child:hover .cadre-inner .cadre-item{ border-top-left-radius: 12px; border-bottom-left-radius: 12px; border-top-right-radius: 12px; border-bottom-right-radius: 12px;} /*** LES CADRES-ITEM-FINAL 1280x900px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final{ width: 193px; height: 408px; margin-left: 7px; margin-top: 7px; } /*** CADRE ITEM FIX ***/ /*** Gradient Red ***/ /*** Gradient Orange ***/ /*** Gradient Yellow ***/ /*** Gradient Green ***/ /*** Gradient Blue ***/ /** COLOR INSIDE = DEGRADE GRIS 1280x900px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final .color-inside{ width: 185px; height: 400px; left: 19px; margin-top: 3px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final .color-inside{ border-top-left-radius: 4px; border-bottom-left-radius: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final .color-inside{ border-top-left-radius: 4px; border-bottom-left-radius: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final .color-inside{ border-top-left-radius: 4px; border-bottom-left-radius: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final{ border-top-left-radius: 7px; border-bottom-left-radius: 7px; border-top-right-radius: 7px; border-bottom-right-radius: 7px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final{ border-top-left-radius: 7px; border-bottom-left-radius: 7px; border-top-right-radius: 7px; border-bottom-right-radius: 7px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final{ border-top-left-radius: 7px; border-bottom-left-radius: 7px; border-top-right-radius: 7px; border-bottom-right-radius: 7px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child:hover .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2):hover .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3):hover .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4):hover .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child:hover .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child:hover .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2):hover .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3):hover .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4):hover .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child:hover .cadre-inner .cadre-item .cadre-item-final{ width: 193px; height: 408px; margin-left: 7px; margin-top: 7px;} /*** Les LOGOS 1280x900px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .spip_logos_rappel{ height: 200px; margin-left: -6px; margin-top: -18px; width: 200px; position: absolute;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child:hover .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2):hover .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3):hover .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4):hover .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child:hover .cadre-inner .spip_logos_rappel{ height: 200px; margin-left: -6px; margin-top: -18px; width: 200px;} /*** Les TITRES 1280x900px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li .spip_titre_rappel{ font-size: 21px; line-height: 23px; margin-left: -16px; padding: 10px 40px; text-align: center; text-shadow: 0 0 1px #FFFFFF, 0 0 1px #FFFFFF, 0 0 2px #FFFFFF, 0 0 5px #FFFFFF, 0 0 10px #FFFFFF, 0 0 16px #FFFFFF; top: 150px; width: 141px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:hover .spip_titre_rappel{ text-shadow: 0 0 1px #FFFFFF, 0 0 1px #FFFFFF, 0 0 2px #FFFFFF, 0 0 5px #FFFFFF, 0 0 10px #FFFFFF, 0 0 16px #FFFFFF;} /*** Les DESCRIPTIFS V1 avec titre sur 1 ligne 1280x900px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li .spip_descriptif_item-rappel{ display: block; width: 200px; margin-top: 0px; margin-left: 19px; font-size: 13px; line-height: 15px; padding: 10px 5px 1px 15px; border-radius: 10px;} /*** Les DESCRIPTIFS V2 avec titre sur 2 lignes 1280x900px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li .spip_descriptif_item-rappel2{ border-radius: 5px; display: block; font-size: 11px; height: 143px; line-height: 13px; margin-left: 5px; margin-top: 232px; padding: 10px 8px 1px; width: 157px;} /*** POUR Les BTNS COULEURS(noir en fait) 1280x900px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final .color-inside .mon-btn-color, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final .color-inside .mon-btn-color, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final .color-inside .mon-btn-color, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final .color-inside .mon-btn-color, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final .color-inside .mon-btn-color{ border-radius: 10px; color: #FFFFFF; font-size: 12px; left: 0; line-height: 8px; margin-left: 48px; margin-top: -50px; padding: 10px; width: 38.5%; z-index: 1000;} /*** POUR Les BTNS NOIR 1280x900px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final-fix .color-inside .mon-btn, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside .mon-btn, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside .mon-btn, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside .mon-btn, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final-fix .color-inside .mon-btn{ left: 0px; width: 36%; font-size: 16px; line-height: 16px; padding-left: 10px; padding-right: 10px; padding-top: 10px; padding-bottom: 10px; border-radius: 10px; margin-left: 74px; margin-top: 18px; } /******************************************************************************* LES SOUS-RUBRIQUE DE CONTENU 1280x900px ************************************************************************************/ /*** CONTENU RUBRIQUES ITEMS 1280x900px *****/ .spip-content .main .wrapper .content .box-texte{ position: absolute; top: 168px; left: 110px; border-radius: 10px 0px 0px 10px; width: 1086px; height: 560px; z-index: 10; text-shadow: none; border-radius: 0px 0px 12px 12px; background-color: rgba(255, 255, 255, 0.25); border: 1px solid #FFFFFF; transition: all 0.35s ease-in-out 0s;} .spip-content .main .wrapper .content .box-texte .inner-txt{ padding: 7px 7px 7px 7px; border-radius: 10px 0px 0px 10px;} .spip-content .main .wrapper .content .box-texte .inner-txt .bg-texte{ width: 911px; height: 534px; padding: 0px 10px 10px 10px ; border-radius: 7px 0px 0px 7px; background-color: rgba(255, 255, 255, 0.85); border: 1px solid #fff;} .spip-content .main .wrapper .content .box-texte .inner-txt .bg-texte .texte{ border-radius: 5px; color: #808080; float: left; font-family: Arial,Helvetica,sans-serif; font-size: 14px; line-height: 17px; overflow: auto; padding: 30px 40px 20px 0; text-align: left; width: 881px; height: 494px; } p { margin: 0 0 0px;} /*** TEXTE DE LA RUBRIQUE-B 1280x900px *****/ .spip-content .main .wrapper .content .texte-rub1{ border-radius: 8px; font-size: 14px; height: 48px; left: 120px; line-height: 18px; padding: 10px 90px 0; top: 120px; width: 770px;} .spip-content .main #menu_rubriques1 { width: 1600px; height: 350px; left: 70px; margin-top: 240px;} .spip-content .main #menu_rubriques1 li{ font-size: .8em; margin-left: -1px; margin-top: -15px; } /*** DESCRIPTIF SSRUB 1280x900px *****/ .spip-content .main .wrapper .content .descriptif-ssrub{ background-color: rgba(241, 241, 241, 0.85); border: 1px solid #FFFFFF; border-radius: 8px 8px 0 0; color: #555555; float: left; font-family: Arial,Helvetica,sans-serif; font-size: 16px; height: 43px; left: 110px; line-height: 18px; padding: 10px 110px 5px; position: absolute; text-align: left; top: 90px; width: 745px;} /*** TAILLE DE L'IMAGE DANS LE CORPS DE TEXTE SPIP 1280x900px *****/ .spip_documents_left img{width: 80px; height: 80px; margin-left: 57px; margin-top: -12px; background-color: #fbfbfb;} /*** PARTICULARITE RUBRIQUE FORMULAIRE 1280x900px *****/ .spip-content .main .wrapper .content .box-texte .inner-txt-formulaire{ padding: 7px 7px 7px 7px; border-radius: 10px 0px 0px 10px; font-family: Arial,Helvetica,sans-serif; text-align: left;} .spip-content .main .wrapper .content .box-texte .inner-txt-formulaire .bg-texte-formulaire{ background-color: rgba(255, 255, 255, 0.85); border: 1px solid #FFFFFF; border-radius: 5px; color: #808080; float: left; font-family: Arial,Helvetica,sans-serif; font-size: 17px; line-height: 19px; overflow: auto; padding: 0px; text-align: left; width: 949px; height: 543px;} /*** PARTICULARITE RUBRIQUE SIMPLE 1280x900px *****/ .spip-content .main .wrapper .content .box-texte .inner-txt-simple{ padding: 7px 7px 7px 7px; border-radius: 10px 0px 0px 10px; font-family: Arial,Helvetica,sans-serif; text-align: left;} .spip-content .main .wrapper .content .box-texte .inner-txt-simple .bg-texte-simple{ background-color: rgba(255, 255, 255, 0.85); border: 1px solid #FFFFFF; border-radius: 5px; color: #808080; float: left; font-family: Arial,Helvetica,sans-serif; font-size: 16px; height: 464px; line-height: 18px; overflow: auto; padding: 40px 100px; text-align: left; width: 749px;} /*** TEXTE DES SSRUBRIQUES BLUE, GREEN, YELLOW, ORANGE, RED 1280x900px *****/ .spip-content .main .wrapper .content .box-texte{ position: absolute; top: 149px; left: 110px; width: 965px; height: 560px; z-index: 10; text-shadow: none; border-radius: 0px 0px 12px 12px; background-color: rgba(255, 255, 255, 0.25); border: 1px solid #FFFFFF; } .spip-content .main .wrapper .content .box-texte .inner-txt{ padding: 7px 7px 7px 7px; border-radius: 10px 0px 0px 10px;} .spip-content .main .wrapper .content .box-texte .inner-txt .bg-texte{ width: 790px; height: 534px; padding: 0px 10px 10px 10px ; border-radius: 7px 0px 0px 7px; background-color: rgba(255, 255, 255, 0.85); border: 1px solid #fff;} .spip-content .main .wrapper .content .box-texte .inner-txt .bg-texte .texte{ float: left; overflow: auto; width: 750px; height: 524px; padding: 20px 50px 0px 0px; border-radius: 5px; color: #808080; font-family: Arial,Helvetica,sans-serif; text-align: left; font-size: 14px; line-height: 17px;} /*** POUR LE PETIT MENU des SOUS RUBRIQUES en haut à droite 1280x900px *****/ .spip-content .main #menu_rubriques1 { position: absolute; text-align: left; width: 118px; height: 560px; z-index: 1000; top: -91px; padding-right: 20px; left: 937px; background-color: rgba(241, 241, 241, 0.7); border-top-left-radius: 0px; border-bottom-left-radius: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 12px; border: 1px solid #fff; } .spip-content .main #menu_rubriques1 li{ font-size: .8em; margin-left: -1px; list-style: none; float: right; margin-top: -15px; } .spip-content .main #menu_rubriques1 li ul li{ font-size: 1em; margin-left: 0em;} .spip-content .main #menu_rubriques1 { list-style-type:none; } .spip-content .main #menu_rubriques1 li { list-style-type: none; } .spip-content .main #menu_rubriques1 li li { list-style-type: none; } .spip-content .main #menu_rubriques1 li li li { list-style-type: none; } .spip-content .main #menu_rubriques1 hr {margin : 0.7em 0;} .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li { width: 114px; } .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li:hover { width: 114px; } .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li .spip_logos_rappel { height: 120px; width: 120px; margin-bottom: 10px; padding-left: 3px; margin-top: 17px;} .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li:hover .spip_logos_rappel {} .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li .spip_titre_rappel { position: absolute; width: 120px; margin-top: -24px; margin-left: 4px; font-family: "Fugaz One"; text-align: center; font-size: 14px; line-height: 16px; list-style: none;} .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li:hover .spip_titre_rappel { } /*** Les currents 1280x900px ***/ .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li .nav_current_rub{ display: none;width: 120px; } .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li .nav_current_rub .spip_logos_rappel { width: 80px; height: 80px; padding-left: 18px; padding-top: 18px; padding-bottom: 10px;} .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li .nav_current_rub .spip_titre_rappel { position: absolute; width: 120px; margin-top: -14px; margin-left:-1px; text-align: center; font-size: 14px; line-height: 14px; list-style: none; } /*** FIN de 1280x900px *****/ } /***** MEDIA QUERY SOUS MON AILE 1280x1024px *****/ @media screen and (min-width: 1200px) and (max-width: 1359px) and (min-height: 1024px) and (max-height: 1049px){ /**** SPIP CONTENT 1280x1024px *****/ .contenu-mobil.spip-content{ display: none;} .contenu-desktop.spip-content{ display: block; width: 1172px; height: 761px; margin-top: 0px;} /*** FIL d'ARIANE SPIP 1280x1024px *****/ .spip-content .ariane{ width: 1160px; z-index:100; top: 0px;} .spip-content .ariane .arbo{ padding-left: 10px; padding-right: 10px; font-size: 12px; line-height: 32px; width: auto; text-shadow: 0 0 1px #FFFFFF, 0 0 1px #FFFFFF, 0 0 2px #FFFFFF, 0 0 5px #FFFFFF;} /*** CONTNER CONTENU SPIP 1280x1024px *****/ .spip-content .main { width: 1170px; height: 590px; margin-left: 0px; top: 74px;} .spip-content .main .wrapper .content { width: 1172px; height: 761px; } /*** TITRES TITRE DE LA RUBRIQUE-1 1280x1024px *****/ .titre-sma{ display: none; font-size: 20px; line-height: 2px; margin-top: 89px; padding-left: 138px; text-shadow: 0 0 1px #FFFFFF, 0 0 1px #FFFFFF, 0 0 2px #FFFFFF, 0 0 5px #FFFFFF, 0 0 10px #FFFFFF, 0 0 16px #FFFFFF; } .spip-content .main .wrapper .content .container2 { width: 1615px; margin-left:0px; margin-top: 0px;} /*** TITRES TITRE DE LA SOUS-RUBRIQUE-1 1280x1024px *****/ h1.titre-sma-rub1, h1.titre-sma-ssrub{ font-size: 32px; left: 120px; line-height: 125px; top: 0px; text-shadow: 0 0 1px #FFFFFF, 0 0 1px #FFFFFF, 0 0 2px #FFFFFF, 0 0 5px #FFFFFF, 0 0 10px #FFFFFF, 0 0 16px #FFFFFF;} h1.titre-sma-rub1 .spip_logos , h1.titre-sma-ssrub .spip_logos { margin: 11px 0 0 -56px; width: 110px; height: 110px; } h1.titre-sma-rub1 .descriptif, h1.titre-sma-ssrub .descriptif{ font-size: 20px; line-height: 2px; margin-top: -30px; margin-left: 0px; width : 1070px;} /*** TEXTE DE LA RUBRIQUE-1 1280x1024px *****/ .spip-content .main .wrapper .content .texte-rub1{ border-radius: 8px; font-size: 14px; height: 41px; left: 115px; line-height: 16px; padding: 7px 70px 0; top: 140px; width: 800px;} .spip-content .main #menu_rubriques2 { width: 1185px; height: 350px; left: -13px; margin-top: 220px;} .spip-content .main #menu_rubriques2 li{ font-size: .8em; margin-left: -1px; margin-top: -15px; } /*** LES BLOCS 1280x1024px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li { width: 227px; height: 282px; z-index: 1;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:hover{ width: 227px; height: 282px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child{ left: 930px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2){ left: 700px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3){ left: 480px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4){ left: 260px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child{ left: 50px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child {border-top-right-radius: 16px; border-bottom-right-radius: 16px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2), .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3), .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4){ margin-left: 10px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child{ border-top-left-radius: 16px; border-bottom-left-radius: 16px; } /*** LES CADRES-INNER 1280x1024px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner{ width: 227px; height: 279px; padding-top: 7px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child:hover .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2):hover .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3):hover .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4):hover .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child:hover .cadre-inner{ width: 227px; height: 279px; padding-top: 7px; } .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner { border-top-right-radius: 15px; border-bottom-right-radius: 15px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner{} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner { border-top-left-radius: 15px; border-bottom-left-radius: 15px;} /*** LES CADRES-ITEM 1280x1024px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item{ width: 209px; height: 486px; margin-left: 7px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item{ border-top-left-radius: 12px; border-bottom-left-radius: 12px; border-top-right-radius: 12px; border-bottom-right-radius: 12px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item{ border-top-left-radius: 12px; border-bottom-left-radius: 12px; border-top-right-radius: 12px; border-bottom-right-radius: 12px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item{ border-top-left-radius: 12px; border-bottom-left-radius: 12px; border-top-right-radius: 12px; border-bottom-right-radius: 12px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child:hover .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2):hover .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3):hover .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4):hover .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child:hover .cadre-inner .cadre-item{ box-shadow: 0 0 2px #FFFFFF, 0 0 5px #FFFFFF, 0 0 10px #ffffff, 0 0 18px #ffffff; } .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child:hover .cadre-inner .cadre-item{ border-top-left-radius: 12px; border-bottom-left-radius: 12px; border-top-right-radius: 12px; border-bottom-right-radius: 12px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2):hover .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3):hover .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4):hover .cadre-inner .cadre-item{ border-top-left-radius: 12px; border-bottom-left-radius: 12px; border-top-right-radius: 12px; border-bottom-right-radius: 12px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child:hover .cadre-inner .cadre-item{ border-top-left-radius: 12px; border-bottom-left-radius: 12px; border-top-right-radius: 12px; border-bottom-right-radius: 12px;} /*** LES CADRES-ITEM-FINAL 1280x1024px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final{ width: 193px; height: 470px; margin-left: 7px; margin-top: 7px; } /*** CADRE ITEM FIX ***/ /*** Gradient Red ***/ /*** Gradient Orange ***/ /*** Gradient Yellow ***/ /*** Gradient Green ***/ /*** Gradient Blue ***/ /** COLOR INSIDE = DEGRADE GRIS 1280x1024px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final .color-inside{ width: 185px; height: 462px; left: 19px; margin-top: 3px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final .color-inside{ border-top-left-radius: 4px; border-bottom-left-radius: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final .color-inside{ border-top-left-radius: 4px; border-bottom-left-radius: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final .color-inside{ border-top-left-radius: 4px; border-bottom-left-radius: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final{ border-top-left-radius: 7px; border-bottom-left-radius: 7px; border-top-right-radius: 7px; border-bottom-right-radius: 7px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final{ border-top-left-radius: 7px; border-bottom-left-radius: 7px; border-top-right-radius: 7px; border-bottom-right-radius: 7px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final{ border-top-left-radius: 7px; border-bottom-left-radius: 7px; border-top-right-radius: 7px; border-bottom-right-radius: 7px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child:hover .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2):hover .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3):hover .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4):hover .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child:hover .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child:hover .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2):hover .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3):hover .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4):hover .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child:hover .cadre-inner .cadre-item .cadre-item-final{ width: 193px; height: 470px; margin-left: 7px; margin-top: 7px;} /*** Les LOGOS 1280x1024px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .spip_logos_rappel{ height: 250px; margin-left: -15px; margin-top: 0; width: 250px; position: absolute;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child:hover .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2):hover .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3):hover .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4):hover .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child:hover .cadre-inner .spip_logos_rappel{ height: 250px; margin-left: -15px; margin-top: 0; width: 250px;} /*** Les TITRES 1280x1024px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li .spip_titre_rappel{ font-size: 21px; line-height: 23px; margin-left: -16px; padding: 10px 40px; text-align: center; text-shadow: 0 0 1px #FFFFFF, 0 0 1px #FFFFFF, 0 0 2px #FFFFFF, 0 0 5px #FFFFFF, 0 0 10px #FFFFFF, 0 0 16px #FFFFFF; top: 200px; width: 141px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:hover .spip_titre_rappel{ text-shadow: 0 0 1px #FFFFFF, 0 0 1px #FFFFFF, 0 0 2px #FFFFFF, 0 0 5px #FFFFFF, 0 0 10px #FFFFFF, 0 0 16px #FFFFFF;} /*** Les DESCRIPTIFS V1 avec titre sur 1 ligne 1280x1024px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li .spip_descriptif_item-rappel{ display: block; width: 200px; margin-top: 0px; margin-left: 19px; font-size: 13px; line-height: 15px; padding: 10px 5px 1px 15px; border-radius: 10px;} /*** Les DESCRIPTIFS V2 avec titre sur 2 lignes 1280x1024px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li .spip_descriptif_item-rappel2{ border-radius: 5px; display: block; font-size: 11px; height: 153px; line-height: 13px; margin-left: 5px; margin-top: 285px; padding: 10px 8px 1px; width: 157px;} /*** POUR Les BTNS COULEURS(noir en fait) 1280x1024px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final .color-inside .mon-btn-color, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final .color-inside .mon-btn-color, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final .color-inside .mon-btn-color, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final .color-inside .mon-btn-color, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final .color-inside .mon-btn-color{ border-radius: 10px; color: #FFFFFF; font-size: 12px; left: 0; line-height: 8px; margin-left: 48px; margin-top: -50px; padding: 10px; width: 38.5%; z-index: 1000;} /*** POUR Les BTNS NOIR 1280x1024px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final-fix .color-inside .mon-btn, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside .mon-btn, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside .mon-btn, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside .mon-btn, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final-fix .color-inside .mon-btn{ left: 0px; width: 36%; font-size: 16px; line-height: 16px; padding-left: 10px; padding-right: 10px; padding-top: 10px; padding-bottom: 10px; border-radius: 10px; margin-left: 74px; margin-top: 18px; } /******************************************************************************* LES SOUS-RUBRIQUE DE CONTENU 1280x1024px ************************************************************************************/ /*** CONTENU RUBRIQUES ITEMS 1280x1024px *****/ .spip-content .main .wrapper .content .box-texte{ position: absolute; top: 149px; left: 110px; border-radius: 10px 0px 0px 10px; width: 965px; height: 640px; z-index: 10; text-shadow: none; border-radius: 0px 0px 12px 12px; background-color: rgba(255, 255, 255, 0.25); border: 1px solid #FFFFFF; transition: all 0.35s ease-in-out 0s;} .spip-content .main .wrapper .content .box-texte .inner-txt{ padding: 7px 7px 7px 7px; border-radius: 10px 0px 0px 10px;} .spip-content .main .wrapper .content .box-texte .inner-txt .bg-texte{ width: 790px; height: 614px; padding: 0px 10px 10px 10px ; border-radius: 7px 0px 0px 7px; background-color: rgba(255, 255, 255, 0.85); border: 1px solid #fff;} .spip-content .main .wrapper .content .box-texte .inner-txt .bg-texte .texte{ border-radius: 5px; color: #808080; float: left; font-family: Arial,Helvetica,sans-serif; font-size: 15px; line-height: 17px; overflow: auto; padding: 50px 70px 20px 0; text-align: left; width: 730px; height: 554px;} p { margin: 0 0 0px;} /*** TEXTE DE LA RUBRIQUE-B 1280x1024px *****/ .spip-content .main #menu_rubriques1 { width: 1600px; height: 350px; left: 70px; margin-top: 240px;} .spip-content .main #menu_rubriques1 li{ font-size: .8em; margin-left: -1px; margin-top: -15px; } /*** DESCRIPTIF SSRUB 1280x1024px *****/ .spip-content .main .wrapper .content .descriptif-ssrub{ background-color: rgba(241, 241, 241, 0.85); border: 1px solid #FFFFFF; border-radius: 8px 8px 0 0; color: #555555; float: left; font-family: Arial,Helvetica,sans-serif; font-size: 16px; height: 43px; left: 110px; line-height: 18px; padding: 10px 110px 5px; position: absolute; text-align: left; top: 90px; width: 745px;} /*** TAILLE DE L'IMAGE DANS LE CORPS DE TEXTE SPIP 1280x1024px *****/ .spip_documents_left img{width: 100px; height: 100px; margin-left: 37px; margin-top: -18px; background-color: #fbfbfb;} /*** PARTICULARITE RUBRIQUE FORMULAIRE 1280x1024px *****/ .spip-content .main .wrapper .content .box-texte .inner-txt-formulaire{ padding: 7px 7px 7px 7px; border-radius: 10px 0px 0px 10px; font-family: Arial,Helvetica,sans-serif; text-align: left;} .spip-content .main .wrapper .content .box-texte .inner-txt-formulaire .bg-texte-formulaire{ background-color: rgba(255, 255, 255, 0.85); border: 1px solid #FFFFFF; border-radius: 5px; color: #808080; float: left; font-family: Arial,Helvetica,sans-serif; font-size: 17px; line-height: 19px; overflow: auto; padding: 0px; text-align: left; width: 949px; height: 624px;} /*** PARTICULARITE RUBRIQUE SIMPLE 1280x1024px *****/ .spip-content .main .wrapper .content .box-texte .inner-txt-simple{ padding: 7px 7px 7px 7px; border-radius: 10px 0px 0px 10px; font-family: Arial,Helvetica,sans-serif; text-align: left;} .spip-content .main .wrapper .content .box-texte .inner-txt-simple .bg-texte-simple{ background-color: rgba(255, 255, 255, 0.85); border: 1px solid #FFFFFF; border-radius: 5px; color: #808080; float: left; font-family: Arial,Helvetica,sans-serif; font-size: 16px; height: 544px; line-height: 18px; overflow: auto; padding: 40px 100px; text-align: left; width: 749px;} /*** POUR LE PETIT MENU des SOUS RUBRIQUES en haut à droite 1280x1024x *****/ .spip-content .main #menu_rubriques1 { position: absolute; text-align: left; width: 118px; height: 640px; z-index: 1000; top: -91px; padding-right: 20px; left: 937px; background-color: rgba(241, 241, 241, 0.7); border-top-left-radius: 0px; border-bottom-left-radius: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 12px; border: 1px solid #fff; } .spip-content .main #menu_rubriques1 li{ font-size: .8em; margin-left: -1px; list-style: none; float: right; margin-top: -15px; } .spip-content .main #menu_rubriques1 li ul li{ font-size: 1em; margin-left: 0em;} .spip-content .main #menu_rubriques1 { list-style-type:none; } .spip-content .main #menu_rubriques1 li { list-style-type: none; } .spip-content .main #menu_rubriques1 li li { list-style-type: none; } .spip-content .main #menu_rubriques1 li li li { list-style-type: none; } .spip-content .main #menu_rubriques1 hr {margin : 0.7em 0;} .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li { width: 114px; } .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li:hover { width: 114px; } .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li .spip_logos_rappel { height: 130px; width: 130px; margin-bottom: 10px; padding-left: 0px; margin-top: 20px;} .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li:hover .spip_logos_rappel {} .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li .spip_titre_rappel { position: absolute; width: 120px; margin-top: -20px; margin-left: 4px; font-family: "Fugaz One"; text-align: center; font-size: 16px; line-height: 18px; list-style: none;} .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li:hover .spip_titre_rappel { } /*** Les currents 1280x1024px ***/ .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li .nav_current_rub{ display: none;width: 120px; } .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li .nav_current_rub .spip_logos_rappel { width: 80px; height: 80px; padding-left: 18px; padding-top: 18px; padding-bottom: 10px;} .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li .nav_current_rub .spip_titre_rappel { position: absolute; width: 120px; margin-top: -14px; margin-left:-1px; text-align: center; font-size: 14px; line-height: 14px; list-style: none; } /*** FIN de 1280x1024px *****/ } /***** MEDIA QUERY SOUS MON AILE 1280x1050px *****/ @media screen and (min-width: 1200px) and (max-width: 1359px) and (min-height: 1050px) and (max-height: 1080px){ /**** SPIP CONTENT 1280x1050px *****/ .contenu-mobil.spip-content{ display: none;} .contenu-desktop.spip-content{ display: block; width: 1172px; height: 841px; margin-top: 0px;} /*** FIL d'ARIANE SPIP 1280x1050px *****/ .spip-content .ariane{ width: 1160px; z-index:100; top: 5px} .spip-content .ariane .arbo{ padding-left: 10px; padding-right: 10px; font-size: 12px; line-height: 22px; width: auto; margin-top: 0px; text-shadow: 0 0 1px #FFFFFF, 0 0 1px #FFFFFF, 0 0 2px #FFFFFF, 0 0 5px #FFFFFF;} /*** CONTNER CONTENU SPIP 1280x1050px *****/ .spip-content .main { width: 1170px; height: 590px; margin-left: 0px; top: 114px;} .spip-content .main .wrapper .content { width: 1172px; height: 761px; } /*** TITRES TITRE DE LA RUBRIQUE-1 1280x1050px *****/ .titre-sma{ display: none; font-size: 20px; line-height: 2px; margin-top: 89px; padding-left: 138px; text-shadow: 0 0 1px #FFFFFF, 0 0 1px #FFFFFF, 0 0 2px #FFFFFF, 0 0 5px #FFFFFF, 0 0 10px #FFFFFF, 0 0 16px #FFFFFF; } .spip-content .main .wrapper .content .container2 { width: 1172px; margin-left:0px; margin-top: 0px;} /*** TITRES TITRE DE LA SOUS-RUBRIQUE-1 1280x1050px *****/ h1.titre-sma-rub1, h1.titre-sma-ssrub{ font-size: 42px; margin-left: 116px; line-height: 135px; top: -10px; text-shadow: 0 0 1px #FFFFFF, 0 0 1px #FFFFFF, 0 0 2px #FFFFFF, 0 0 5px #FFFFFF, 0 0 10px #FFFFFF, 0 0 16px #FFFFFF;} h1.titre-sma-rub1 .spip_logos , h1.titre-sma-ssrub .spip_logos { margin: 11px 0 0 -56px; width: 120px; height: 120px; } h1.titre-sma-rub1 .descriptif, h1.titre-sma-ssrub .descriptif{ font-size: 20px; line-height: 2px; top: 100px; margin-left: 0px; width : 970px;} /*** TEXTE DE LA RUBRIQUE-1 1280x1050px *****/ .spip-content .main .wrapper .content .texte-rub1{ border-radius: 8px; font-size: 14px; height: 41px; left: 115px; line-height: 16px; padding: 7px 70px 0; top: 140px; width: 800px;} .spip-content .main #menu_rubriques2 { width: 1170px; height: 350px; left: -13px; margin-top: 240px;} .spip-content .main #menu_rubriques2 li{ font-size: .8em; margin-left: -1px; margin-top: -15px; } /*** LES BLOCS 1280x1050px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li { width: 227px; height: 282px; z-index: 1;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:hover{ width: 227px; height: 282px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child{ left: 930px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2){ left: 700px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3){ left: 480px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4){ left: 260px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child{ left: 50px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child {border-top-right-radius: 16px; border-bottom-right-radius: 16px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2), .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3), .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4){ margin-left: 10px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child{ border-top-left-radius: 16px; border-bottom-left-radius: 16px; } /*** LES CADRES-INNER 1280x1050px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner{ width: 227px; height: 279px; padding-top: 7px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child:hover .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2):hover .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3):hover .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4):hover .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child:hover .cadre-inner{ width: 227px; height: 279px; padding-top: 7px; } .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner { border-top-right-radius: 15px; border-bottom-right-radius: 15px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner{} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner { border-top-left-radius: 15px; border-bottom-left-radius: 15px;} /*** LES CADRES-ITEM 1280x1050px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item{ width: 209px; height: 486px; margin-left: 7px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item{ border-top-left-radius: 12px; border-bottom-left-radius: 12px; border-top-right-radius: 12px; border-bottom-right-radius: 12px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item{ border-top-left-radius: 12px; border-bottom-left-radius: 12px; border-top-right-radius: 12px; border-bottom-right-radius: 12px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item{ border-top-left-radius: 12px; border-bottom-left-radius: 12px; border-top-right-radius: 12px; border-bottom-right-radius: 12px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child:hover .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2):hover .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3):hover .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4):hover .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child:hover .cadre-inner .cadre-item{ box-shadow: 0 0 2px #FFFFFF, 0 0 5px #FFFFFF, 0 0 10px #ffffff, 0 0 18px #ffffff; } .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child:hover .cadre-inner .cadre-item{ border-top-left-radius: 12px; border-bottom-left-radius: 12px; border-top-right-radius: 12px; border-bottom-right-radius: 12px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2):hover .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3):hover .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4):hover .cadre-inner .cadre-item{ border-top-left-radius: 12px; border-bottom-left-radius: 12px; border-top-right-radius: 12px; border-bottom-right-radius: 12px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child:hover .cadre-inner .cadre-item{ border-top-left-radius: 12px; border-bottom-left-radius: 12px; border-top-right-radius: 12px; border-bottom-right-radius: 12px;} /*** LES CADRES-ITEM-FINAL 1280x1050px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final{ width: 193px; height: 470px; margin-left: 7px; margin-top: 7px; } /*** CADRE ITEM FIX ***/ /*** Gradient Red ***/ /*** Gradient Orange ***/ /*** Gradient Yellow ***/ /*** Gradient Green ***/ /*** Gradient Blue ***/ /** COLOR INSIDE = DEGRADE GRIS 1280x1050px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final .color-inside{ width: 185px; height: 462px; left: 19px; margin-top: 3px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final .color-inside{ border-top-left-radius: 4px; border-bottom-left-radius: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final .color-inside{ border-top-left-radius: 4px; border-bottom-left-radius: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final .color-inside{ border-top-left-radius: 4px; border-bottom-left-radius: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final{ border-top-left-radius: 7px; border-bottom-left-radius: 7px; border-top-right-radius: 7px; border-bottom-right-radius: 7px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final{ border-top-left-radius: 7px; border-bottom-left-radius: 7px; border-top-right-radius: 7px; border-bottom-right-radius: 7px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final{ border-top-left-radius: 7px; border-bottom-left-radius: 7px; border-top-right-radius: 7px; border-bottom-right-radius: 7px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child:hover .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2):hover .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3):hover .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4):hover .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child:hover .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child:hover .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2):hover .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3):hover .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4):hover .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child:hover .cadre-inner .cadre-item .cadre-item-final{ width: 193px; height: 470px; margin-left: 7px; margin-top: 7px;} /*** Les LOGOS 1280x1050px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .spip_logos_rappel{ height: 250px; margin-left: -15px; margin-top: 0; width: 250px; position: absolute;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child:hover .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2):hover .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3):hover .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4):hover .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child:hover .cadre-inner .spip_logos_rappel{ height: 250px; margin-left: -15px; margin-top: 0; width: 250px;} /*** Les TITRES 1280x1050px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li .spip_titre_rappel{ font-size: 21px; line-height: 23px; margin-left: -16px; padding: 10px 40px; text-align: center; text-shadow: 0 0 1px #FFFFFF, 0 0 1px #FFFFFF, 0 0 2px #FFFFFF, 0 0 5px #FFFFFF, 0 0 10px #FFFFFF, 0 0 16px #FFFFFF; top: 200px; width: 141px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:hover .spip_titre_rappel{ text-shadow: 0 0 1px #FFFFFF, 0 0 1px #FFFFFF, 0 0 2px #FFFFFF, 0 0 5px #FFFFFF, 0 0 10px #FFFFFF, 0 0 16px #FFFFFF;} /*** Les DESCRIPTIFS V1 avec titre sur 1 ligne 1280x1050px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li .spip_descriptif_item-rappel{ display: block; width: 200px; margin-top: 0px; margin-left: 19px; font-size: 13px; line-height: 15px; padding: 10px 5px 1px 15px; border-radius: 10px;} /*** Les DESCRIPTIFS V2 avec titre sur 2 lignes 1280x1050px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li .spip_descriptif_item-rappel2{border-radius: 5px; display: block; font-size: 11px; height: 153px; line-height: 13px; margin-left: 5px; margin-top: 285px; padding: 10px 8px 1px; width: 157px;} /*** POUR Les BTNS COULEURS(noir en fait) 1280x1050px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final .color-inside .mon-btn-color, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final .color-inside .mon-btn-color, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final .color-inside .mon-btn-color, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final .color-inside .mon-btn-color, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final .color-inside .mon-btn-color{ border-radius: 10px; color: #FFFFFF; font-size: 12px; left: 0; line-height: 8px; margin-left: 48px; margin-top: -50px; padding: 10px; width: 38.5%; z-index: 1000;} /*** POUR Les BTNS NOIR 1280x1050px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final-fix .color-inside .mon-btn, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside .mon-btn, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside .mon-btn, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside .mon-btn, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final-fix .color-inside .mon-btn{ left: 0px; width: 36%; font-size: 16px; line-height: 16px; padding-left: 10px; padding-right: 10px; padding-top: 10px; padding-bottom: 10px; border-radius: 10px; margin-left: 74px; margin-top: 18px; } /******************************************************************************* LES SOUS-RUBRIQUE DE CONTENU 1280x1050px ************************************************************************************/ /*** CONTENU RUBRIQUES ITEMS 1280x1050px *****/ .spip-content .main .wrapper .content .box-texte{ position: absolute; top: 149px; left: 110px; border-radius: 10px 0px 0px 10px; width: 965px; height: 640px; z-index: 10; text-shadow: none; border-radius: 0px 0px 12px 12px; background-color: rgba(255, 255, 255, 0.25); border: 1px solid #FFFFFF; transition: all 0.35s ease-in-out 0s;} .spip-content .main .wrapper .content .box-texte .inner-txt{ padding: 7px 7px 7px 7px; border-radius: 10px 0px 0px 10px;} .spip-content .main .wrapper .content .box-texte .inner-txt .bg-texte{ width: 790px; height: 614px; padding: 0px 10px 10px 10px ; border-radius: 7px 0px 0px 7px; background-color: rgba(255, 255, 255, 0.85); border: 1px solid #fff;} .spip-content .main .wrapper .content .box-texte .inner-txt .bg-texte .texte{ border-radius: 5px; color: #808080; float: left; font-family: Arial,Helvetica,sans-serif; font-size: 15px; line-height: 17px; overflow: auto; padding: 50px 70px 20px 0; text-align: left; width: 730px; height: 554px;} p { margin: 0 0 0px;} /*** TEXTE DE LA RUBRIQUE-B 1280x1050px *****/ .spip-content .main #menu_rubriques1 { width: 1600px; height: 350px; left: 70px; margin-top: 240px;} .spip-content .main #menu_rubriques1 li{ font-size: .8em; margin-left: -1px; margin-top: -15px; } /*** DESCRIPTIF SSRUB 1280x1050px *****/ .spip-content .main .wrapper .content .descriptif-ssrub{ background-color: rgba(241, 241, 241, 0.85); border: 1px solid #FFFFFF; border-radius: 8px 8px 0 0; color: #555555; float: left; font-family: Arial,Helvetica,sans-serif; font-size: 16px; height: 43px; left: 110px; line-height: 18px; padding: 10px 110px 5px; position: absolute; text-align: left; top: 90px; width: 745px;} /*** TAILLE DE L'IMAGE DANS LE CORPS DE TEXTE SPIP 1280x1050px *****/ .spip_documents_left img{width: 100px; height: 100px; margin-left: 37px; margin-top: -18px; background-color: #fbfbfb;} /*** PARTICULARITE RUBRIQUE FORMULAIRE 1280x1050px *****/ .spip-content .main .wrapper .content .box-texte .inner-txt-formulaire{ padding: 7px 7px 7px 7px; border-radius: 10px 0px 0px 10px; font-family: Arial,Helvetica,sans-serif; text-align: left;} .spip-content .main .wrapper .content .box-texte .inner-txt-formulaire .bg-texte-formulaire{ background-color: rgba(255, 255, 255, 0.85); border: 1px solid #FFFFFF; border-radius: 5px; color: #808080; float: left; font-family: Arial,Helvetica,sans-serif; font-size: 17px; line-height: 19px; overflow: auto; padding: 0px; text-align: left; width: 949px; height: 624px;} /*** PARTICULARITE RUBRIQUE SIMPLE 1280x1050px *****/ .spip-content .main .wrapper .content .box-texte .inner-txt-simple{ padding: 7px 7px 7px 7px; border-radius: 10px 0px 0px 10px; font-family: Arial,Helvetica,sans-serif; text-align: left;} .spip-content .main .wrapper .content .box-texte .inner-txt-simple .bg-texte-simple{ background-color: rgba(255, 255, 255, 0.85); border: 1px solid #FFFFFF; border-radius: 5px; color: #808080; float: left; font-family: Arial,Helvetica,sans-serif; font-size: 16px; height: 544px; line-height: 18px; overflow: auto; padding: 40px 100px; text-align: left; width: 749px;} /*** POUR LE PETIT MENU des SOUS RUBRIQUES en haut à droite 1280x1050px *****/ .spip-content .main #menu_rubriques1 { position: absolute; text-align: left; width: 118px; height: 640px; z-index: 1000; top: -91px; padding-right: 20px; left: 937px; background-color: rgba(241, 241, 241, 0.7); border-top-left-radius: 0px; border-bottom-left-radius: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 12px; border: 1px solid #fff; } .spip-content .main #menu_rubriques1 li{ font-size: .8em; margin-left: -1px; list-style: none; float: right; margin-top: -15px; } .spip-content .main #menu_rubriques1 li ul li{ font-size: 1em; margin-left: 0em;} .spip-content .main #menu_rubriques1 { list-style-type:none; } .spip-content .main #menu_rubriques1 li { list-style-type: none; } .spip-content .main #menu_rubriques1 li li { list-style-type: none; } .spip-content .main #menu_rubriques1 li li li { list-style-type: none; } .spip-content .main #menu_rubriques1 hr {margin : 0.7em 0;} .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li { width: 114px; } .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li:hover { width: 114px; } .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li .spip_logos_rappel { height: 130px; width: 130px; margin-bottom: 10px; padding-left: 0px; margin-top: 20px;} .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li:hover .spip_logos_rappel {} .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li .spip_titre_rappel { position: absolute; width: 120px; margin-top: -20px; margin-left: 4px; font-family: "Fugaz One"; text-align: center; font-size: 16px; line-height: 18px; list-style: none;} .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li:hover .spip_titre_rappel { } /*** Les currents 1280x1050px ***/ .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li .nav_current_rub{ display: none;width: 120px; } .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li .nav_current_rub .spip_logos_rappel { width: 80px; height: 80px; padding-left: 18px; padding-top: 18px; padding-bottom: 10px;} .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li .nav_current_rub .spip_titre_rappel { position: absolute; width: 120px; margin-top: -14px; margin-left:-1px; text-align: center; font-size: 14px; line-height: 14px; list-style: none; } /*** FIN de 1280x1050px *****/ } /***** MEDIA QUERY SOUS MON AILE 1280x1200px *****/ @media screen and (min-width: 1200px) and (max-width: 1359px) and (min-height: 1081px) and (max-height: 1549px){ /**** SPIP CONTENT 1280x1200px *****/ .contenu-mobil.spip-content{ display: none;} .contenu-desktop.spip-content{ display: block; width: 1172px; height: 821px; margin-top: 0px;} /*** FIL d'ARIANE SPIP 1280x1200px *****/ .spip-content .ariane{ width: 1160px; z-index:100; top: 10px;} .spip-content .ariane .arbo{ padding-left: 10px; padding-right: 10px; font-size: 18px; line-height: 18px; width: auto; text-shadow: 0 0 1px #FFFFFF, 0 0 1px #FFFFFF, 0 0 2px #FFFFFF, 0 0 5px #FFFFFF;} /*** CONTNER CONTENU SPIP 1280x1200px *****/ .spip-content .main { width: 1170px; height: 440px; margin-left: 0px; top: 114px;} .spip-content .main .wrapper .content { width: 1172px; height: 791px;} /*** TITRES TITRE DE LA RUBRIQUE-1 1280x1200px *****/ .titre-sma{ display: none; font-size: 20px; line-height: 2px; margin-top: 89px; padding-left: 138px; text-shadow: 0 0 1px #FFFFFF, 0 0 1px #FFFFFF, 0 0 2px #FFFFFF, 0 0 5px #FFFFFF, 0 0 10px #FFFFFF, 0 0 16px #FFFFFF; } .spip-content .main .wrapper .content .container2 { width: 1300px; margin-left:0px; margin-top: 0px;} /*** TITRES TITRE DE LA SOUS-RUBRIQUE-1 1280x1200px *****/ h1.titre-sma-rub1, h1.titre-sma-ssrub{ font-size: 42px; left: 116px; line-height: 135px; top: -10px; text-shadow: 0 0 1px #FFFFFF, 0 0 1px #FFFFFF, 0 0 2px #FFFFFF, 0 0 5px #FFFFFF, 0 0 10px #FFFFFF, 0 0 16px #FFFFFF;} h1.titre-sma-rub1 .spip_logos , h1.titre-sma-ssrub .spip_logos { margin: 11px 0 0 -56px; width: 120px; height: 120px; } h1.titre-sma-rub1 .descriptif, h1.titre-sma-ssrub .descriptif{ font-size: 20px; line-height: 2px; top: 100px; left: 0px; width : 930px;} /*** TEXTE DE LA RUBRIQUE-1 1280x1200px *****/ .spip-content .main .wrapper .content .texte-rub1{ border-radius: 8px; font-size: 14px; height: 41px; left: 115px; line-height: 16px; padding: 7px 70px 0; top: 140px; width: 800px;} .spip-content .main #menu_rubriques2 { width: 1170px; height: 350px; left: -15px; margin-top: 240px;} .spip-content .main #menu_rubriques2 li{ font-size: .8em; margin-left: -1px; margin-top: -15px; } /*** LES BLOCS 1280x1200px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li { width: 227px; height: 282px; z-index: 1;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:hover{ width: 227px; height: 282px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child{ left: 930px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2){ left: 700px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3){ left: 480px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4){ left: 260px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child{ left: 50px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child {border-top-right-radius: 16px; border-bottom-right-radius: 16px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2), .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3), .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4){ margin-left: 10px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child{ border-top-left-radius: 16px; border-bottom-left-radius: 16px; } /*** LES CADRES-INNER 1280x1200px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner{ width: 227px; height: 279px; padding-top: 7px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child:hover .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2):hover .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3):hover .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4):hover .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child:hover .cadre-inner{ width: 227px; height: 279px; padding-top: 7px; } .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner { border-top-right-radius: 15px; border-bottom-right-radius: 15px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner{} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner { border-top-left-radius: 15px; border-bottom-left-radius: 15px;} /*** LES CADRES-ITEM 1280x1200px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item{ width: 209px; height: 486px; margin-left: 7px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item{ border-top-left-radius: 12px; border-bottom-left-radius: 12px; border-top-right-radius: 12px; border-bottom-right-radius: 12px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item{ border-top-left-radius: 12px; border-bottom-left-radius: 12px; border-top-right-radius: 12px; border-bottom-right-radius: 12px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item{ border-top-left-radius: 12px; border-bottom-left-radius: 12px; border-top-right-radius: 12px; border-bottom-right-radius: 12px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child:hover .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2):hover .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3):hover .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4):hover .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child:hover .cadre-inner .cadre-item{ box-shadow: 0 0 2px #FFFFFF, 0 0 5px #FFFFFF, 0 0 10px #ffffff, 0 0 18px #ffffff; } .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child:hover .cadre-inner .cadre-item{ border-top-left-radius: 12px; border-bottom-left-radius: 12px; border-top-right-radius: 12px; border-bottom-right-radius: 12px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2):hover .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3):hover .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4):hover .cadre-inner .cadre-item{ border-top-left-radius: 12px; border-bottom-left-radius: 12px; border-top-right-radius: 12px; border-bottom-right-radius: 12px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child:hover .cadre-inner .cadre-item{ border-top-left-radius: 12px; border-bottom-left-radius: 12px; border-top-right-radius: 12px; border-bottom-right-radius: 12px;} /*** LES CADRES-ITEM-FINAL 1280x1200px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final{ width: 193px; height: 470px; margin-left: 7px; margin-top: 7px; } /*** CADRE ITEM FIX ***/ /*** Gradient Red ***/ /*** Gradient Orange ***/ /*** Gradient Yellow ***/ /*** Gradient Green ***/ /*** Gradient Blue ***/ /** COLOR INSIDE = DEGRADE GRIS 1280x1200px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final .color-inside{ width: 185px; height: 462px; left: 19px; margin-top: 3px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final .color-inside{ border-top-left-radius: 4px; border-bottom-left-radius: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final .color-inside{ border-top-left-radius: 4px; border-bottom-left-radius: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final .color-inside{ border-top-left-radius: 4px; border-bottom-left-radius: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final{ border-top-left-radius: 7px; border-bottom-left-radius: 7px; border-top-right-radius: 7px; border-bottom-right-radius: 7px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final{ border-top-left-radius: 7px; border-bottom-left-radius: 7px; border-top-right-radius: 7px; border-bottom-right-radius: 7px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final{ border-top-left-radius: 7px; border-bottom-left-radius: 7px; border-top-right-radius: 7px; border-bottom-right-radius: 7px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child:hover .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2):hover .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3):hover .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4):hover .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child:hover .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child:hover .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2):hover .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3):hover .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4):hover .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child:hover .cadre-inner .cadre-item .cadre-item-final{ width: 193px; height: 470px; margin-left: 7px; margin-top: 7px;} /*** Les LOGOS 1280x1200px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .spip_logos_rappel{ height: 250px; margin-left: -15px; margin-top: 0; width: 250px; position: absolute;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child:hover .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2):hover .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3):hover .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4):hover .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child:hover .cadre-inner .spip_logos_rappel{ height: 250px; margin-left: -15px; margin-top: 0; width: 250px;} /*** Les TITRES 1280x1200px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li .spip_titre_rappel{ font-size: 21px; line-height: 23px; margin-left: -16px; padding: 10px 40px; text-align: center; text-shadow: 0 0 1px #FFFFFF, 0 0 1px #FFFFFF, 0 0 2px #FFFFFF, 0 0 5px #FFFFFF, 0 0 10px #FFFFFF, 0 0 16px #FFFFFF; top: 200px; width: 141px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:hover .spip_titre_rappel{ text-shadow: 0 0 1px #FFFFFF, 0 0 1px #FFFFFF, 0 0 2px #FFFFFF, 0 0 5px #FFFFFF, 0 0 10px #FFFFFF, 0 0 16px #FFFFFF;} /*** Les DESCRIPTIFS V1 avec titre sur 1 ligne 1280x1050px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li .spip_descriptif_item-rappel{ display: block; width: 200px; margin-top: 0px; margin-left: 19px; font-size: 13px; line-height: 15px; padding: 10px 5px 1px 15px; border-radius: 10px;} /*** Les DESCRIPTIFS V2 avec titre sur 2 lignes 1280x1200px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li .spip_descriptif_item-rappel2{ border-radius: 5px; display: block; font-size: 11px; height: 153px; line-height: 13px; margin-left: 5px; margin-top: 285px; padding: 10px 8px 1px; width: 157px;} /*** POUR Les BTNS COULEURS(noir en fait) 1280x1200px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final .color-inside .mon-btn-color, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final .color-inside .mon-btn-color, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final .color-inside .mon-btn-color, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final .color-inside .mon-btn-color, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final .color-inside .mon-btn-color{ border-radius: 10px; color: #FFFFFF; font-size: 12px; left: 0; line-height: 8px; margin-left: 48px; margin-top: -50px; padding: 10px; width: 38.5%; z-index: 1000;} /*** POUR Les BTNS NOIR 1280x1200px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final-fix .color-inside .mon-btn, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside .mon-btn, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside .mon-btn, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside .mon-btn, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final-fix .color-inside .mon-btn{ left: 0px; width: 36%; font-size: 16px; line-height: 16px; padding-left: 10px; padding-right: 10px; padding-top: 10px; padding-bottom: 10px; border-radius: 10px; margin-left: 74px; margin-top: 18px; } /******************************************************************************* LES SOUS-RUBRIQUE DE CONTENU 1280x1200px ************************************************************************************/ /*** CONTENU RUBRIQUES ITEMS 1280x1200px *****/ .spip-content .main .wrapper .content .box-texte{ position: absolute; top: 149px; left: 110px; border-radius: 10px 0px 0px 10px; width: 965px; height: 640px; z-index: 10; text-shadow: none; border-radius: 0px 0px 12px 12px; background-color: rgba(255, 255, 255, 0.25); border: 1px solid #FFFFFF; transition: all 0.35s ease-in-out 0s;} .spip-content .main .wrapper .content .box-texte .inner-txt{ padding: 7px 7px 7px 7px; border-radius: 10px 0px 0px 10px;} .spip-content .main .wrapper .content .box-texte .inner-txt .bg-texte{ width: 790px; height: 614px; padding: 0px 10px 10px 10px ; border-radius: 7px 0px 0px 7px; background-color: rgba(255, 255, 255, 0.85); border: 1px solid #fff;} .spip-content .main .wrapper .content .box-texte .inner-txt .bg-texte .texte{ border-radius: 5px; color: #808080; float: left; font-family: Arial,Helvetica,sans-serif; font-size: 15px; line-height: 17px; overflow: auto; padding: 50px 70px 20px 0; text-align: left; width: 730px; height: 554px;} p { margin: 0 0 0px;} /*** TEXTE DE LA RUBRIQUE-B 1280x1200px *****/ .spip-content .main #menu_rubriques1 { width: 1600px; height: 350px; left: 70px; margin-top: 240px;} .spip-content .main #menu_rubriques1 li{ font-size: .8em; margin-left: -1px; margin-top: -15px; } /*** DESCRIPTIF SSRUB 1280x1200px *****/ .spip-content .main .wrapper .content .descriptif-ssrub{ background-color: rgba(241, 241, 241, 0.85); border: 1px solid #FFFFFF; border-radius: 8px 8px 0 0; color: #555555; float: left; font-family: Arial,Helvetica,sans-serif; font-size: 16px; height: 43px; left: 110px; line-height: 18px; padding: 10px 110px 5px; position: absolute; text-align: left; top: 90px; width: 745px;} /*** TAILLE DE L'IMAGE DANS LE CORPS DE TEXTE SPIP 1280x1200px *****/ .spip_documents_left img{width: 100px; height: 100px; margin-left: 37px; margin-top: -18px; background-color: #fbfbfb;} /*** PARTICULARITE RUBRIQUE FORMULAIRE 1280x1200px *****/ .spip-content .main .wrapper .content .box-texte .inner-txt-formulaire{ padding: 7px 7px 7px 7px; border-radius: 10px 0px 0px 10px; font-family: Arial,Helvetica,sans-serif; text-align: left;} .spip-content .main .wrapper .content .box-texte .inner-txt-formulaire .bg-texte-formulaire{ background-color: rgba(255, 255, 255, 0.85); border: 1px solid #FFFFFF; border-radius: 5px; color: #808080; float: left; font-family: Arial,Helvetica,sans-serif; font-size: 17px; line-height: 19px; overflow: auto; padding: 0px; text-align: left; width: 949px; height: 623px;} /*** PARTICULARITE RUBRIQUE SIMPLE 1280x1200px *****/ .spip-content .main .wrapper .content .box-texte .inner-txt-simple{ padding: 7px 7px 7px 7px; border-radius: 10px 0px 0px 10px; font-family: Arial,Helvetica,sans-serif; text-align: left;} .spip-content .main .wrapper .content .box-texte .inner-txt-simple .bg-texte-simple{ background-color: rgba(255, 255, 255, 0.85); border: 1px solid #FFFFFF; border-radius: 5px; color: #808080; float: left; font-family: Arial,Helvetica,sans-serif; font-size: 16px; height: 544px; line-height: 18px; overflow: auto; padding: 40px 100px; text-align: left; width: 749px;} /*** POUR LE PETIT MENU des SOUS RUBRIQUES en haut à droite 1280x1200px *****/ .spip-content .main #menu_rubriques1 { position: absolute; text-align: left; width: 118px; height: 640px; z-index: 1000; top: -91px; padding-right: 20px; left: 937px; background-color: rgba(241, 241, 241, 0.7); border-top-left-radius: 0px; border-bottom-left-radius: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 12px; border: 1px solid #fff; } .spip-content .main #menu_rubriques1 li{ font-size: .8em; margin-left: -1px; list-style: none; float: right; margin-top: -15px; } .spip-content .main #menu_rubriques1 li ul li{ font-size: 1em; margin-left: 0em;} .spip-content .main #menu_rubriques1 { list-style-type:none; } .spip-content .main #menu_rubriques1 li { list-style-type: none; } .spip-content .main #menu_rubriques1 li li { list-style-type: none; } .spip-content .main #menu_rubriques1 li li li { list-style-type: none; } .spip-content .main #menu_rubriques1 hr {margin : 0.7em 0;} .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li { width: 114px; } .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li:hover { width: 114px; } .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li .spip_logos_rappel { height: 130px; width: 130px; margin-bottom: 10px; padding-left: 0px; margin-top: 20px;} .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li:hover .spip_logos_rappel {} .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li .spip_titre_rappel { position: absolute; width: 120px; margin-top: -20px; margin-left: 4px; font-family: "Fugaz One"; text-align: center; font-size: 16px; line-height: 18px; list-style: none;} .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li:hover .spip_titre_rappel { } /*** Les currents 1280x1200px ***/ .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li .nav_current_rub{ display: none;width: 120px; } .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li .nav_current_rub .spip_logos_rappel { width: 80px; height: 80px; padding-left: 18px; padding-top: 18px; padding-bottom: 10px;} .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li .nav_current_rub .spip_titre_rappel { position: absolute; width: 120px; margin-top: -14px; margin-left:-1px; text-align: center; font-size: 14px; line-height: 14px; list-style: none; } /*** FIN de 1280x1200px *****/ } /************************************************************************************************************************ ************************************** MEDIA QUERY SOUS MON AILE 1360px de largeur *********************************** *************************************************************************************************************************/ /***** MEDIA QUERY SOUS MON AILE 1360x600px *****/ @media screen and (min-width: 1360px) and (max-width: 1399px) and (min-height: 10px) and (max-height: 749px){ /**** SPIP CONTENT 1360x600px *****/ .contenu-mobil.spip-content{ display: none;} .contenu-desktop.spip-content{ display: block; width: 1302px; height: 468px; margin-top: 0px;} /*** FIL d'ARIANE SPIP 1360x600px *****/ .spip-content .ariane{ width: 1300px; z-index:100; top: 5px; } .spip-content .ariane .arbo{ padding-left: 10px; padding-right: 10px; font-size: 12px; line-height: 22px; width: auto; text-shadow: 0 0 1px #FFFFFF, 0 0 1px #FFFFFF, 0 0 2px #FFFFFF, 0 0 5px #FFFFFF;} /*** CONTNER CONTENU SPIP 1360x600px *****/ .spip-content .main { width: 1302px; height: 440px; margin-left: 0px; top: 74px;} .spip-content .main .wrapper .content { height: 418px; width: 1302px;} /*** TITRES TITRE DE LA RUBRIQUE-1 1360x600px *****/ .titre-sma{ display: none; font-size: 20px; line-height: 2px; margin-top: 89px; padding-left: 138px; text-shadow: 0 0 1px #FFFFFF, 0 0 1px #FFFFFF, 0 0 2px #FFFFFF, 0 0 5px #FFFFFF, 0 0 10px #FFFFFF, 0 0 16px #FFFFFF; } .spip-content .main .wrapper .content .container2 { width: 1615px; margin-left:0px; margin-top: 0px;} /*** TITRES TITRE DE LA SOUS-RUBRIQUE-1 1360x600px *****/ h1.titre-sma-rub1, h1.titre-sma-ssrub{ font-size: 24px; margin-left: 120px; line-height: 100px; margin-top: -30px; text-shadow: 0 0 1px #FFFFFF, 0 0 1px #FFFFFF, 0 0 2px #FFFFFF, 0 0 5px #FFFFFF, 0 0 10px #FFFFFF, 0 0 16px #FFFFFF;} h1.titre-sma-rub1 .spip_logos , h1.titre-sma-ssrub .spip_logos { margin: 10px 0 0 -43px; width: 90px; height: 90px; } h1.titre-sma-rub1 .descriptif, h1.titre-sma-ssrub .descriptif{ font-size: 16px; line-height: 2px; margin-top: -27px; margin-left: 0px; width : 1060px;} /*** TEXTE DE LA RUBRIQUE-B 1360x600px *****/ .spip-content .main .wrapper .content .texte-rub1{ border-radius: 8px; font-size: 14px; height: 41px; left: 120px; line-height: 16px; padding: 7px 70px 0; top: 90px; width: 920px;} .spip-content .main #menu_rubriques2 { height: 350px; left: 2px; margin-top: 150px;} .spip-content .main #menu_rubriques2 li{ font-size: .8em; margin-left: -1px; margin-top: -15px; } /*** LES BLOCS 1360x600px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li { width: 265px; height: 282px; z-index: 1;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:hover{ width: 265px; height: 282px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child{ left: 1010px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2){ left: 760px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3){ left: 520px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4){ left: 280px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child{ left: 50px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child {border-top-right-radius: 16px; border-bottom-right-radius: 16px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2), .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3), .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4){ margin-left: 10px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child{ border-top-left-radius: 16px; border-bottom-left-radius: 16px; } /*** LES CADRES-INNER 1360x600px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner{ width: 265px; height: 279px; padding-top: 7px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child:hover .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2):hover .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3):hover .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4):hover .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child:hover .cadre-inner{ width: 265px; height: 279px; padding-top: 7px; } .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner { border-top-right-radius: 15px; border-bottom-right-radius: 15px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner{} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner { border-top-left-radius: 15px; border-bottom-left-radius: 15px;} /*** LES CADRES-ITEM 1360x600px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item{ width: 229px; height: 264px; margin-left: 7px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item{ border-top-left-radius: 12px; border-bottom-left-radius: 12px; border-top-right-radius: 12px; border-bottom-right-radius: 12px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item{ border-top-left-radius: 12px; border-bottom-left-radius: 12px; border-top-right-radius: 12px; border-bottom-right-radius: 12px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item{ border-top-left-radius: 12px; border-bottom-left-radius: 12px; border-top-right-radius: 12px; border-bottom-right-radius: 12px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child:hover .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2):hover .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3):hover .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4):hover .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child:hover .cadre-inner .cadre-item{ box-shadow: 0 0 2px #FFFFFF, 0 0 5px #FFFFFF, 0 0 10px #ffffff, 0 0 18px #ffffff; } .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child:hover .cadre-inner .cadre-item{ border-top-left-radius: 12px; border-bottom-left-radius: 12px; border-top-right-radius: 12px; border-bottom-right-radius: 12px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2):hover .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3):hover .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4):hover .cadre-inner .cadre-item{ border-top-left-radius: 12px; border-bottom-left-radius: 12px; border-top-right-radius: 12px; border-bottom-right-radius: 12px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child:hover .cadre-inner .cadre-item{ border-top-left-radius: 12px; border-bottom-left-radius: 12px; border-top-right-radius: 12px; border-bottom-right-radius: 12px;} /*** LES CADRES-ITEM-FINAL 1360x600px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final{ width: 213px; height: 248px; margin-left: 7px; margin-top: 7px; } /*** CADRE ITEM FIX ***/ /*** Gradient Red ***/ /*** Gradient Orange ***/ /*** Gradient Yellow ***/ /*** Gradient Green ***/ /*** Gradient Blue ***/ /** COLOR INSIDE = DEGRADE GRIS 1360x600px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final .color-inside{ width: 205px; height: 240px; left: 19px; margin-top: 3px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final .color-inside{ border-top-left-radius: 4px; border-bottom-left-radius: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final .color-inside{ border-top-left-radius: 4px; border-bottom-left-radius: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final .color-inside{ border-top-left-radius: 4px; border-bottom-left-radius: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final{ border-top-left-radius: 7px; border-bottom-left-radius: 7px; border-top-right-radius: 7px; border-bottom-right-radius: 7px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final{ border-top-left-radius: 7px; border-bottom-left-radius: 7px; border-top-right-radius: 7px; border-bottom-right-radius: 7px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final{ border-top-left-radius: 7px; border-bottom-left-radius: 7px; border-top-right-radius: 7px; border-bottom-right-radius: 7px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child:hover .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2):hover .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3):hover .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4):hover .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child:hover .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child:hover .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2):hover .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3):hover .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4):hover .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child:hover .cadre-inner .cadre-item .cadre-item-final{ width: 213px; height: 248px; margin-left: 7px; margin-top: 7px;} /*** Les LOGOS 1360x600px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .spip_logos_rappel{ height: 90px; margin-left: -6px; margin-top: -9px; width: 90px; position: absolute;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child:hover .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2):hover .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3):hover .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4):hover .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child:hover .cadre-inner .spip_logos_rappel{ height: 90px; margin-left: -6px; margin-top: -9px; width: 90px;} /*** Les TITRES 1360x600px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li .spip_titre_rappel{ font-size: 17px; line-height: 18px; margin-left: 31px; padding: 10px 40px; text-align: center; text-shadow: 0 0 1px #FFFFFF, 0 0 1px #FFFFFF, 0 0 2px #FFFFFF, 0 0 5px #FFFFFF, 0 0 10px #FFFFFF, 0 0 16px #FFFFFF; top: 11px; width: 122px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:hover .spip_titre_rappel{ text-shadow: 0 0 1px #FFFFFF, 0 0 1px #FFFFFF, 0 0 2px #FFFFFF, 0 0 5px #FFFFFF, 0 0 10px #FFFFFF, 0 0 16px #FFFFFF;} /*** Les DESCRIPTIFS V1 avec titre sur 1 ligne 1360x600px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li .spip_descriptif_item-rappel{ display: block; width: 200px; margin-top: 0px; margin-left: 19px; font-size: 13px; line-height: 15px; padding: 10px 5px 1px 15px; border-radius: 10px;} /*** Les DESCRIPTIFS V2 avec titre sur 2 lignes 1360x600px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li .spip_descriptif_item-rappel2{ border-radius: 5px; display: block; font-size: 11px; line-height: 13px; margin-left: 11px; margin-top: 88px; padding: 10px 5px 1px 10px; width: 166px; height: 128px;} /*** POUR Les BTNS COULEURS(noir en fait) 1360x600px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final .color-inside .mon-btn-color, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final .color-inside .mon-btn-color, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final .color-inside .mon-btn-color, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final .color-inside .mon-btn-color, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final .color-inside .mon-btn-color{ border-radius: 10px; color: #FFFFFF; font-size: 13px; left: 0; line-height: 8px; margin-left: 51px; margin-top: -40px; padding: 10px; width: 39.5%; z-index: 1000;} /*** POUR Les BTNS NOIR 1360x600px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final-fix .color-inside .mon-btn, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside .mon-btn, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside .mon-btn, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside .mon-btn, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final-fix .color-inside .mon-btn{ left: 0px; width: 36%; font-size: 16px; line-height: 16px; padding-left: 10px; padding-right: 10px; padding-top: 10px; padding-bottom: 10px; border-radius: 10px; margin-left: 74px; margin-top: 18px; } /******************************************************************************* LES SOUS-RUBRIQUE DE CONTENU 1360x600px ************************************************************************************/ /*** TEXTE DES SSRUBRIQUES BLUE, GREEN, YELLOW, ORANGE, RED 1360x600px *****/ .spip-content .main .wrapper .content .box-texte{ position: absolute; top: 129px; left: 120px; border-radius: 10px 0px 0px 10px; width: 1082px; height: 314px; z-index: 10; text-shadow: none; border-radius: 0px 0px 12px 12px; background-color: rgba(255, 255, 255, 0.25); border: 1px solid #FFFFFF;} .spip-content .main .wrapper .content .box-texte .inner-txt{ padding: 7px 7px 7px 7px; border-radius: 10px 0px 0px 10px;} .spip-content .main .wrapper .content .box-texte .inner-txt .bg-texte{ width: 876px; height: 309px; padding: 0px 10px 10px 10px ; border-radius: 7px 0px 0px 7px; background-color: rgba(255, 255, 255, 0.85); border: 1px solid #fff;} .spip-content .main .wrapper .content .box-texte .inner-txt .bg-texte .texte{ border-radius: 5px; color: #808080; float: left; font-family: Arial,Helvetica,sans-serif; font-size: 12px; line-height: 13px; overflow: auto; padding: 30px 50px 20px 0px; text-align: left; width: 836px; height: 269px; } p { margin: 0 0 -13px;} /*** DESCRIPTIF SSRUB 1360x600px *****/ .spip-content .main .wrapper .content .descriptif-ssrub{ background-color: rgba(241, 241, 241, 0.85); border: 1px solid #FFFFFF; border-radius: 8px 8px 0 0; color: #555555; float: left; font-family: Arial,Helvetica,sans-serif; font-size: 17px; height: 43px; left: 120px; line-height: 18px; padding: 10px 120px 5px; position: absolute; text-align: left; top: 70px; width: 842px;} /*** TAILLE DE L'IMAGE DANS LE CORPS DE TEXTE SPIP 1360x600px *****/ .spip_documents_left img{width: 50px; height: 50px; margin-left: 80px; margin-top: -16px; background-color: #fbfbfb;} /*** PARTICULARITE RUBRIQUE FORMULAIRE 1360x600px *****/ .spip-content .main .wrapper .content .box-texte .inner-txt-formulaire{ padding: 7px 7px 7px 7px; border-radius: 10px 0px 0px 10px; font-family: Arial,Helvetica,sans-serif; text-align: left;} .spip-content .main .wrapper .content .box-texte .inner-txt-formulaire .bg-texte-formulaire{ background-color: rgba(255, 255, 255, 0.85); border: 1px solid #FFFFFF; border-radius: 5px; color: #808080; float: left; font-family: Arial,Helvetica,sans-serif; font-size: 12px; line-height: 14px; overflow: auto; padding: 2px 280px 20px 131px; text-align: left; width: 655px; height: 276px;} /*** PARTICULARITE RUBRIQUE SIMPLE 1360x600px *****/ .spip-content .main .wrapper .content .box-texte .inner-txt-simple{ padding: 7px 7px 7px 7px; border-radius: 10px 0px 0px 10px; font-family: Arial,Helvetica,sans-serif; text-align: left;} .spip-content .main .wrapper .content .box-texte .inner-txt-simple .bg-texte-simple{ background-color: rgba(255, 255, 255, 0.85); border: 1px solid #FFFFFF; border-radius: 5px; color: #808080; float: left; font-family: Arial,Helvetica,sans-serif; font-size: 17px; height: 258px; line-height: 19px; overflow: auto; padding: 40px 110px 0; text-align: left; width: 846px;} /*** POUR LE PETIT MENU des SOUS RUBRIQUES en haut à droite 1360x600px *****/ .spip-content .main #menu_rubriques1 { background-color: rgba(241, 241, 241, 0.7); border: 1px solid #FFFFFF; border-radius: 0 0 12px; left: 1033px; padding-right: 20px; position: absolute; text-align: left; top: 98px; width: 149px; height: 335px; z-index: 1000;} .spip-content .main #menu_rubriques1 li{ font-size: .8em; margin-left: -1px; list-style: none; float: right; margin-top: -15px; } .spip-content .main #menu_rubriques1 li ul li{ font-size: 1em; margin-left: 0em;} .spip-content .main #menu_rubriques1 { list-style-type:none; } .spip-content .main #menu_rubriques1 li { list-style-type: none; } .spip-content .main #menu_rubriques1 li li { list-style-type: none; } .spip-content .main #menu_rubriques1 li li li { list-style-type: none; } .spip-content .main #menu_rubriques1 hr {margin : 0.7em 0;} .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li { width: 114px; } .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li:hover { width: 114px; } .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li .spip_logos_rappel { height: 70px; width: 70px; margin-bottom: 0px; margin-left: -36px; margin-top: 14px;} .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li:hover .spip_logos_rappel {} .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li .spip_titre_rappel{ font-family: "Fugaz One"; font-size: 13px; line-height: 15px; list-style: none outside none; margin-left: 33px; margin-top: -50px; position: absolute; text-align: left; width: 95px;} .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li:hover .spip_titre_rappel { } /*** Les currents 1360x600px ***/ .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li .nav_current_rub{ display: none;width: 120px; } .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li .nav_current_rub .spip_logos_rappel { width: 80px; height: 80px; padding-left: 18px; padding-top: 18px; padding-bottom: 10px;} .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li .nav_current_rub .spip_titre_rappel { position: absolute; width: 120px; margin-top: -14px; margin-left:-1px; text-align: center; font-size: 14px; line-height: 14px; list-style: none; } /*** FIN de 1360x600px *****/ } /***** MEDIA QUERY SOUS MON AILE 1360x768px *****/ @media screen and (min-width: 1360px) and (max-width: 1399px) and (min-height: 750px) and (max-height: 899px){ /**** SPIP CONTENT 1360x768px *****/ .contenu-mobil.spip-content{ display: none;} .contenu-desktop.spip-content{ display: block; width: 1302px; height: 561px; margin-top: 0px;} /*** FIL d'ARIANE SPIP 1360x768px *****/ .spip-content .ariane{ width: 1300px; z-index:100; top: 0px;} .spip-content .ariane .arbo{ padding-left: 10px; padding-right: 10px; font-size: 12px; line-height: 32px; width: auto; text-shadow: 0 0 1px #FFFFFF, 0 0 1px #FFFFFF, 0 0 2px #FFFFFF, 0 0 5px #FFFFFF;} /*** CONTNER CONTENU SPIP 1360x768px *****/ .spip-content .main { width: 1302px; height: 540px; margin-left: 0px; top: 74px;} .spip-content .main .wrapper .content { width: 1212px; height: 561px; } /*** TITRES TITRE DE LA RUBRIQUE-1 1360x768px *****/ .titre-sma{ display: none; font-size: 20px; line-height: 2px; margin-top: 89px; padding-left: 138px; text-shadow: 0 0 1px #FFFFFF, 0 0 1px #FFFFFF, 0 0 2px #FFFFFF, 0 0 5px #FFFFFF, 0 0 10px #FFFFFF, 0 0 16px #FFFFFF; } .spip-content .main .wrapper .content .container2 { width: 1615px; margin-left:0px; margin-top: 0px;} /*** TITRES TITRE DE LA SOUS-RUBRIQUE-1 1360x768px *****/ h1.titre-sma-rub1, h1.titre-sma-ssrub{ font-size: 32px; left: 120px; line-height: 125px; top: 0px; text-shadow: 0 0 1px #FFFFFF, 0 0 1px #FFFFFF, 0 0 2px #FFFFFF, 0 0 5px #FFFFFF, 0 0 10px #FFFFFF, 0 0 16px #FFFFFF;} h1.titre-sma-rub1 .spip_logos , h1.titre-sma-ssrub .spip_logos { margin: 11px 0 0 -56px; width: 110px; height: 110px; } h1.titre-sma-rub1 .descriptif, h1.titre-sma-ssrub .descriptif{ font-size: 20px; line-height: 2px; top: 90px; margin-left: 0px; width : 1060px;} /*** TEXTE DE LA RUBRIQUE-1 1360x768px *****/ .spip-content .main .wrapper .content .texte-rub1{ border-radius: 8px; font-size: 17px; left: 120px; line-height: 19px; padding: 8px 80px 0px 150px; top: 110px; width: 830px; height: 50px; } .spip-content .main #menu_rubriques2 { height: 350px; left: 2px; top: 115px; width: 1300px;} .spip-content .main #menu_rubriques2 li{ font-size: .8em; margin-left: -1px; top: 90px; } /*** LES BLOCS 1360x768px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li { width: 265px; height: 282px; z-index: 1;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:hover{ width: 265px; height: 282px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child{ left: 1010px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2){ left: 760px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3){ left: 520px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4){ left: 280px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child{ left: 50px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child {border-top-right-radius: 16px; border-bottom-right-radius: 16px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2), .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3), .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4){ margin-left: 10px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child{ border-top-left-radius: 16px; border-bottom-left-radius: 16px; } /*** LES CADRES-INNER 1360x768px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner{ width: 265px; height: 279px; padding-top: 7px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child:hover .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2):hover .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3):hover .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4):hover .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child:hover .cadre-inner{ width: 265px; height: 279px; padding-top: 7px; } .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner { border-top-right-radius: 15px; border-bottom-right-radius: 15px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner{} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner { border-top-left-radius: 15px; border-bottom-left-radius: 15px;} /*** LES CADRES-ITEM 1360x768px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item{ width: 229px; height: 324px; margin-left: 7px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item{ border-top-left-radius: 12px; border-bottom-left-radius: 12px; border-top-right-radius: 12px; border-bottom-right-radius: 12px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item{ border-top-left-radius: 12px; border-bottom-left-radius: 12px; border-top-right-radius: 12px; border-bottom-right-radius: 12px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item{ border-top-left-radius: 12px; border-bottom-left-radius: 12px; border-top-right-radius: 12px; border-bottom-right-radius: 12px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child:hover .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2):hover .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3):hover .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4):hover .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child:hover .cadre-inner .cadre-item{ box-shadow: 0 0 2px #FFFFFF, 0 0 5px #FFFFFF, 0 0 10px #ffffff, 0 0 18px #ffffff; } .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child:hover .cadre-inner .cadre-item{ border-top-left-radius: 12px; border-bottom-left-radius: 12px; border-top-right-radius: 12px; border-bottom-right-radius: 12px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2):hover .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3):hover .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4):hover .cadre-inner .cadre-item{ border-top-left-radius: 12px; border-bottom-left-radius: 12px; border-top-right-radius: 12px; border-bottom-right-radius: 12px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child:hover .cadre-inner .cadre-item{ border-top-left-radius: 12px; border-bottom-left-radius: 12px; border-top-right-radius: 12px; border-bottom-right-radius: 12px;} /*** LES CADRES-ITEM-FINAL 1360x768px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final{ width: 213px; height: 308px; margin-left: 7px; margin-top: 7px; } /*** CADRE ITEM FIX ***/ /*** Gradient Red ***/ /*** Gradient Orange ***/ /*** Gradient Yellow ***/ /*** Gradient Green ***/ /*** Gradient Blue ***/ /** COLOR INSIDE = DEGRADE GRIS 1360x768px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final .color-inside{ width: 205px; height: 300px; left: 19px; margin-top: 3px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final .color-inside{ border-top-left-radius: 4px; border-bottom-left-radius: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final .color-inside{ border-top-left-radius: 4px; border-bottom-left-radius: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final .color-inside{ border-top-left-radius: 4px; border-bottom-left-radius: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final{ border-top-left-radius: 7px; border-bottom-left-radius: 7px; border-top-right-radius: 7px; border-bottom-right-radius: 7px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final{ border-top-left-radius: 7px; border-bottom-left-radius: 7px; border-top-right-radius: 7px; border-bottom-right-radius: 7px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final{ border-top-left-radius: 7px; border-bottom-left-radius: 7px; border-top-right-radius: 7px; border-bottom-right-radius: 7px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child:hover .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2):hover .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3):hover .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4):hover .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child:hover .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child:hover .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2):hover .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3):hover .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4):hover .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child:hover .cadre-inner .cadre-item .cadre-item-final{ width: 213px; height: 308px; margin-left: 7px; margin-top: 7px;} /*** Les LOGOS 1360x768px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .spip_logos_rappel{ height: 110px; margin-left: 50px; margin-top: -9px; width: 110px; position: absolute;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child:hover .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2):hover .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3):hover .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4):hover .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child:hover .cadre-inner .spip_logos_rappel{ height: 110px; margin-left: 50px; margin-top: -9px; width: 110px;} /*** Les TITRES 1360x768px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li .spip_titre_rappel{ font-size: 19px; line-height: 20px; margin-left: -1px; padding: 10px 40px; text-align: center; text-shadow: 0 0 1px #FFFFFF, 0 0 1px #FFFFFF, 0 0 2px #FFFFFF, 0 0 5px #FFFFFF, 0 0 10px #FFFFFF, 0 0 16px #FFFFFF; top: 80px; width: 133px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:hover .spip_titre_rappel{ text-shadow: 0 0 1px #FFFFFF, 0 0 1px #FFFFFF, 0 0 2px #FFFFFF, 0 0 5px #FFFFFF, 0 0 10px #FFFFFF, 0 0 16px #FFFFFF;} /*** Les DESCRIPTIFS V1 avec titre sur 1 ligne 1360x768px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li .spip_descriptif_item-rappel{ display: block; width: 200px; margin-top: 0px; margin-left: 19px; font-size: 13px; line-height: 15px; padding: 10px 5px 1px 15px; border-radius: 10px;} /*** Les DESCRIPTIFS V2 avec titre sur 2 lignes 1360x768px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li .spip_descriptif_item-rappel2{ border-radius: 5px; display: block; font-size: 11px; line-height: 13px; margin-left: 11px; margin-top: 142px; padding: 10px 5px 1px 10px; width: 166px; height: 133px;} /*** POUR Les BTNS COULEURS(noir en fait) 1360x768px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final .color-inside .mon-btn-color, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final .color-inside .mon-btn-color, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final .color-inside .mon-btn-color, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final .color-inside .mon-btn-color, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final .color-inside .mon-btn-color{ border-radius: 10px; color: #FFFFFF; font-size: 14px; left: 0; line-height: 8px; margin-left: 51px; margin-top: -40px; padding: 10px; width: 39.5%; z-index: 1000;} /*** POUR Les BTNS NOIR 1360x768px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final-fix .color-inside .mon-btn, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside .mon-btn, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside .mon-btn, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside .mon-btn, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final-fix .color-inside .mon-btn{ left: 0px; width: 36%; font-size: 16px; line-height: 16px; padding-left: 10px; padding-right: 10px; padding-top: 10px; padding-bottom: 10px; border-radius: 10px; margin-left: 74px; margin-top: 18px; } /******************************************************************************* LES SOUS-RUBRIQUE DE CONTENU 1360x768px ************************************************************************************/ /*** CONTENU RUBRIQUES ITEMS 1360x768px *****/ .spip-content .main .wrapper .content .box-texte{ position: absolute; top: 149px; left: 110px; border-radius: 10px 0px 0px 10px; width: 1086px; height: 445px; z-index: 10; text-shadow: none; border-radius: 0px 0px 12px 12px; background-color: rgba(255, 255, 255, 0.25); border: 1px solid #FFFFFF; transition: all 0.35s ease-in-out 0s;} .spip-content .main .wrapper .content .box-texte .inner-txt{ padding: 7px 7px 7px 7px; border-radius: 10px 0px 0px 10px;} .spip-content .main .wrapper .content .box-texte .inner-txt .bg-texte{ width: 911px; height: 419px; padding: 0px 10px 10px 10px ; border-radius: 7px 0px 0px 7px; background-color: rgba(255, 255, 255, 0.85); border: 1px solid #fff;} .spip-content .main .wrapper .content .box-texte .inner-txt .bg-texte .texte{ border-radius: 5px; color: #808080; float: left; font-family: Arial,Helvetica,sans-serif; font-size: 13px; height: 399px; line-height: 15px; overflow: auto; padding: 30px 90px 0 0; text-align: left; width: 831px;} p { margin: 0 0 -5px;} /*** CONTENU RUBRIQUES-B 1360x768px *****/ .spip-content .main .wrapper .content .texte-rub1{ border-radius: 8px; font-size: 16px; height: 48px; left: 120px; line-height: 18px; padding: 10px 80px 0; top: 120px; width: 900px;} .spip-content .main #menu_rubriques1 { width: 1600px; height: 350px; left: 70px; margin-top: 240px;} .spip-content .main #menu_rubriques1 li{ font-size: .8em; margin-left: -1px; margin-top: -15px; } /*** DESCRIPTIF SSRUB 1360x768px *****/ .spip-content .main .wrapper .content .descriptif-ssrub{ background-color: rgba(241, 241, 241, 0.85); border: 1px solid #FFFFFF; border-radius: 8px 8px 0 0; color: #555555; float: left; font-family: Arial,Helvetica,sans-serif; font-size: 17px; height: 43px; left: 110px; line-height: 18px; padding: 10px 110px 5px; position: absolute; text-align: left; top: 90px; width: 866px;} /*** TAILLE DE L'IMAGE DANS LE CORPS DE TEXTE SPIP 1360x768px *****/ .spip_documents_left img{width: 60px; height: 60px; margin-left: 63px; margin-top: -12px; background-color: #fbfbfb;} /*** PARTICULARITE RUBRIQUE FORMULAIRE 1360x768px *****/ .spip-content .main .wrapper .content .box-texte .inner-txt-formulaire{ padding: 7px 7px 7px 7px; border-radius: 10px 0px 0px 10px; font-family: Arial,Helvetica,sans-serif; text-align: left;} .spip-content .main .wrapper .content .box-texte .inner-txt-formulaire .bg-texte-formulaire{ border-radius: 7px 7px 7px 7px; background-color: rgba(255, 255, 255, 0.85); border: 1px solid #fff;float: left; overflow: none; padding: 0px; text-align: left; float: left; color: #808080; font-family: Arial,Helvetica,sans-serif; text-align: left; font-size: 14px; line-height: 15px; width: 1069px; height: 429px;} /*** PARTICULARITE RUBRIQUE SIMPLE 1360x768px *****/ .spip-content .main .wrapper .content .box-texte .inner-txt-simple{ padding: 7px 7px 7px 7px; border-radius: 10px 0px 0px 10px; font-family: Arial,Helvetica,sans-serif; text-align: left;} .spip-content .main .wrapper .content .box-texte .inner-txt-simple .bg-texte-simple{ background-color: rgba(255, 255, 255, 0.85); border: 1px solid #FFFFFF; border-radius: 5px; color: #808080; float: left; font-family: Arial,Helvetica,sans-serif; font-size: 17px; height: 389px; line-height: 19px; overflow: auto; padding: 40px 110px 0; text-align: left; width: 850px;} /*** POUR LE PETIT MENU des SOUS RUBRIQUES en haut à droite 1360x768px *****/ .spip-content .main #menu_rubriques1 { background-color: rgba(241, 241, 241, 0.7); border: 1px solid #FFFFFF; border-radius: 0 0 12px; height: 445px; left: 1058px; padding-right: 20px; position: absolute; text-align: left; top: -91px; width: 118px; z-index: 1000;} .spip-content .main #menu_rubriques1 li{ font-size: .8em; margin-left: -1px; list-style: none; float: right; margin-top: -15px; } .spip-content .main #menu_rubriques1 li ul li{ font-size: 1em; margin-left: 0em;} .spip-content .main #menu_rubriques1 { list-style-type:none; } .spip-content .main #menu_rubriques1 li { list-style-type: none; } .spip-content .main #menu_rubriques1 li li { list-style-type: none; } .spip-content .main #menu_rubriques1 li li li { list-style-type: none; } .spip-content .main #menu_rubriques1 hr {margin : 0.7em 0;} .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li { width: 114px; } .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li:hover { width: 114px; } .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li .spip_logos_rappel { height: 90px; width: 90px; margin-bottom: 10px; padding-left: 19px; margin-top: 15px;} .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li:hover .spip_logos_rappel {} .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li .spip_titre_rappel { position: absolute; width: 106px; margin-top: -21px; margin-left: 11px; font-family: "Fugaz One"; text-align: center; font-size: 12px; line-height: 15px; list-style: none;} .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li:hover .spip_titre_rappel { } /*** Les currents 1360x768px ***/ .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li .nav_current_rub{ display: none;width: 120px; } .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li .nav_current_rub .spip_logos_rappel { width: 80px; height: 80px; padding-left: 18px; padding-top: 18px; padding-bottom: 10px;} .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li .nav_current_rub .spip_titre_rappel { position: absolute; width: 120px; margin-top: -14px; margin-left:-1px; text-align: center; font-size: 14px; line-height: 14px; list-style: none; } /*** FIN de 1360x768px *****/ } /***** MEDIA QUERY SOUS MON AILE 1360x900px *****/ @media screen and (min-width: 1360px) and (max-width: 1399px) and (min-height:900px) and (max-height: 1023px){ /**** SPIP CONTENT 1360x900px *****/ .contenu-mobil.spip-content{ display: none;} .contenu-desktop.spip-content{ display: block; width: 1306px; height: 761px; margin-top: 0px;} /*** FIL d'ARIANE SPIP 1360x900px *****/ .spip-content .ariane{ width: 1300px; z-index:100; top: 0px;} .spip-content .ariane .arbo{ padding-left: 10px; padding-right: 10px; font-size: 12px; line-height: 32px; width: auto; text-shadow: 0 0 1px #FFFFFF, 0 0 1px #FFFFFF, 0 0 2px #FFFFFF, 0 0 5px #FFFFFF;} /*** CONTNER CONTENU SPIP 1360x900px *****/ .spip-content .main { width: 1200px; height: 701px; margin-left: 0px; top: 74px;} .spip-content .main .wrapper .content { width: 1200px; height: 701px; } /*** TITRES TITRE DE LA RUBRIQUE-1 1360x900 *****/ .titre-sma{ display: none; font-size: 20px; line-height: 2px; margin-top: 89px; padding-left: 138px; text-shadow: 0 0 1px #FFFFFF, 0 0 1px #FFFFFF, 0 0 2px #FFFFFF, 0 0 5px #FFFFFF, 0 0 10px #FFFFFF, 0 0 16px #FFFFFF; } .spip-content .main .wrapper .content .container2 { width: 1615px; margin-left:0px; margin-top: 0px;} /*** TITRES TITRE DE LA SOUS-RUBRIQUE-1 1360x900px *****/ h1.titre-sma-rub1, h1.titre-sma-ssrub{ font-size: 32px; left: 120px; line-height: 125px; top: 0px; text-shadow: 0 0 1px #FFFFFF, 0 0 1px #FFFFFF, 0 0 2px #FFFFFF, 0 0 5px #FFFFFF, 0 0 10px #FFFFFF, 0 0 16px #FFFFFF;} h1.titre-sma-rub1 .spip_logos , h1.titre-sma-ssrub .spip_logos { margin: 11px 0 0 -56px; width: 110px; height: 110px; } h1.titre-sma-rub1 .descriptif, h1.titre-sma-ssrub .descriptif{ font-size: 20px; line-height: 2px; top: 90px; margin-left: 0px; width : 1070px;} /*** TEXTE DE LA RUBRIQUE-1 1360x900px *****/ .spip-content .main .wrapper .content .texte-rub1{ border-radius: 8px; font-size: 17px; left: 120px; line-height: 19px; padding: 13px 80px 3px 150px; top: 120px; width: 830px; height: 55px;} .spip-content .main #menu_rubriques2 { height: 350px; left: 2px; margin-top: 220px; width: 1301px;} .spip-content .main #menu_rubriques2 li{ font-size: .8em; margin-left: -1px; margin-top: -15px; } /*** LES BLOCS 1360x900px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li { width: 265px; height: 282px; z-index: 1;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:hover{ width: 265px; height: 282px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child{ left: 1010px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2){ left: 760px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3){ left: 520px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4){ left: 280px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child{ left: 50px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child {border-top-right-radius: 16px; border-bottom-right-radius: 16px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2), .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3), .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4){ margin-left: 10px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child{ border-top-left-radius: 16px; border-bottom-left-radius: 16px; } /*** LES CADRES-INNER 1360x900px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner{ width: 265px; height: 279px; padding-top: 7px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child:hover .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2):hover .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3):hover .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4):hover .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child:hover .cadre-inner{ width: 265px; height: 279px; padding-top: 7px; } .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner { border-top-right-radius: 15px; border-bottom-right-radius: 15px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner{} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner { border-top-left-radius: 15px; border-bottom-left-radius: 15px;} /*** LES CADRES-ITEM 1360x900px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item{ width: 229px; height: 424px; margin-left: 7px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item{ border-top-left-radius: 12px; border-bottom-left-radius: 12px; border-top-right-radius: 12px; border-bottom-right-radius: 12px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item{ border-top-left-radius: 12px; border-bottom-left-radius: 12px; border-top-right-radius: 12px; border-bottom-right-radius: 12px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item{ border-top-left-radius: 12px; border-bottom-left-radius: 12px; border-top-right-radius: 12px; border-bottom-right-radius: 12px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child:hover .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2):hover .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3):hover .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4):hover .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child:hover .cadre-inner .cadre-item{ box-shadow: 0 0 2px #FFFFFF, 0 0 5px #FFFFFF, 0 0 10px #ffffff, 0 0 18px #ffffff; } .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child:hover .cadre-inner .cadre-item{ border-top-left-radius: 12px; border-bottom-left-radius: 12px; border-top-right-radius: 12px; border-bottom-right-radius: 12px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2):hover .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3):hover .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4):hover .cadre-inner .cadre-item{ border-top-left-radius: 12px; border-bottom-left-radius: 12px; border-top-right-radius: 12px; border-bottom-right-radius: 12px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child:hover .cadre-inner .cadre-item{ border-top-left-radius: 12px; border-bottom-left-radius: 12px; border-top-right-radius: 12px; border-bottom-right-radius: 12px;} /*** LES CADRES-ITEM-FINAL 1360x900px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final{ width: 213px; height: 408px; margin-left: 7px; margin-top: 7px; } /*** CADRE ITEM FIX ***/ /*** Gradient Red ***/ /*** Gradient Orange ***/ /*** Gradient Yellow ***/ /*** Gradient Green ***/ /*** Gradient Blue ***/ /** COLOR INSIDE = DEGRADE GRIS 1360x900px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final .color-inside{ width: 205px; height: 400px; left: 19px; margin-top: 3px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final .color-inside{ border-top-left-radius: 4px; border-bottom-left-radius: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final .color-inside{ border-top-left-radius: 4px; border-bottom-left-radius: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final .color-inside{ border-top-left-radius: 4px; border-bottom-left-radius: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final{ border-top-left-radius: 7px; border-bottom-left-radius: 7px; border-top-right-radius: 7px; border-bottom-right-radius: 7px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final{ border-top-left-radius: 7px; border-bottom-left-radius: 7px; border-top-right-radius: 7px; border-bottom-right-radius: 7px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final{ border-top-left-radius: 7px; border-bottom-left-radius: 7px; border-top-right-radius: 7px; border-bottom-right-radius: 7px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child:hover .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2):hover .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3):hover .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4):hover .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child:hover .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child:hover .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2):hover .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3):hover .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4):hover .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child:hover .cadre-inner .cadre-item .cadre-item-final{ width: 213px; height: 408px; margin-left: 7px; margin-top: 7px;} /*** Les LOGOS 1360x900px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .spip_logos_rappel{ height: 200px; margin-left: 3px; margin-top: -18px; width: 200px; position: absolute;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child:hover .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2):hover .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3):hover .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4):hover .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child:hover .cadre-inner .spip_logos_rappel{ height: 200px; margin-left: 3px; margin-top: -18px; width: 200px;} /*** Les TITRES 1360x900px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li .spip_titre_rappel{ font-size: 21px; line-height: 23px; margin-left: -5px; padding: 10px 40px; text-align: center; text-shadow: 0 0 1px #FFFFFF, 0 0 1px #FFFFFF, 0 0 2px #FFFFFF, 0 0 5px #FFFFFF, 0 0 10px #FFFFFF, 0 0 16px #FFFFFF; top: 150px; width: 141px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:hover .spip_titre_rappel{ text-shadow: 0 0 1px #FFFFFF, 0 0 1px #FFFFFF, 0 0 2px #FFFFFF, 0 0 5px #FFFFFF, 0 0 10px #FFFFFF, 0 0 16px #FFFFFF;} /*** Les DESCRIPTIFS V1 avec titre sur 1 ligne 1360x900px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li .spip_descriptif_item-rappel{ display: block; width: 200px; margin-top: 0px; margin-left: 19px; font-size: 13px; line-height: 15px; padding: 10px 5px 1px 15px; border-radius: 10px;} /*** Les DESCRIPTIFS V2 avec titre sur 2 lignes 1360x900px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li .spip_descriptif_item-rappel2{ border-radius: 5px; display: block; font-size: 11px; line-height: 13px; margin-left: 10px; margin-top: 232px; padding: 10px 13px 1px; width: 157px; height: 143px;} /*** POUR Les BTNS COULEURS(noir en fait) 1360x900px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final .color-inside .mon-btn-color, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final .color-inside .mon-btn-color, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final .color-inside .mon-btn-color, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final .color-inside .mon-btn-color, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final .color-inside .mon-btn-color{ border-radius: 10px; color: #FFFFFF; font-size: 14px; left: 0; line-height: 8px; margin-left: 51px; margin-top: -50px; padding: 10px; width: 39.5%; z-index: 1000;} /*** POUR Les BTNS NOIR 1360x900px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final-fix .color-inside .mon-btn, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside .mon-btn, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside .mon-btn, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside .mon-btn, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final-fix .color-inside .mon-btn{ left: 0px; width: 36%; font-size: 16px; line-height: 16px; padding-left: 10px; padding-right: 10px; padding-top: 10px; padding-bottom: 10px; border-radius: 10px; margin-left: 74px; margin-top: 18px; } /******************************************************************************* LES SOUS-RUBRIQUE DE CONTENU 1360x900px ************************************************************************************/ /*** CONTENU RUBRIQUES ITEMS 1360x900px *****/ .spip-content .main .wrapper .content .box-texte{ position: absolute; top: 168px; left: 110px; border-radius: 10px 0px 0px 10px; width: 1086px; height: 560px; z-index: 10; text-shadow: none; border-radius: 0px 0px 12px 12px; background-color: rgba(255, 255, 255, 0.25); border: 1px solid #FFFFFF; transition: all 0.35s ease-in-out 0s;} .spip-content .main .wrapper .content .box-texte .inner-txt{ padding: 7px 7px 7px 7px; border-radius: 10px 0px 0px 10px;} .spip-content .main .wrapper .content .box-texte .inner-txt .bg-texte{ width: 911px; height: 534px; padding: 0px 10px 10px 10px ; border-radius: 7px 0px 0px 7px; background-color: rgba(255, 255, 255, 0.85); border: 1px solid #fff;} .spip-content .main .wrapper .content .box-texte .inner-txt .bg-texte .texte{ border-radius: 5px; color: #808080; float: left; font-family: Arial,Helvetica,sans-serif; font-size: 14px; line-height: 17px; overflow: auto; padding: 30px 40px 20px 0; text-align: left; width: 881px; height: 494px; } p { margin: 0 0 0px;} /*** TEXTE DE LA RUBRIQUE-B 1360x900px *****/ .spip-content .main .wrapper .content .texte-rub1{ border-radius: 8px; font-size: 16px; height: 48px; left: 120px; line-height: 18px; padding: 10px 80px 0; top: 120px; width: 900px;} .spip-content .main #menu_rubriques1 { width: 1600px; height: 350px; left: 70px; margin-top: 240px;} .spip-content .main #menu_rubriques1 li{ font-size: .8em; margin-left: -1px; margin-top: -15px; } /*** DESCRIPTIF SSRUB 1360x900px *****/ .spip-content .main .wrapper .content .descriptif-ssrub{ background-color: rgba(241, 241, 241, 0.85); border: 1px solid #FFFFFF; border-radius: 8px 8px 0 0; color: #555555; float: left; font-family: Arial,Helvetica,sans-serif; font-size: 17px; height: 59px; left: 110px; line-height: 20px; padding: 18px 110px 0 120px; position: absolute; text-align: left; top: 90px; width: 856px;} /*** TAILLE DE L'IMAGE DANS LE CORPS DE TEXTE SPIP 1360x900px *****/ .spip_documents_left img{width: 80px; height: 80px; margin-left: 52px; margin-top: -8px; background-color: #fbfbfb;} /*** TAILLE DE L'IMAGE DANS LE CORPS DE TEXTE SPIP 1360x900px *****/ .spip_documents_left img{width: 80px; height: 80px; margin-left: 57px; margin-top: -12px; background-color: #fbfbfb;} /*** PARTICULARITE RUBRIQUE FORMULAIRE 1360x900px *****/ .spip-content .main .wrapper .content .box-texte .inner-txt-formulaire{ padding: 7px 7px 7px 7px; border-radius: 10px 0px 0px 10px; font-family: Arial,Helvetica,sans-serif; text-align: left;} .spip-content .main .wrapper .content .box-texte .inner-txt-formulaire .bg-texte-formulaire{ border-radius: 7px 7px 7px 7px; background-color: rgba(255, 255, 255, 0.85); border: 1px solid #fff;float: left; overflow: none; padding: 0px; text-align: left; float: left; color: #808080; font-family: Arial,Helvetica,sans-serif; text-align: left; font-size: 14px; line-height: 15px; width: 1069px; height: 543px;} /*** PARTICULARITE RUBRIQUE SIMPLEE 1360x900px *****/ .spip-content .main .wrapper .content .box-texte .inner-txt-simple{ padding: 7px 7px 7px 7px; border-radius: 10px 0px 0px 10px; font-family: Arial,Helvetica,sans-serif; text-align: left;} .spip-content .main .wrapper .content .box-texte .inner-txt-simple .bg-texte-simple{ background-color: rgba(255, 255, 255, 0.85); border: 1px solid #FFFFFF; border-radius: 5px; color: #808080; float: left; font-family: Arial,Helvetica,sans-serif; font-size: 17px; height: 504px; line-height: 19px; overflow: auto; padding: 40px 110px 0; text-align: left; width: 850px;} .spip-content .main .wrapper .content .box-texte .inner-txt-simple{ padding: 7px 7px 7px 7px; border-radius: 10px 0px 0px 10px; font-family: Arial,Helvetica,sans-serif; text-align: left;} /*** POUR LE PETIT MENU des SOUS RUBRIQUES en haut à droite 1360x900px *****/ .spip-content .main #menu_rubriques1 { position: absolute; text-align: left; width: 118px; height: 560px; z-index: 1000; top: -72px; padding-right: 20px; left: 1058px; background-color: rgba(241, 241, 241, 0.7); border-top-left-radius: 0px; border-bottom-left-radius: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 12px; border: 1px solid #fff; } .spip-content .main #menu_rubriques1 li{ font-size: .8em; margin-left: -1px; list-style: none; float: right; margin-top: -15px; } .spip-content .main #menu_rubriques1 li ul li{ font-size: 1em; margin-left: 0em;} .spip-content .main #menu_rubriques1 { list-style-type:none; } .spip-content .main #menu_rubriques1 li { list-style-type: none; } .spip-content .main #menu_rubriques1 li li { list-style-type: none; } .spip-content .main #menu_rubriques1 li li li { list-style-type: none; } .spip-content .main #menu_rubriques1 hr {margin : 0.7em 0;} .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li { width: 114px; } .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li:hover { width: 114px; } .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li .spip_logos_rappel { height: 120px; width: 120px; margin-bottom: 10px; padding-left: 3px; margin-top: 17px;} .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li:hover .spip_logos_rappel {} .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li .spip_titre_rappel { position: absolute; width: 120px; margin-top: -24px; margin-left: 4px; font-family: "Fugaz One"; text-align: center; font-size: 14px; line-height: 16px; list-style: none;} .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li:hover .spip_titre_rappel { } /*** Les currents 1360x900px ***/ .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li .nav_current_rub{ display: none;width: 120px; } .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li .nav_current_rub .spip_logos_rappel { width: 80px; height: 80px; padding-left: 18px; padding-top: 18px; padding-bottom: 10px;} .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li .nav_current_rub .spip_titre_rappel { position: absolute; width: 120px; margin-top: -14px; margin-left:-1px; text-align: center; font-size: 14px; line-height: 14px; list-style: none; } /*** FIN de 1360x900px *****/ } /***** MEDIA QUERY SOUS MON AILE 1360x1024px *****/ @media screen and (min-width: 1360px) and (max-width: 1399px) and (min-height: 1024px) and (max-height: 1049px){ /**** SPIP CONTENT 1360x1024px *****/ .contenu-mobil.spip-content{ display: none;} .contenu-desktop.spip-content{ display: block; width: 1306px; height: 761px; margin-top: 0px;} /*** FIL d'ARIANE SPIP 1360x1024px *****/ .spip-content .ariane{ width: 1300px; z-index:100; top: 0px;} .spip-content .ariane .arbo{ padding-left: 10px; padding-right: 10px; font-size: 12px; line-height: 32px; width: auto; text-shadow: 0 0 1px #FFFFFF, 0 0 1px #FFFFFF, 0 0 2px #FFFFFF, 0 0 5px #FFFFFF;} /*** CONTNER CONTENU SPIP 1360x1024px *****/ .spip-content .main { width: 1306px; height: 761px; margin-left: 0px; top: 74px;} .spip-content .main .wrapper .content { width: 1300px; height: 761px; } /*** TITRES TITRE DE LA RUBRIQUE-1 1360x1024px *****/ .titre-sma{ display: none; font-size: 20px; line-height: 2px; margin-top: 89px; padding-left: 138px; text-shadow: 0 0 1px #FFFFFF, 0 0 1px #FFFFFF, 0 0 2px #FFFFFF, 0 0 5px #FFFFFF, 0 0 10px #FFFFFF, 0 0 16px #FFFFFF; } .spip-content .main .wrapper .content .container2 { width: 1615px; margin-left:0px; margin-top: 0px;} /*** TITRES TITRE DE LA SOUS-RUBRIQUE-1 1360x1024px *****/ h1.titre-sma-rub1, h1.titre-sma-ssrub{ font-size: 32px; left: 120px; line-height: 125px; top: 0px; text-shadow: 0 0 1px #FFFFFF, 0 0 1px #FFFFFF, 0 0 2px #FFFFFF, 0 0 5px #FFFFFF, 0 0 10px #FFFFFF, 0 0 16px #FFFFFF;} h1.titre-sma-rub1 .spip_logos , h1.titre-sma-ssrub .spip_logos { margin: 11px 0 0 -56px; width: 110px; height: 110px; } h1.titre-sma-rub1 .descriptif, h1.titre-sma-ssrub .descriptif{ font-size: 20px; line-height: 2px; margin-top: -30px; margin-left: 0px; width : 1070px;} /*** TEXTE DE LA RUBRIQUE-1 1360x1024px *****/ .spip-content .main .wrapper .content .texte-rub1{ border-radius: 8px; font-size: 17px; left: 120px; line-height: 19px; margin-top: 110px; padding: 10px 15px 3px 55px; width: 1000px;} .spip-content .main #menu_rubriques2 { height: 350px; left: 2px; margin-top: 221px; width: 1301px;} .spip-content .main #menu_rubriques2 li{ font-size: .8em; margin-left: -1px; margin-top: -15px; } /*** LES BLOCS 1360x1024px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li { width: 265px; height: 282px; z-index: 1;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:hover{ width: 265px; height: 282px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child{ left: 1010px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2){ left: 760px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3){ left: 520px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4){ left: 280px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child{ left: 50px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child {border-top-right-radius: 16px; border-bottom-right-radius: 16px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2), .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3), .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4){ margin-left: 10px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child{ border-top-left-radius: 16px; border-bottom-left-radius: 16px; } /*** LES CADRES-INNER 1360x1024px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner{ width: 265px; height: 279px; padding-top: 7px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child:hover .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2):hover .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3):hover .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4):hover .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child:hover .cadre-inner{ width: 265px; height: 279px; padding-top: 7px; } .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner { border-top-right-radius: 15px; border-bottom-right-radius: 15px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner{} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner { border-top-left-radius: 15px; border-bottom-left-radius: 15px;} /*** LES CADRES-ITEM 1360x1024px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item{ width: 229px; height: 486px; margin-left: 7px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item{ border-top-left-radius: 12px; border-bottom-left-radius: 12px; border-top-right-radius: 12px; border-bottom-right-radius: 12px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item{ border-top-left-radius: 12px; border-bottom-left-radius: 12px; border-top-right-radius: 12px; border-bottom-right-radius: 12px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item{ border-top-left-radius: 12px; border-bottom-left-radius: 12px; border-top-right-radius: 12px; border-bottom-right-radius: 12px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child:hover .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2):hover .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3):hover .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4):hover .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child:hover .cadre-inner .cadre-item{ box-shadow: 0 0 2px #FFFFFF, 0 0 5px #FFFFFF, 0 0 10px #ffffff, 0 0 18px #ffffff; } .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child:hover .cadre-inner .cadre-item{ border-top-left-radius: 12px; border-bottom-left-radius: 12px; border-top-right-radius: 12px; border-bottom-right-radius: 12px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2):hover .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3):hover .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4):hover .cadre-inner .cadre-item{ border-top-left-radius: 12px; border-bottom-left-radius: 12px; border-top-right-radius: 12px; border-bottom-right-radius: 12px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child:hover .cadre-inner .cadre-item{ border-top-left-radius: 12px; border-bottom-left-radius: 12px; border-top-right-radius: 12px; border-bottom-right-radius: 12px;} /*** LES CADRES-ITEM-FINAL 1360x1024px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final{ width: 213px; height: 470px; margin-left: 7px; margin-top: 7px; } /*** CADRE ITEM FIX ***/ /*** Gradient Red ***/ /*** Gradient Orange ***/ /*** Gradient Yellow ***/ /*** Gradient Green ***/ /*** Gradient Blue ***/ /** COLOR INSIDE = DEGRADE GRIS 1360x1024px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final .color-inside{ width: 205px; height: 462px; left: 19px; margin-top: 3px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final .color-inside{ border-top-left-radius: 4px; border-bottom-left-radius: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final .color-inside{ border-top-left-radius: 4px; border-bottom-left-radius: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final .color-inside{ border-top-left-radius: 4px; border-bottom-left-radius: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final{ border-top-left-radius: 7px; border-bottom-left-radius: 7px; border-top-right-radius: 7px; border-bottom-right-radius: 7px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final{ border-top-left-radius: 7px; border-bottom-left-radius: 7px; border-top-right-radius: 7px; border-bottom-right-radius: 7px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final{ border-top-left-radius: 7px; border-bottom-left-radius: 7px; border-top-right-radius: 7px; border-bottom-right-radius: 7px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child:hover .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2):hover .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3):hover .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4):hover .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child:hover .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child:hover .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2):hover .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3):hover .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4):hover .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child:hover .cadre-inner .cadre-item .cadre-item-final{ width: 213px; height: 470px; margin-left: 7px; margin-top: 7px;} /*** Les LOGOS 1360x1024px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .spip_logos_rappel{ height: 250px; margin-left: -5px; margin-top: 0px; width: 250px; position: absolute;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child:hover .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2):hover .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3):hover .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4):hover .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child:hover .cadre-inner .spip_logos_rappel{ height: 250px; margin-left: -5px; margin-top: 0px; width: 250px;} /*** Les TITRES 1360x1024px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li .spip_titre_rappel{ font-size: 25px; line-height: 29px; margin-left: -20px; padding: 10px 40px; text-align: center; text-shadow: 0 0 1px #FFFFFF, 0 0 1px #FFFFFF, 0 0 2px #FFFFFF, 0 0 5px #FFFFFF, 0 0 10px #FFFFFF, 0 0 16px #FFFFFF; top: 192px; width: 168px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:hover .spip_titre_rappel{ text-shadow: 0 0 1px #FFFFFF, 0 0 1px #FFFFFF, 0 0 2px #FFFFFF, 0 0 5px #FFFFFF, 0 0 10px #FFFFFF, 0 0 16px #FFFFFF;} /*** Les DESCRIPTIFS V1 avec titre sur 1 ligne 1360x1024px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li .spip_descriptif_item-rappel{ display: block; width: 200px; margin-top: 0px; margin-left: 19px; font-size: 13px; line-height: 15px; padding: 10px 5px 1px 15px; border-radius: 10px;} /*** Les DESCRIPTIFS V2 avec titre sur 2 lignes 1360x1024px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li .spip_descriptif_item-rappel2{ border-radius: 5px; display: block; font-size: 11px; height: 153px; line-height: 13px; margin-left: 10px; margin-top: 285px; padding: 10px 13px 1px; width: 157px;} /*** POUR Les BTNS COULEURS(noir en fait) 1360x1024px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final .color-inside .mon-btn-color, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final .color-inside .mon-btn-color, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final .color-inside .mon-btn-color, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final .color-inside .mon-btn-color, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final .color-inside .mon-btn-color{ border-radius: 10px; color: #FFFFFF; font-size: 15px; left: 0; line-height: 8px; margin-left: 48px; margin-top: -50px; padding: 10px; width: 43.5%; z-index: 1000;} /*** POUR Les BTNS NOIR 1360x1024px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final-fix .color-inside .mon-btn, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside .mon-btn, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside .mon-btn, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside .mon-btn, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final-fix .color-inside .mon-btn{ left: 0px; width: 36%; font-size: 16px; line-height: 16px; padding-left: 10px; padding-right: 10px; padding-top: 10px; padding-bottom: 10px; border-radius: 10px; margin-left: 74px; margin-top: 18px; } /******************************************************************************* LES SOUS-RUBRIQUE DE CONTENU 1360x1024px ************************************************************************************/ /*** CONTENU RUBRIQUES ITEMS 1360x1024px *****/ .spip-content .main .wrapper .content .box-texte{ position: absolute; top: 168px; left: 110px; border-radius: 10px 0px 0px 10px; width: 1086px; height: 640px; z-index: 10; text-shadow: none; border-radius: 0px 0px 12px 12px; background-color: rgba(255, 255, 255, 0.25); border: 1px solid #FFFFFF; transition: all 0.35s ease-in-out 0s;} .spip-content .main .wrapper .content .box-texte .inner-txt{ padding: 7px 7px 7px 7px; border-radius: 10px 0px 0px 10px;} .spip-content .main .wrapper .content .box-texte .inner-txt .bg-texte{ width: 911px; height: 614px; padding: 0px 10px 10px 10px ; border-radius: 7px 0px 0px 7px; background-color: rgba(255, 255, 255, 0.85); border: 1px solid #fff;} .spip-content .main .wrapper .content .box-texte .inner-txt .bg-texte .texte{ border-radius: 5px; color: #808080; float: left; font-family: Arial,Helvetica,sans-serif; font-size: 15px; line-height: 17px; overflow: auto; padding: 50px 100px 20px 70px; text-align: left; width: 730px; height: 554px; } p { margin: 0 0 0px;} /*** TEXTE DE LA RUBRIQUE-B 1360x1024px *****/ .spip-content .main .wrapper .content .texte-rub1{ border-radius: 8px; font-size: 16px; height: 48px; left: 120px; line-height: 18px; padding: 10px 80px 0; top: 30px; width: 910px;} .spip-content .main #menu_rubriques1 { width: 1600px; height: 350px; left: 70px; margin-top: 240px;} .spip-content .main #menu_rubriques1 li{ font-size: .8em; margin-left: -1px; margin-top: -15px; } /*** DESCRIPTIF SSRUB 1360x1024px *****/ .spip-content .main .wrapper .content .descriptif-ssrub{ background-color: rgba(241, 241, 241, 0.85); border: 1px solid #FFFFFF; border-radius: 8px 8px 0 0; color: #555555; float: left; font-family: Arial,Helvetica,sans-serif; font-size: 17px; height: 59px; left: 110px; line-height: 20px; padding: 18px 110px 0 120px; position: absolute; text-align: left; top: 90px; width: 856px;} /*** TAILLE DE L'IMAGE DANS LE CORPS DE TEXTE SPIP 1360x1024px *****/ .spip_documents_left img{width: 100px; height: 100px; margin-left: 37px; margin-top: -18px; background-color: #fbfbfb;} /*** PARTICULARITE RUBRIQUE FORMULAIRE 1360x1024px *****/ .spip-content .main .wrapper .content .box-texte .inner-txt-formulaire{ padding: 7px 7px 7px 7px; border-radius: 10px 0px 0px 10px; font-family: Arial,Helvetica,sans-serif; text-align: left;} .spip-content .main .wrapper .content .box-texte .inner-txt-formulaire .bg-texte-formulaire{ border-radius: 7px 7px 7px 7px; background-color: rgba(255, 255, 255, 0.85); border: 1px solid #fff;float: left; overflow: none; padding: 0px; text-align: left; float: left; color: #808080; font-family: Arial,Helvetica,sans-serif; text-align: left; font-size: 14px; line-height: 15px; width: 1069px; height: 623px;} /*** PARTICULARITE RUBRIQUE SIMPLE 1360x1024px *****/ .spip-content .main .wrapper .content .box-texte .inner-txt-simple{ padding: 7px 7px 7px 7px; border-radius: 10px 0px 0px 10px; font-family: Arial,Helvetica,sans-serif; text-align: left;} .spip-content .main .wrapper .content .box-texte .inner-txt-simple .bg-texte-simple{ background-color: rgba(255, 255, 255, 0.85); border: 1px solid #FFFFFF; border-radius: 5px; color: #808080; float: left; font-family: Arial,Helvetica,sans-serif; font-size: 17px; height: 584px; line-height: 19px; overflow: auto; padding: 40px 110px 0; text-align: left; width: 850px;} /*** POUR LE PETIT MENU des SOUS RUBRIQUES en haut à droite 1360x1024x *****/ .spip-content .main #menu_rubriques1 { position: absolute; text-align: left; width: 118px; height: 640px; z-index: 1000; top: -72px; padding-right: 20px; left: 1058px; background-color: rgba(241, 241, 241, 0.7); border-top-left-radius: 0px; border-bottom-left-radius: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 12px; border: 1px solid #fff; } .spip-content .main #menu_rubriques1 li{ font-size: .8em; margin-left: -1px; list-style: none; float: right; margin-top: -15px; } .spip-content .main #menu_rubriques1 li ul li{ font-size: 1em; margin-left: 0em;} .spip-content .main #menu_rubriques1 { list-style-type:none; } .spip-content .main #menu_rubriques1 li { list-style-type: none; } .spip-content .main #menu_rubriques1 li li { list-style-type: none; } .spip-content .main #menu_rubriques1 li li li { list-style-type: none; } .spip-content .main #menu_rubriques1 hr {margin : 0.7em 0;} .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li { width: 114px; } .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li:hover { width: 114px; } .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li .spip_logos_rappel { height: 130px; width: 130px; margin-bottom: 10px; padding-left: 0px; margin-top: 20px;} .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li:hover .spip_logos_rappel {} .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li .spip_titre_rappel { position: absolute; width: 120px; margin-top: -20px; margin-left: 4px; font-family: "Fugaz One"; text-align: center; font-size: 16px; line-height: 18px; list-style: none;} .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li:hover .spip_titre_rappel { } /*** Les currents 1360x1024px ***/ .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li .nav_current_rub{ display: none;width: 120px; } .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li .nav_current_rub .spip_logos_rappel { width: 80px; height: 80px; padding-left: 18px; padding-top: 18px; padding-bottom: 10px;} .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li .nav_current_rub .spip_titre_rappel { position: absolute; width: 120px; margin-top: -14px; margin-left:-1px; text-align: center; font-size: 14px; line-height: 14px; list-style: none; } /*** FIN de 1360x1024px *****/ } /***** MEDIA QUERY SOUS MON AILE 1360x1050px *****/ @media screen and (min-width: 1360px) and (max-width: 1399px) and (min-height: 1050px) and (max-height: 1080px){ /**** SPIP CONTENT 1360x1050px *****/ .contenu-mobil.spip-content{ display: none;} .contenu-desktop.spip-content{ display: block; width: 1301px; height: 771px; margin-top: 0px;} /*** FIL d'ARIANE SPIP 1360x1050px *****/ .spip-content .ariane{ width: 1300px; z-index:100; top: 5px;} .spip-content .ariane .arbo{ padding-left: 10px; padding-right: 10px; font-size: 12px; line-height: 22px; width: auto; margin-top: 0px; text-shadow: 0 0 1px #FFFFFF, 0 0 1px #FFFFFF, 0 0 2px #FFFFFF, 0 0 5px #FFFFFF;} /*** CONTNER CONTENU SPIP 1360x1050px *****/ .spip-content .main { width: 1303px; height: 771px; margin-left: 0px; top: 114px;} .spip-content .main .wrapper .content { width: 1300px; height: 771px; } /*** TITRES TITRE DE LA RUBRIQUE-1 1360x1050px *****/ .titre-sma{ display: none; font-size: 20px; line-height: 2px; margin-top: 89px; padding-left: 138px; text-shadow: 0 0 1px #FFFFFF, 0 0 1px #FFFFFF, 0 0 2px #FFFFFF, 0 0 5px #FFFFFF, 0 0 10px #FFFFFF, 0 0 16px #FFFFFF; } .spip-content .main .wrapper .content .container2 { width: 1300px; margin-left:0px; margin-top: 0px;} /*** TITRES TITRE DE LA SOUS-RUBRIQUE-1 1360x1050px *****/ h1.titre-sma-rub1, h1.titre-sma-ssrub{ font-size: 42px; margin-left: 116px; line-height: 135px; top: -10px; text-shadow: 0 0 1px #FFFFFF, 0 0 1px #FFFFFF, 0 0 2px #FFFFFF, 0 0 5px #FFFFFF, 0 0 10px #FFFFFF, 0 0 16px #FFFFFF;} h1.titre-sma-rub1 .spip_logos , h1.titre-sma-ssrub .spip_logos { margin: 11px 0 0 -56px; width: 120px; height: 120px; } h1.titre-sma-rub1 .descriptif, h1.titre-sma-ssrub .descriptif{ font-size: 20px; line-height: 2px; top: 100px; margin-left: 0px; width : 1183px;} /*** TEXTE DE LA RUBRIQUE-1 1360x1050px *****/ .spip-content .main .wrapper .content .texte-rub1{ border-radius: 8px; font-size: 17px; left: 120px; line-height: 19px; margin-top: 120px; padding: 10px 15px 3px 55px; width: 1000px;} .spip-content .main #menu_rubriques2 { width: 1270px; height: 350px; left: 2px; margin-top: 240px;} .spip-content .main #menu_rubriques2 li{ font-size: .8em; margin-left: -1px; margin-top: -15px; } /*** LES BLOCS 1360x1050px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li { width: 265px; height: 282px; z-index: 1;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:hover{ width: 265px; height: 282px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child{ left: 1010px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2){ left: 760px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3){ left: 520px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4){ left: 280px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child{ left: 50px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child {border-top-right-radius: 16px; border-bottom-right-radius: 16px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2), .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3), .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4){ margin-left: 10px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child{ border-top-left-radius: 16px; border-bottom-left-radius: 16px; } /*** LES CADRES-INNER 1360x1050px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner{ width: 265px; height: 279px; padding-top: 7px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child:hover .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2):hover .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3):hover .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4):hover .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child:hover .cadre-inner{ width: 265px; height: 279px; padding-top: 7px; } .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner { border-top-right-radius: 15px; border-bottom-right-radius: 15px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner{} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner { border-top-left-radius: 15px; border-bottom-left-radius: 15px;} /*** LES CADRES-ITEM 1360x1050px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item{ width: 229px; height: 486px; margin-left: 7px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item{ border-top-left-radius: 12px; border-bottom-left-radius: 12px; border-top-right-radius: 12px; border-bottom-right-radius: 12px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item{ border-top-left-radius: 12px; border-bottom-left-radius: 12px; border-top-right-radius: 12px; border-bottom-right-radius: 12px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item{ border-top-left-radius: 12px; border-bottom-left-radius: 12px; border-top-right-radius: 12px; border-bottom-right-radius: 12px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child:hover .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2):hover .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3):hover .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4):hover .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child:hover .cadre-inner .cadre-item{ box-shadow: 0 0 2px #FFFFFF, 0 0 5px #FFFFFF, 0 0 10px #ffffff, 0 0 18px #ffffff; } .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child:hover .cadre-inner .cadre-item{ border-top-left-radius: 12px; border-bottom-left-radius: 12px; border-top-right-radius: 12px; border-bottom-right-radius: 12px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2):hover .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3):hover .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4):hover .cadre-inner .cadre-item{ border-top-left-radius: 12px; border-bottom-left-radius: 12px; border-top-right-radius: 12px; border-bottom-right-radius: 12px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child:hover .cadre-inner .cadre-item{ border-top-left-radius: 12px; border-bottom-left-radius: 12px; border-top-right-radius: 12px; border-bottom-right-radius: 12px;} /*** LES CADRES-ITEM-FINAL 1360x1050px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final{ width: 213px; height: 470px; margin-left: 7px; margin-top: 7px; } /*** CADRE ITEM FIX ***/ /*** Gradient Red ***/ /*** Gradient Orange ***/ /*** Gradient Yellow ***/ /*** Gradient Green ***/ /*** Gradient Blue ***/ /** COLOR INSIDE = DEGRADE GRIS 1360x1050px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final .color-inside{ width: 205px; height: 462px; left: 19px; margin-top: 3px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final .color-inside{ border-top-left-radius: 4px; border-bottom-left-radius: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final .color-inside{ border-top-left-radius: 4px; border-bottom-left-radius: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final .color-inside{ border-top-left-radius: 4px; border-bottom-left-radius: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final{ border-top-left-radius: 7px; border-bottom-left-radius: 7px; border-top-right-radius: 7px; border-bottom-right-radius: 7px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final{ border-top-left-radius: 7px; border-bottom-left-radius: 7px; border-top-right-radius: 7px; border-bottom-right-radius: 7px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final{ border-top-left-radius: 7px; border-bottom-left-radius: 7px; border-top-right-radius: 7px; border-bottom-right-radius: 7px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child:hover .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2):hover .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3):hover .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4):hover .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child:hover .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child:hover .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2):hover .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3):hover .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4):hover .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child:hover .cadre-inner .cadre-item .cadre-item-final{ width: 213px; height: 470px; margin-left: 7px; margin-top: 7px;} /*** Les LOGOS 1360x1050px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .spip_logos_rappel{ height: 250px; margin-left: -5px; margin-top: 0px; width: 250px; position: absolute;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child:hover .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2):hover .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3):hover .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4):hover .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child:hover .cadre-inner .spip_logos_rappel{ height: 250px; margin-left: -5px; margin-top: 0px; width: 250px;} /*** Les TITRES 1360x1050px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li .spip_titre_rappel{ font-size: 25px; line-height: 29px; margin-left: -20px; padding: 10px 40px; text-align: center; text-shadow: 0 0 1px #FFFFFF, 0 0 1px #FFFFFF, 0 0 2px #FFFFFF, 0 0 5px #FFFFFF, 0 0 10px #FFFFFF, 0 0 16px #FFFFFF; top: 192px; width: 168px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:hover .spip_titre_rappel{ text-shadow: 0 0 1px #FFFFFF, 0 0 1px #FFFFFF, 0 0 2px #FFFFFF, 0 0 5px #FFFFFF, 0 0 10px #FFFFFF, 0 0 16px #FFFFFF;} /*** Les DESCRIPTIFS V1 avec titre sur 1 ligne 1360x1050px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li .spip_descriptif_item-rappel{ display: block; width: 200px; margin-top: 0px; margin-left: 19px; font-size: 13px; line-height: 15px; padding: 10px 5px 1px 15px; border-radius: 10px;} /*** Les DESCRIPTIFS V2 avec titre sur 2 lignes 1360x1050px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li .spip_descriptif_item-rappel2{ border-radius: 5px; display: block; font-size: 11px; height: 153px; line-height: 13px; margin-left: 10px; margin-top: 285px; padding: 10px 13px 1px; width: 157px;} /*** POUR Les BTNS COULEURS(noir en fait) 1360x1050px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final .color-inside .mon-btn-color, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final .color-inside .mon-btn-color, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final .color-inside .mon-btn-color, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final .color-inside .mon-btn-color, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final .color-inside .mon-btn-color{ border-radius: 10px; color: #FFFFFF; font-size: 15px; left: 0; line-height: 8px; margin-left: 48px; margin-top: -50px; padding: 10px; width: 43.5%; z-index: 1000;} /*** POUR Les BTNS NOIR 1360x1050px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final-fix .color-inside .mon-btn, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside .mon-btn, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside .mon-btn, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside .mon-btn, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final-fix .color-inside .mon-btn{ left: 0px; width: 36%; font-size: 16px; line-height: 16px; padding-left: 10px; padding-right: 10px; padding-top: 10px; padding-bottom: 10px; border-radius: 10px; margin-left: 74px; margin-top: 18px; } /******************************************************************************* LES SOUS-RUBRIQUE DE CONTENU 1360x1050px ************************************************************************************/ /*** CONTENU RUBRIQUES ITEMS 1360x1050px *****/ .spip-content .main .wrapper .content .box-texte{ position: absolute; top: 168px; left: 110px; border-radius: 10px 0px 0px 10px; width: 1086px; height: 640px; z-index: 10; text-shadow: none; border-radius: 0px 0px 12px 12px; background-color: rgba(255, 255, 255, 0.25); border: 1px solid #FFFFFF; transition: all 0.35s ease-in-out 0s;} .spip-content .main .wrapper .content .box-texte .inner-txt{ padding: 7px 7px 7px 7px; border-radius: 10px 0px 0px 10px;} .spip-content .main .wrapper .content .box-texte .inner-txt .bg-texte{ width: 911px; height: 614px; padding: 0px 10px 10px 10px ; border-radius: 7px 0px 0px 7px; background-color: rgba(255, 255, 255, 0.85); border: 1px solid #fff;} .spip-content .main .wrapper .content .box-texte .inner-txt .bg-texte .texte{ border-radius: 5px; color: #808080; float: left; font-family: Arial,Helvetica,sans-serif; font-size: 15px; line-height: 17px; overflow: auto; padding: 50px 100px 20px 70px; text-align: left; width: 730px; height: 554px; } p { margin: 0 0 0px;} /*** TEXTE DE LA RUBRIQUE-B 1360x1050px *****/ .spip-content .main .wrapper .content .texte-rub1{ border-radius: 8px; font-size: 16px; height: 48px; left: 120px; line-height: 18px; padding: 10px 80px 0; top: 20px; width: 910px;} .spip-content .main #menu_rubriques1 { width: 1600px; height: 350px; left: 70px; margin-top: 240px;} .spip-content .main #menu_rubriques1 li{ font-size: .8em; margin-left: -1px; margin-top: -15px; } /*** DESCRIPTIF SSRUB 1360x1050px *****/ .spip-content .main .wrapper .content .descriptif-ssrub{ background-color: rgba(241, 241, 241, 0.85); border: 1px solid #FFFFFF; border-radius: 8px 8px 0 0; color: #555555; float: left; font-family: Arial,Helvetica,sans-serif; font-size: 17px; height: 59px; left: 110px; line-height: 20px; padding: 18px 110px 0 120px; position: absolute; text-align: left; top: 90px; width: 856px;} /*** TAILLE DE L'IMAGE DANS LE CORPS DE TEXTE SPIP 1360x1050px *****/ .spip_documents_left img{width: 100px; height: 100px; margin-left: 37px; margin-top: -18px; background-color: #fbfbfb;} /*** PARTICULARITE RUBRIQUE FORMULAIRE 1360x1050px *****/ .spip-content .main .wrapper .content .box-texte .inner-txt-formulaire{ padding: 7px 7px 7px 7px; border-radius: 10px 0px 0px 10px; font-family: Arial,Helvetica,sans-serif; text-align: left;} .spip-content .main .wrapper .content .box-texte .inner-txt-formulaire .bg-texte-formulaire{ border-radius: 7px 7px 7px 7px; background-color: rgba(255, 255, 255, 0.85); border: 1px solid #fff;float: left; overflow: none; padding: 0px; text-align: left; float: left; color: #808080; font-family: Arial,Helvetica,sans-serif; text-align: left; font-size: 14px; line-height: 15px; width: 1069px; height: 623px;} /*** PARTICULARITE RUBRIQUE SIMPLE 1360x1050px *****/ .spip-content .main .wrapper .content .box-texte .inner-txt-simple{ padding: 7px 7px 7px 7px; border-radius: 10px 0px 0px 10px; font-family: Arial,Helvetica,sans-serif; text-align: left;} .spip-content .main .wrapper .content .box-texte .inner-txt-simple .bg-texte-simple{ background-color: rgba(255, 255, 255, 0.85); border: 1px solid #FFFFFF; border-radius: 5px; color: #808080; float: left; font-family: Arial,Helvetica,sans-serif; font-size: 17px; height: 584px; line-height: 19px; overflow: auto; padding: 40px 110px 0; text-align: left; width: 850px;} /*** POUR LE PETIT MENU des SOUS RUBRIQUES en haut à droite 1360x1050px *****/ .spip-content .main #menu_rubriques1 { position: absolute; text-align: left; width: 118px; height: 640px; z-index: 1000; top: -72px; padding-right: 20px; left: 1058px; background-color: rgba(241, 241, 241, 0.7); border-top-left-radius: 0px; border-bottom-left-radius: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 12px; border: 1px solid #fff; } .spip-content .main #menu_rubriques1 li{ font-size: .8em; margin-left: -1px; list-style: none; float: right; margin-top: -15px; } .spip-content .main #menu_rubriques1 li ul li{ font-size: 1em; margin-left: 0em;} .spip-content .main #menu_rubriques1 { list-style-type:none; } .spip-content .main #menu_rubriques1 li { list-style-type: none; } .spip-content .main #menu_rubriques1 li li { list-style-type: none; } .spip-content .main #menu_rubriques1 li li li { list-style-type: none; } .spip-content .main #menu_rubriques1 hr {margin : 0.7em 0;} .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li { width: 114px; } .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li:hover { width: 114px; } .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li .spip_logos_rappel { height: 130px; width: 130px; margin-bottom: 10px; padding-left: 0px; margin-top: 20px;} .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li:hover .spip_logos_rappel {} .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li .spip_titre_rappel { position: absolute; width: 120px; margin-top: -20px; margin-left: 4px; font-family: "Fugaz One"; text-align: center; font-size: 16px; line-height: 18px; list-style: none;} .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li:hover .spip_titre_rappel { } /*** Les currents 1360x1050px ***/ .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li .nav_current_rub{ display: none;width: 120px; } .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li .nav_current_rub .spip_logos_rappel { width: 80px; height: 80px; padding-left: 18px; padding-top: 18px; padding-bottom: 10px;} .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li .nav_current_rub .spip_titre_rappel { position: absolute; width: 120px; margin-top: -14px; margin-left:-1px; text-align: center; font-size: 14px; line-height: 14px; list-style: none; } /*** FIN de 1360x1050px *****/ } /***** MEDIA QUERY SOUS MON AILE 1360x1200px *****/ @media screen and (min-width: 1360px) and (max-width: 1399px) and (min-height: 1081px) and (max-height: 1549px){ /**** SPIP CONTENT 1360x1200px *****/ .contenu-mobil.spip-content{ display: none;} .contenu-desktop.spip-content{ display: block; width: 1302px; height: 821px; margin-top: 0px;} /*** FIL d'ARIANE SPIP 1360x1200px *****/ .spip-content .ariane{ width: 1290px; z-index:100; top: 10px;} .spip-content .ariane .arbo{ padding-left: 10px; padding-right: 10px; font-size: 18px; line-height: 18px; width: auto; text-shadow: 0 0 1px #FFFFFF, 0 0 1px #FFFFFF, 0 0 2px #FFFFFF, 0 0 5px #FFFFFF;} /*** CONTNER CONTENU SPIP 1360x1200px *****/ .spip-content .main { width: 1303px; height: 440px; margin-left: 0px; top: 114px;} .spip-content .main .wrapper .content { width: 1300px; height: 791px;} /*** TITRES TITRE DE LA RUBRIQUE-1 1360x1200px *****/ .titre-sma{ display: none; font-size: 20px; line-height: 2px; margin-top: 89px; padding-left: 138px; text-shadow: 0 0 1px #FFFFFF, 0 0 1px #FFFFFF, 0 0 2px #FFFFFF, 0 0 5px #FFFFFF, 0 0 10px #FFFFFF, 0 0 16px #FFFFFF; } .spip-content .main .wrapper .content .container2 { width: 1300px; margin-left:0px; margin-top: 0px;} /*** TITRES TITRE DE LA SOUS-RUBRIQUE-1 1360x1200px *****/ h1.titre-sma-rub1, h1.titre-sma-ssrub{ font-size: 42px; left: 120px; line-height: 135px; top: -10px; text-shadow: 0 0 1px #FFFFFF, 0 0 1px #FFFFFF, 0 0 2px #FFFFFF, 0 0 5px #FFFFFF, 0 0 10px #FFFFFF, 0 0 16px #FFFFFF;} h1.titre-sma-rub1 .spip_logos , h1.titre-sma-ssrub .spip_logos { margin: 11px 0 0 -56px; width: 120px; height: 120px; } h1.titre-sma-rub1 .descriptif, h1.titre-sma-ssrub .descriptif{ font-size: 20px; line-height: 2px; top: 100px; left: 0px; width : 1080px;} /*** TEXTE DE LA RUBRIQUE-1 1360x1200px *****/ .spip-content .main .wrapper .content .texte-rub1{ border-radius: 8px; font-size: 18px; left: 120px; line-height: 22px; top: 130px; padding: 10px 15px 3px 55px; width: 1000px;} .spip-content .main #menu_rubriques2 { width: 1300px; height: 350px; left: 0px; margin-top: 240px;} .spip-content .main #menu_rubriques2 li{ font-size: .8em; margin-left: -1px; margin-top: -15px; } /*** LES BLOCS 1360x1200px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li { width: 265px; height: 282px; z-index: 1;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:hover{ width: 265px; height: 282px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child{ left: 1010px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2){ left: 760px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3){ left: 520px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4){ left: 280px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child{ left: 50px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child {border-top-right-radius: 16px; border-bottom-right-radius: 16px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2), .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3), .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4){ margin-left: 10px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child{ border-top-left-radius: 16px; border-bottom-left-radius: 16px; } /*** LES CADRES-INNER 1360x1200px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner{ width: 265px; height: 279px; padding-top: 7px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child:hover .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2):hover .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3):hover .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4):hover .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child:hover .cadre-inner{ width: 265px; height: 279px; padding-top: 7px; } .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner { border-top-right-radius: 15px; border-bottom-right-radius: 15px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner{} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner { border-top-left-radius: 15px; border-bottom-left-radius: 15px;} /*** LES CADRES-ITEM 1360x1200px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item{ width: 229px; height: 486px; margin-left: 7px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item{ border-top-left-radius: 12px; border-bottom-left-radius: 12px; border-top-right-radius: 12px; border-bottom-right-radius: 12px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item{ border-top-left-radius: 12px; border-bottom-left-radius: 12px; border-top-right-radius: 12px; border-bottom-right-radius: 12px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item{ border-top-left-radius: 12px; border-bottom-left-radius: 12px; border-top-right-radius: 12px; border-bottom-right-radius: 12px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child:hover .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2):hover .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3):hover .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4):hover .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child:hover .cadre-inner .cadre-item{ box-shadow: 0 0 2px #FFFFFF, 0 0 5px #FFFFFF, 0 0 10px #ffffff, 0 0 18px #ffffff; } .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child:hover .cadre-inner .cadre-item{ border-top-left-radius: 12px; border-bottom-left-radius: 12px; border-top-right-radius: 12px; border-bottom-right-radius: 12px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2):hover .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3):hover .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4):hover .cadre-inner .cadre-item{ border-top-left-radius: 12px; border-bottom-left-radius: 12px; border-top-right-radius: 12px; border-bottom-right-radius: 12px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child:hover .cadre-inner .cadre-item{ border-top-left-radius: 12px; border-bottom-left-radius: 12px; border-top-right-radius: 12px; border-bottom-right-radius: 12px;} /*** LES CADRES-ITEM-FINAL 1360x1200px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final{ width: 213px; height: 470px; margin-left: 7px; margin-top: 7px; } /*** CADRE ITEM FIX ***/ /*** Gradient Red ***/ /*** Gradient Orange ***/ /*** Gradient Yellow ***/ /*** Gradient Green ***/ /*** Gradient Blue ***/ /** COLOR INSIDE = DEGRADE GRIS 1360x1200px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final .color-inside{ width: 205px; height: 462px; left: 19px; margin-top: 3px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final .color-inside{ border-top-left-radius: 4px; border-bottom-left-radius: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final .color-inside{ border-top-left-radius: 4px; border-bottom-left-radius: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final .color-inside{ border-top-left-radius: 4px; border-bottom-left-radius: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final{ border-top-left-radius: 7px; border-bottom-left-radius: 7px; border-top-right-radius: 7px; border-bottom-right-radius: 7px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final{ border-top-left-radius: 7px; border-bottom-left-radius: 7px; border-top-right-radius: 7px; border-bottom-right-radius: 7px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final{ border-top-left-radius: 7px; border-bottom-left-radius: 7px; border-top-right-radius: 7px; border-bottom-right-radius: 7px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child:hover .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2):hover .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3):hover .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4):hover .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child:hover .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child:hover .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2):hover .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3):hover .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4):hover .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child:hover .cadre-inner .cadre-item .cadre-item-final{ width: 213px; height: 470px; margin-left: 7px; margin-top: 7px;} /*** Les LOGOS 1360x1200px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .spip_logos_rappel{ height: 250px; margin-left: -5px; margin-top: 0px; width: 250px; position: absolute;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child:hover .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2):hover .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3):hover .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4):hover .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child:hover .cadre-inner .spip_logos_rappel{ height: 250px; margin-left: -5px; margin-top: 0px; width: 250px;} /*** Les TITRES 1360x1200px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li .spip_titre_rappel{ font-size: 25px; line-height: 29px; margin-left: -20px; padding: 10px 40px; text-align: center; text-shadow: 0 0 1px #FFFFFF, 0 0 1px #FFFFFF, 0 0 2px #FFFFFF, 0 0 5px #FFFFFF, 0 0 10px #FFFFFF, 0 0 16px #FFFFFF; top: 192px; width: 168px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:hover .spip_titre_rappel{ text-shadow: 0 0 1px #FFFFFF, 0 0 1px #FFFFFF, 0 0 2px #FFFFFF, 0 0 5px #FFFFFF, 0 0 10px #FFFFFF, 0 0 16px #FFFFFF;} /*** Les DESCRIPTIFS V1 avec titre sur 1 ligne 1360x1200px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li .spip_descriptif_item-rappel{ display: block; width: 200px; margin-top: 0px; margin-left: 19px; font-size: 13px; line-height: 15px; padding: 10px 5px 1px 15px; border-radius: 10px;} /*** Les DESCRIPTIFS V2 avec titre sur 2 lignes 1360x1200px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li .spip_descriptif_item-rappel2{ border-radius: 5px; display: block; font-size: 11px; height: 153px; line-height: 13px; margin-left: 10px; margin-top: 285px; padding: 10px 13px 1px; width: 157px;} /*** POUR Les BTNS COULEURS(noir en fait) 1360x1200px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final .color-inside .mon-btn-color, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final .color-inside .mon-btn-color, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final .color-inside .mon-btn-color, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final .color-inside .mon-btn-color, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final .color-inside .mon-btn-color{ border-radius: 10px; color: #FFFFFF; font-size: 15px; left: 0; line-height: 8px; margin-left: 48px; margin-top: -50px; padding: 10px; width: 43.5%; z-index: 1000;} /*** POUR Les BTNS NOIR 1360x1200px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final-fix .color-inside .mon-btn, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside .mon-btn, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside .mon-btn, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside .mon-btn, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final-fix .color-inside .mon-btn{ left: 0px; width: 36%; font-size: 16px; line-height: 16px; padding-left: 10px; padding-right: 10px; padding-top: 10px; padding-bottom: 10px; border-radius: 10px; margin-left: 74px; margin-top: 18px; } /******************************************************************************* LES SOUS-RUBRIQUE DE CONTENU 1360x1200px ************************************************************************************/ /*** CONTENU RUBRIQUES ITEMS 1360x1200px *****/ .spip-content .main .wrapper .content .box-texte{ position: absolute; top: 168px; left: 110px; border-radius: 10px 0px 0px 10px; width: 1086px; height: 640px; z-index: 10; text-shadow: none; border-radius: 0px 0px 12px 12px; background-color: rgba(255, 255, 255, 0.25); border: 1px solid #FFFFFF; transition: all 0.35s ease-in-out 0s;} .spip-content .main .wrapper .content .box-texte .inner-txt{ padding: 7px 7px 7px 7px; border-radius: 10px 0px 0px 10px;} .spip-content .main .wrapper .content .box-texte .inner-txt .bg-texte{ width: 911px; height: 614px; padding: 0px 10px 10px 10px ; border-radius: 7px 0px 0px 7px; background-color: rgba(255, 255, 255, 0.85); border: 1px solid #fff;} .spip-content .main .wrapper .content .box-texte .inner-txt .bg-texte .texte{ border-radius: 5px; color: #808080; float: left; font-family: Arial,Helvetica,sans-serif; font-size: 15px; line-height: 17px; overflow: auto; padding: 50px 100px 20px 70px; text-align: left; width: 730px; height: 554px; } p { margin: 0 0 0px;} /*** TEXTE DE LA RUBRIQUE-B 1360x1200px *****/ .spip-content .main .wrapper .content .texte-rub1{ border-radius: 8px; font-size: 16px; height: 48px; left: 120px; line-height: 18px; padding: 10px 80px 0; top: 140px; width: 910px;} .spip-content .main #menu_rubriques1 { width: 1600px; height: 350px; left: 70px; margin-top: 240px;} .spip-content .main #menu_rubriques1 li{ font-size: .8em; margin-left: -1px; margin-top: -15px; } /*** DESCRIPTIF SSRUB 1360x1200px *****/ .spip-content .main .wrapper .content .descriptif-ssrub{ background-color: rgba(241, 241, 241, 0.85); border: 1px solid #FFFFFF; border-radius: 8px 8px 0 0; color: #555555; float: left; font-family: Arial,Helvetica,sans-serif; font-size: 17px; height: 59px; left: 110px; line-height: 20px; padding: 18px 110px 0 120px; position: absolute; text-align: left; top: 90px; width: 856px;} /*** TAILLE DE L'IMAGE DANS LE CORPS DE TEXTE SPIP 1360x1200px *****/ .spip_documents_left img{width: 100px; height: 100px; margin-left: 37px; margin-top: -18px; background-color: #fbfbfb;} /*** PARTICULARITE RUBRIQUE FORMULAIRE 1360x1200px *****/ .spip-content .main .wrapper .content .box-texte .inner-txt-formulaire{ padding: 7px 7px 7px 7px; border-radius: 10px 0px 0px 10px; font-family: Arial,Helvetica,sans-serif; text-align: left;} .spip-content .main .wrapper .content .box-texte .inner-txt-formulaire .bg-texte-formulaire{ border-radius: 7px 7px 7px 7px; background-color: rgba(255, 255, 255, 0.85); border: 1px solid #fff;float: left; overflow: none; padding: 0px; text-align: left; float: left; color: #808080; font-family: Arial,Helvetica,sans-serif; text-align: left; font-size: 14px; line-height: 15px; width:1069px; height: 623px;} /*** PARTICULARITE RUBRIQUE SIMPLE 1360x1200px *****/ .spip-content .main .wrapper .content .box-texte .inner-txt-simple{ padding: 7px 7px 7px 7px; border-radius: 10px 0px 0px 10px; font-family: Arial,Helvetica,sans-serif; text-align: left;} .spip-content .main .wrapper .content .box-texte .inner-txt-simple .bg-texte-simple{ background-color: rgba(255, 255, 255, 0.85); border: 1px solid #FFFFFF; border-radius: 5px; color: #808080; float: left; font-family: Arial,Helvetica,sans-serif; font-size: 17px; height: 584px; line-height: 19px; overflow: auto; padding: 40px 110px 0; text-align: left; width: 850px;} /*** POUR LE PETIT MENU des SOUS RUBRIQUES en haut à droite 1360x1200px *****/ .spip-content .main #menu_rubriques1 { position: absolute; text-align: left; width: 118px; height: 640px; z-index: 1000; top: -72px; padding-right: 20px; left: 1058px; background-color: rgba(241, 241, 241, 0.7); border-top-left-radius: 0px; border-bottom-left-radius: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 12px; border: 1px solid #fff; } .spip-content .main #menu_rubriques1 li{ font-size: .8em; margin-left: -1px; list-style: none; float: right; margin-top: -15px; } .spip-content .main #menu_rubriques1 li ul li{ font-size: 1em; margin-left: 0em;} .spip-content .main #menu_rubriques1 { list-style-type:none; } .spip-content .main #menu_rubriques1 li { list-style-type: none; } .spip-content .main #menu_rubriques1 li li { list-style-type: none; } .spip-content .main #menu_rubriques1 li li li { list-style-type: none; } .spip-content .main #menu_rubriques1 hr {margin : 0.7em 0;} .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li { width: 114px; } .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li:hover { width: 114px; } .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li .spip_logos_rappel { height: 130px; width: 130px; margin-bottom: 10px; padding-left: 0px; margin-top: 20px;} .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li:hover .spip_logos_rappel {} .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li .spip_titre_rappel { position: absolute; width: 120px; margin-top: -20px; margin-left: 4px; font-family: "Fugaz One"; text-align: center; font-size: 16px; line-height: 18px; list-style: none;} .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li:hover .spip_titre_rappel { } /*** Les currents 1360x1200px ***/ .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li .nav_current_rub{ display: none;width: 120px; } .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li .nav_current_rub .spip_logos_rappel { width: 80px; height: 80px; padding-left: 18px; padding-top: 18px; padding-bottom: 10px;} .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li .nav_current_rub .spip_titre_rappel { position: absolute; width: 120px; margin-top: -14px; margin-left:-1px; text-align: center; font-size: 14px; line-height: 14px; list-style: none; } /*** FIN de 1360x1200px *****/ } /************************************************************************************************************************ ************************************** MEDIA QUERY SOUS MON AILE 1400px de largeur *********************************** *************************************************************************************************************************/ /***** MEDIA QUERY SOUS MON AILE 1440x600px *****/ @media screen and (min-width: 1400px) and (max-width: 1549px) and (min-height: 10px) and (max-height: 749px){ /**** SPIP CONTENT 1440x600px *****/ .contenu-mobil.spip-content{ display: none;} .contenu-desktop.spip-content{ display: block; width: 1306px; height: 468px; margin-top: 0px;} /*** FIL d'ARIANE SPIP 1440x600px *****/ .spip-content .ariane{ width: 1480px; z-index:100; top: 5px; } .spip-content .ariane .arbo{ padding-left: 10px; padding-right: 10px; font-size: 12px; line-height: 22px; width: auto; text-shadow: 0 0 1px #FFFFFF, 0 0 1px #FFFFFF, 0 0 2px #FFFFFF, 0 0 5px #FFFFFF;} /*** CONTNER CONTENU SPIP 1440x600px *****/ .spip-content .main { width: 1490px; height: 440px; margin-left: 0px; top: 74px;} .spip-content .main .wrapper .content { height: 418px; width: 1172px;} /*** TITRES TITRE DE LA RUBRIQUE-1 1440x600px *****/ .titre-sma{ display: none; font-size: 20px; line-height: 2px; margin-top: 89px; padding-left: 138px; text-shadow: 0 0 1px #FFFFFF, 0 0 1px #FFFFFF, 0 0 2px #FFFFFF, 0 0 5px #FFFFFF, 0 0 10px #FFFFFF, 0 0 16px #FFFFFF; } .spip-content .main .wrapper .content .container2 { width: 1615px; margin-left:0px; margin-top: 0px;} /*** TITRES TITRE DE LA SOUS-RUBRIQUE-1 1440x600px *****/ h1.titre-sma-rub1, h1.titre-sma-ssrub{ font-size: 24px; left: 140px; line-height: 100px; margin-top: -30px; text-shadow: 0 0 1px #FFFFFF, 0 0 1px #FFFFFF, 0 0 2px #FFFFFF, 0 0 5px #FFFFFF, 0 0 10px #FFFFFF, 0 0 16px #FFFFFF;} h1.titre-sma-rub1 .spip_logos , h1.titre-sma-ssrub .spip_logos { margin: 10px 0 0 -43px; width: 90px; height: 90px; } h1.titre-sma-rub1 .descriptif, h1.titre-sma-ssrub .descriptif{ font-size: 16px; line-height: 2px; margin-top: -27px; margin-left: 0px; width : 1100px;} /*** TEXTE DE LA RUBRIQUE-1 1440x600px *****/ .spip-content .main .wrapper .content .texte-rub1{ border-radius: 8px; font-size: 17px; left: 140px; line-height: 20px; margin-top: 62px; padding: 10px 15px 3px 20px; width: 1190px;} .spip-content .main #menu_rubriques2 { width: 1304px; height: 350px; left: 28px; margin-top: 150px;} .spip-content .main #menu_rubriques2 li{ font-size: .8em; margin-left: -1px; margin-top: -15px; } /**** SPIP CONTENT 1440x600px *****/ .contenu-mobil.spip-content{ display: none;} .contenu-desktop.spip-content{ display: block; width: 1306px; height: 468px; margin-top: 0px;} /*** FIL d'ARIANE SPIP 1440x600px *****/ .spip-content .ariane{ width: 1300px; z-index:100; top: 5px; } .spip-content .ariane .arbo{ padding-left: 10px; padding-right: 10px; font-size: 12px; line-height: 22px; width: auto; text-shadow: 0 0 1px #FFFFFF, 0 0 1px #FFFFFF, 0 0 2px #FFFFFF, 0 0 5px #FFFFFF;} /*** CONTNER CONTENU SPIP 1440x600px *****/ .spip-content .main { width: 1302px; height: 440px; margin-left: 0px; top: 74px;} .spip-content .main .wrapper .content { height: 418px; width: 1172px;} /*** TITRES TITRE DE LA RUBRIQUE-1 1440x600px *****/ .titre-sma{ display: none; font-size: 20px; line-height: 2px; margin-top: 89px; padding-left: 138px; text-shadow: 0 0 1px #FFFFFF, 0 0 1px #FFFFFF, 0 0 2px #FFFFFF, 0 0 5px #FFFFFF, 0 0 10px #FFFFFF, 0 0 16px #FFFFFF; } .spip-content .main .wrapper .content .container2 { width: 1615px; margin-left:0px; margin-top: 0px;} /*** TITRES TITRE DE LA SOUS-RUBRIQUE-1 1440x600px *****/ h1.titre-sma-rub1, h1.titre-sma-ssrub{ font-size: 24px; margin-left: -20px; line-height: 100px; margin-top: -30px; text-shadow: 0 0 1px #FFFFFF, 0 0 1px #FFFFFF, 0 0 2px #FFFFFF, 0 0 5px #FFFFFF, 0 0 10px #FFFFFF, 0 0 16px #FFFFFF;} h1.titre-sma-rub1 .spip_logos , h1.titre-sma-ssrub .spip_logos { margin: 10px 0 0 -43px; width: 90px; height: 90px; } h1.titre-sma-rub1 .descriptif, h1.titre-sma-ssrub .descriptif{ font-size: 16px; line-height: 2px; margin-top: -27px; margin-left: 0px; width : 1100px;} /*** TEXTE DE LA RUBRIQUE-1 1440x600px *****/ .spip-content .main .wrapper .content .texte-rub1{ border-radius: 8px; font-size: 14px; height: 41px; left: 120px; line-height: 16px; padding: 7px 80px 0px 80px; top: 28px; width: 900px;} .spip-content .main #menu_rubriques2 { height: 260px; left: 2px; margin-top: 150px;} .spip-content .main #menu_rubriques2 li{ font-size: .8em; margin-left: -1px; margin-top: -15px; } /*** LES BLOCS 1440x600px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li { width: 265px; height: 282px; z-index: 1;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:hover{ width: 265px; height: 282px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child{ left: 1010px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2){ left: 760px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3){ left: 520px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4){ left: 280px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child{ left: 50px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child {border-top-right-radius: 16px; border-bottom-right-radius: 16px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2), .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3), .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4){ margin-left: 10px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child{ border-top-left-radius: 16px; border-bottom-left-radius: 16px; } /*** LES CADRES-INNER 1440x600px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner{ width: 265px; height: 279px; padding-top: 7px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child:hover .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2):hover .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3):hover .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4):hover .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child:hover .cadre-inner{ width: 265px; height: 279px; padding-top: 7px; } .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner { border-top-right-radius: 15px; border-bottom-right-radius: 15px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner{} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner { border-top-left-radius: 15px; border-bottom-left-radius: 15px;} /*** LES CADRES-ITEM 1440x600px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item{ width: 229px; height: 264px; margin-left: 7px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item{ border-top-left-radius: 12px; border-bottom-left-radius: 12px; border-top-right-radius: 12px; border-bottom-right-radius: 12px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item{ border-top-left-radius: 12px; border-bottom-left-radius: 12px; border-top-right-radius: 12px; border-bottom-right-radius: 12px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item{ border-top-left-radius: 12px; border-bottom-left-radius: 12px; border-top-right-radius: 12px; border-bottom-right-radius: 12px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child:hover .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2):hover .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3):hover .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4):hover .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child:hover .cadre-inner .cadre-item{ box-shadow: 0 0 2px #FFFFFF, 0 0 5px #FFFFFF, 0 0 10px #ffffff, 0 0 18px #ffffff; } .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child:hover .cadre-inner .cadre-item{ border-top-left-radius: 12px; border-bottom-left-radius: 12px; border-top-right-radius: 12px; border-bottom-right-radius: 12px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2):hover .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3):hover .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4):hover .cadre-inner .cadre-item{ border-top-left-radius: 12px; border-bottom-left-radius: 12px; border-top-right-radius: 12px; border-bottom-right-radius: 12px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child:hover .cadre-inner .cadre-item{ border-top-left-radius: 12px; border-bottom-left-radius: 12px; border-top-right-radius: 12px; border-bottom-right-radius: 12px;} /*** LES CADRES-ITEM-FINAL 1440x600px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final{ width: 213px; height: 248px; margin-left: 7px; margin-top: 7px; } /*** CADRE ITEM FIX ***/ /*** Gradient Red ***/ /*** Gradient Orange ***/ /*** Gradient Yellow ***/ /*** Gradient Green ***/ /*** Gradient Blue ***/ /** COLOR INSIDE = DEGRADE GRIS 1440x600px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final .color-inside{ width: 205px; height: 240px; left: 19px; margin-top: 3px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final .color-inside{ border-top-left-radius: 4px; border-bottom-left-radius: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final .color-inside{ border-top-left-radius: 4px; border-bottom-left-radius: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final .color-inside{ border-top-left-radius: 4px; border-bottom-left-radius: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final{ border-top-left-radius: 7px; border-bottom-left-radius: 7px; border-top-right-radius: 7px; border-bottom-right-radius: 7px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final{ border-top-left-radius: 7px; border-bottom-left-radius: 7px; border-top-right-radius: 7px; border-bottom-right-radius: 7px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final{ border-top-left-radius: 7px; border-bottom-left-radius: 7px; border-top-right-radius: 7px; border-bottom-right-radius: 7px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child:hover .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2):hover .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3):hover .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4):hover .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child:hover .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child:hover .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2):hover .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3):hover .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4):hover .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child:hover .cadre-inner .cadre-item .cadre-item-final{ width: 213px; height: 248px; margin-left: 7px; margin-top: 7px;} /*** Les LOGOS 1440x600px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .spip_logos_rappel{ height: 90px; margin-left: -6px; margin-top: -9px; width: 90px; position: absolute;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child:hover .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2):hover .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3):hover .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4):hover .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child:hover .cadre-inner .spip_logos_rappel{ height: 90px; margin-left: -6px; margin-top: -9px; width: 90px;} /*** Les TITRES 1440x600px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li .spip_titre_rappel{ font-size: 17px; line-height: 18px; margin-left: 31px; padding: 10px 40px; text-align: center; text-shadow: 0 0 1px #FFFFFF, 0 0 1px #FFFFFF, 0 0 2px #FFFFFF, 0 0 5px #FFFFFF, 0 0 10px #FFFFFF, 0 0 16px #FFFFFF; top: 11px; width: 122px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:hover .spip_titre_rappel{ text-shadow: 0 0 1px #FFFFFF, 0 0 1px #FFFFFF, 0 0 2px #FFFFFF, 0 0 5px #FFFFFF, 0 0 10px #FFFFFF, 0 0 16px #FFFFFF;} /*** Les DESCRIPTIFS V1 avec titre sur 1 ligne 1440x600px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li .spip_descriptif_item-rappel{ display: block; width: 200px; margin-top: 0px; margin-left: 19px; font-size: 13px; line-height: 15px; padding: 10px 5px 1px 15px; border-radius: 10px;} /*** Les DESCRIPTIFS V2 avec titre sur 2 lignes 1440x600px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li .spip_descriptif_item-rappel2{ display: block; border-radius: 5px; font-size: 11px; line-height: 13px; margin-left: 10px; margin-top: 88px; padding: 10px 13px 1px; width: 157px; height: 128px; } /*** POUR Les BTNS COULEURS(noir en fait) 1440x600px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final .color-inside .mon-btn-color, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final .color-inside .mon-btn-color, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final .color-inside .mon-btn-color, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final .color-inside .mon-btn-color, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final .color-inside .mon-btn-color{ border-radius: 10px; color: #FFFFFF; font-size: 14px; left: 0; line-height: 8px; margin-left: 51px; margin-top: -40px; padding: 10px; width: 39.5%; z-index: 1000;} /*** POUR Les BTNS NOIR 1440x600px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final-fix .color-inside .mon-btn, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside .mon-btn, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside .mon-btn, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside .mon-btn, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final-fix .color-inside .mon-btn{ left: 0px; width: 36%; font-size: 16px; line-height: 16px; padding-left: 10px; padding-right: 10px; padding-top: 10px; padding-bottom: 10px; border-radius: 10px; margin-left: 74px; margin-top: 18px; } /******************************************************************************* LES SOUS-RUBRIQUE DE CONTENU 1440x600px ************************************************************************************/ /*** TEXTE DES SSRUBRIQUES BLUE, GREEN, YELLOW, ORANGE, RED 1440x600px *****/ .spip-content .main .wrapper .content .box-texte{ position: absolute; top: 129px; left: 120px; border-radius: 10px 0px 0px 10px; width: 1082px; height: 305px; z-index: 10; text-shadow: none; border-radius: 0px 0px 12px 12px; background-color: rgba(255, 255, 255, 0.25); border: 1px solid #FFFFFF; } .spip-content .main .wrapper .content .box-texte .inner-txt{ padding: 7px 7px 7px 7px; border-radius: 10px 0px 0px 10px;} .spip-content .main .wrapper .content .box-texte .inner-txt .bg-texte{ width: 876px; height: 279px; padding: 0px 10px 10px 10px ; border-radius: 7px 0px 0px 7px; background-color: rgba(255, 255, 255, 0.85); border: 1px solid #fff;} .spip-content .main .wrapper .content .box-texte .inner-txt .bg-texte .texte{ border-radius: 5px; color: #808080; float: left; font-family: Arial,Helvetica,sans-serif; font-size: 12px; line-height: 13px; overflow: auto; padding: 30px 50px 20px 0px; text-align: left; width: 836px; height: 239px; } p { margin: 0 0 -13px;} /*** DESCRIPTIF SSRUB 1440x600px *****/ .spip-content .main .wrapper .content .descriptif-ssrub{ background-color: rgba(241, 241, 241, 0.85); border: 1px solid #FFFFFF; border-radius: 8px 8px 0 0; color: #555555; float: left; font-family: Arial,Helvetica,sans-serif; font-size: 17px; height: 43px; left: 120px; line-height: 18px; padding: 10px 120px 5px; position: absolute; text-align: left; top: 70px; width: 842px;} /*** TAILLE DE L'IMAGE DANS LE CORPS DE TEXTE SPIP 1440x600px *****/ .spip_documents_left img{width: 50px; height: 50px; margin-left: 80px; margin-top: -16px; background-color: #fbfbfb;} /*** PARTICULARITE RUBRIQUE FORMULAIRE 1440x600px *****/ .spip-content .main .wrapper .content .box-texte .inner-txt-formulaire{ padding: 7px 7px 7px 7px; border-radius: 10px 0px 0px 10px; font-family: Arial,Helvetica,sans-serif; text-align: left;} .spip-content .main .wrapper .content .box-texte .inner-txt-formulaire .bg-texte-formulaire{ background-color: rgba(255, 255, 255, 0.85); border: 1px solid #FFFFFF; border-radius: 5px; color: #808080; float: left; font-family: Arial,Helvetica,sans-serif; font-size: 12px; line-height: 14px; overflow: auto; padding: 2px 280px 20px 131px; text-align: left; width: 655px; height: 267px;} /*** PARTICULARITE RUBRIQUE SIMPLE 1440x600px *****/ .spip-content .main .wrapper .content .box-texte .inner-txt-simple{ padding: 7px 7px 7px 7px; border-radius: 10px 10px 10px 10px; font-family: Arial,Helvetica,sans-serif; text-align: left;} .spip-content .main .wrapper .content .box-texte .inner-txt-simple .bg-texte-simple{ background-color: rgba(255, 255, 255, 0.85); border: 1px solid #FFFFFF; border-radius: 7px; color: #808080; float: left; font-family: Arial,Helvetica,sans-serif; font-size: 17px; height: 249px; line-height: 19px; overflow: auto; padding: 40px 110px 0; text-align: left; width: 846px;} /*** POUR LE PETIT MENU des SOUS RUBRIQUES en haut à droite 1440x600px *****/ .spip-content .main #menu_rubriques1 { background-color: rgba(241, 241, 241, 0.7); border: 1px solid #FFFFFF; border-radius: 0 0 12px; left: 1033px; padding-right: 20px; position: absolute; text-align: left; top: 129px; width: 149px; height: 305px; z-index: 1000;} .spip-content .main #menu_rubriques1 li{ font-size: .8em; margin-left: -1px; list-style: none; float: right; margin-top: -15px; } .spip-content .main #menu_rubriques1 li ul li{ font-size: 1em; margin-left: 0em;} .spip-content .main #menu_rubriques1 { list-style-type:none; } .spip-content .main #menu_rubriques1 li { list-style-type: none; } .spip-content .main #menu_rubriques1 li li { list-style-type: none; } .spip-content .main #menu_rubriques1 li li li { list-style-type: none; } .spip-content .main #menu_rubriques1 hr {margin : 0.7em 0;} .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li { width: 114px; } .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li:hover { width: 114px; } .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li .spip_logos_rappel { height: 70px; width: 70px; margin-bottom: 0px; margin-left: -36px; margin-top: 14px;} .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li:hover .spip_logos_rappel {} .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li .spip_titre_rappel{ font-family: "Fugaz One"; font-size: 13px; line-height: 15px; list-style: none outside none; margin-left: 33px; margin-top: -50px; position: absolute; text-align: left; width: 95px;} .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li:hover .spip_titre_rappel { } /*** Les currents 1440x600px ***/ .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li .nav_current_rub{ display: none;width: 120px; } .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li .nav_current_rub .spip_logos_rappel { width: 80px; height: 80px; padding-left: 18px; padding-top: 18px; padding-bottom: 10px;} .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li .nav_current_rub .spip_titre_rappel { position: absolute; width: 120px; margin-top: -14px; margin-left:-1px; text-align: center; font-size: 14px; line-height: 14px; list-style: none; } /*** FIN de 1440x600px *****/ } /***** MEDIA QUERY SOUS MON AILE 1440x768px *****/ @media screen and (min-width: 1400px) and (max-width: 1549px) and (min-height: 750px) and (max-height: 899px){ /**** SPIP CONTENT 1440x768px *****/ .contenu-mobil.spip-content{ display: none;} .contenu-desktop.spip-content{ display: block; width: 1302px; height: 561px; margin-top: 0px;} /*** FIL d'ARIANE SPIP 1440x768px *****/ .spip-content .ariane{ width: 1300px; z-index:100; top: 0px;} .spip-content .ariane .arbo{ padding-left: 10px; padding-right: 10px; font-size: 12px; line-height: 32px; width: auto; text-shadow: 0 0 1px #FFFFFF, 0 0 1px #FFFFFF, 0 0 2px #FFFFFF, 0 0 5px #FFFFFF;} /*** CONTNER CONTENU SPIP 1440x768px *****/ .spip-content .main { width: 1302px; height: 540px; margin-left: 0px; top: 74px;} .spip-content .main .wrapper .content { width: 1172px; height: 561px; } /*** TITRES TITRE DE LA RUBRIQUE-1 1440x768px *****/ .titre-sma{ display: none; font-size: 20px; line-height: 2px; margin-top: 89px; padding-left: 138px; text-shadow: 0 0 1px #FFFFFF, 0 0 1px #FFFFFF, 0 0 2px #FFFFFF, 0 0 5px #FFFFFF, 0 0 10px #FFFFFF, 0 0 16px #FFFFFF; } .spip-content .main .wrapper .content .container2 { width: 1615px; margin-left:0px; margin-top: 0px;} /*** TITRES TITRE DE LA SOUS-RUBRIQUE-1 1440x768px *****/ h1.titre-sma-rub1, h1.titre-sma-ssrub{ font-size: 32px; left: 120px; line-height: 125px; top: 0px; text-shadow: 0 0 1px #FFFFFF, 0 0 1px #FFFFFF, 0 0 2px #FFFFFF, 0 0 5px #FFFFFF, 0 0 10px #FFFFFF, 0 0 16px #FFFFFF;} h1.titre-sma-rub1 .spip_logos , h1.titre-sma-ssrub .spip_logos { margin: 11px 0 0 -56px; width: 110px; height: 110px; } h1.titre-sma-rub1 .descriptif, h1.titre-sma-ssrub .descriptif{ font-size: 20px; line-height: 2px; top: 90px; margin-left: 0px; width : 1120px;} /*** TEXTE DE LA RUBRIQUE-1 1440x768px *****/ .spip-content .main .wrapper .content .texte-rub1{ border-radius: 8px; font-size: 17px; height: 50px; left: 120px; line-height: 19px; padding: 8px 80px 0px 170px; top: 110px; width: 810px;} .spip-content .main #menu_rubriques2 { height: 350px; left: 2px; top: 220px; width: 1301px;} .spip-content .main #menu_rubriques2 li{ font-size: .8em; margin-left: -1px; margin-top: -15px; } /*** LES BLOCS 1440x768px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li { width: 265px; height: 282px; z-index: 1;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:hover{ width: 265px; height: 282px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child{ left: 1010px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2){ left: 760px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3){ left: 520px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4){ left: 280px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child{ left: 50px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child {border-top-right-radius: 16px; border-bottom-right-radius: 16px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2), .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3), .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4){ margin-left: 10px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child{ border-top-left-radius: 16px; border-bottom-left-radius: 16px; } /*** LES CADRES-INNER 1440x768px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner{ width: 265px; height: 279px; padding-top: 7px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child:hover .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2):hover .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3):hover .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4):hover .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child:hover .cadre-inner{ width: 265px; height: 279px; padding-top: 7px; } .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner { border-top-right-radius: 15px; border-bottom-right-radius: 15px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner{} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner { border-top-left-radius: 15px; border-bottom-left-radius: 15px;} /*** LES CADRES-ITEM 1440x768px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item{ width: 229px; height: 324px; margin-left: 7px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item{ border-top-left-radius: 12px; border-bottom-left-radius: 12px; border-top-right-radius: 12px; border-bottom-right-radius: 12px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item{ border-top-left-radius: 12px; border-bottom-left-radius: 12px; border-top-right-radius: 12px; border-bottom-right-radius: 12px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item{ border-top-left-radius: 12px; border-bottom-left-radius: 12px; border-top-right-radius: 12px; border-bottom-right-radius: 12px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child:hover .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2):hover .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3):hover .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4):hover .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child:hover .cadre-inner .cadre-item{ box-shadow: 0 0 2px #FFFFFF, 0 0 5px #FFFFFF, 0 0 10px #ffffff, 0 0 18px #ffffff; } .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child:hover .cadre-inner .cadre-item{ border-top-left-radius: 12px; border-bottom-left-radius: 12px; border-top-right-radius: 12px; border-bottom-right-radius: 12px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2):hover .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3):hover .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4):hover .cadre-inner .cadre-item{ border-top-left-radius: 12px; border-bottom-left-radius: 12px; border-top-right-radius: 12px; border-bottom-right-radius: 12px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child:hover .cadre-inner .cadre-item{ border-top-left-radius: 12px; border-bottom-left-radius: 12px; border-top-right-radius: 12px; border-bottom-right-radius: 12px;} /*** LES CADRES-ITEM-FINAL 1440x768px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final{ width: 213px; height: 308px; margin-left: 7px; margin-top: 7px; } /*** CADRE ITEM FIX ***/ /*** Gradient Red ***/ /*** Gradient Orange ***/ /*** Gradient Yellow ***/ /*** Gradient Green ***/ /*** Gradient Blue ***/ /** COLOR INSIDE = DEGRADE GRIS 1440x768px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final .color-inside{ width: 205px; height: 300px; left: 19px; margin-top: 3px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final .color-inside{ border-top-left-radius: 4px; border-bottom-left-radius: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final .color-inside{ border-top-left-radius: 4px; border-bottom-left-radius: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final .color-inside{ border-top-left-radius: 4px; border-bottom-left-radius: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final{ border-top-left-radius: 7px; border-bottom-left-radius: 7px; border-top-right-radius: 7px; border-bottom-right-radius: 7px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final{ border-top-left-radius: 7px; border-bottom-left-radius: 7px; border-top-right-radius: 7px; border-bottom-right-radius: 7px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final{ border-top-left-radius: 7px; border-bottom-left-radius: 7px; border-top-right-radius: 7px; border-bottom-right-radius: 7px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child:hover .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2):hover .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3):hover .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4):hover .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child:hover .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child:hover .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2):hover .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3):hover .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4):hover .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child:hover .cadre-inner .cadre-item .cadre-item-final{ width: 213px; height: 308px; margin-left: 7px; margin-top: 7px;} /*** Les LOGOS 1440x768px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .spip_logos_rappel{ height: 110px; margin-left: 50px; margin-top: -9px; width: 110px; position: absolute;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child:hover .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2):hover .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3):hover .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4):hover .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child:hover .cadre-inner .spip_logos_rappel{ height: 110px; margin-left: 50px; margin-top: -9px; width: 110px;} /*** Les TITRES 1440x768px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li .spip_titre_rappel{ font-size: 19px; line-height: 20px; margin-left: -1px; padding: 10px 40px; text-align: center; text-shadow: 0 0 1px #FFFFFF, 0 0 1px #FFFFFF, 0 0 2px #FFFFFF, 0 0 5px #FFFFFF, 0 0 10px #FFFFFF, 0 0 16px #FFFFFF; top: 80px; width: 133px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:hover .spip_titre_rappel{ text-shadow: 0 0 1px #FFFFFF, 0 0 1px #FFFFFF, 0 0 2px #FFFFFF, 0 0 5px #FFFFFF, 0 0 10px #FFFFFF, 0 0 16px #FFFFFF;} /*** Les DESCRIPTIFS V1 avec titre sur 1 ligne 1440x768px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li .spip_descriptif_item-rappel{ display: block; width: 200px; margin-top: 0px; margin-left: 19px; font-size: 13px; line-height: 15px; padding: 10px 5px 1px 15px; border-radius: 10px;} /*** Les DESCRIPTIFS V2 avec titre sur 2 lignes 1440x768px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li .spip_descriptif_item-rappel2{ display: block; border-radius: 5px; font-size: 11px; line-height: 13px; margin-left: 10px; margin-top: 142px; padding: 10px 13px 1px; width: 157px; height: 133px;} /*** POUR Les BTNS COULEURS(noir en fait) 1440x768px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final .color-inside .mon-btn-color, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final .color-inside .mon-btn-color, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final .color-inside .mon-btn-color, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final .color-inside .mon-btn-color, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final .color-inside .mon-btn-color{ border-radius: 10px; color: #FFFFFF; font-size: 14px; left: 0; line-height: 8px; margin-left: 51px; margin-top: -40px; padding: 10px; width: 39.5%; z-index: 1000;} /*** POUR Les BTNS NOIR 1440x768px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final-fix .color-inside .mon-btn, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside .mon-btn, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside .mon-btn, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside .mon-btn, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final-fix .color-inside .mon-btn{ left: 0px; width: 36%; font-size: 16px; line-height: 16px; padding-left: 10px; padding-right: 10px; padding-top: 10px; padding-bottom: 10px; border-radius: 10px; margin-left: 74px; margin-top: 18px; } /******************************************************************************* LES SOUS-RUBRIQUE DE CONTENU 1440x768px ************************************************************************************/ /*** CONTENU RUBRIQUES ITEMS 1440x768px *****/ .spip-content .main .wrapper .content .box-texte{ position: absolute; top: 149px; left: 110px; border-radius: 10px 0px 0px 10px; width: 1086px; height: 445px; z-index: 10; text-shadow: none; border-radius: 0px 0px 12px 12px; background-color: rgba(255, 255, 255, 0.25); border: 1px solid #FFFFFF; transition: all 0.35s ease-in-out 0s;} .spip-content .main .wrapper .content .box-texte .inner-txt{ padding: 7px 7px 7px 7px; border-radius: 10px 0px 0px 10px;} .spip-content .main .wrapper .content .box-texte .inner-txt .bg-texte{ width: 911px; height: 419px; padding: 0px 10px 10px 10px ; border-radius: 7px 0px 0px 7px; background-color: rgba(255, 255, 255, 0.85); border: 1px solid #fff;} .spip-content .main .wrapper .content .box-texte .inner-txt .bg-texte .texte{ border-radius: 5px; color: #808080; float: left; font-family: Arial,Helvetica,sans-serif; font-size: 13px; height: 399px; line-height: 15px; overflow: auto; padding: 30px 90px 0 0; text-align: left; width: 831px;} p { margin: 0 0 -5px;} /*** CONTENU RUBRIQUES-B 1440x768px *****/ .spip-content .main .wrapper .content .texte-rub1{ font-size: 16px; height: 48px; left: 120px; line-height: 18px; padding: 10px 80px 0; top: 120px; width: 900px;} .spip-content .main #menu_rubriques1 { width: 1600px; height: 350px; left: 70px; margin-top: 240px;} .spip-content .main #menu_rubriques1 li{ font-size: .8em; margin-left: -1px; margin-top: -15px; } /*** DESCRIPTIF SSRUB 1440x768px *****/ .spip-content .main .wrapper .content .descriptif-ssrub{ background-color: rgba(241, 241, 241, 0.85); border: 1px solid #FFFFFF; border-radius: 8px 8px 0 0; color: #555555; float: left; font-family: Arial,Helvetica,sans-serif; font-size: 17px; height: 43px; left: 110px; line-height: 18px; padding: 10px 120px 5px; position: absolute; text-align: left; top: 90px; width: 846px;} /*** TAILLE DE L'IMAGE DANS LE CORPS DE TEXTE SPIP 1440x768px *****/ .spip_documents_left img{width: 60px; height: 60px; margin-left: 63px; margin-top: -12px; background-color: #fbfbfb;} /*** PARTICULARITE RUBRIQUE FORMULAIRE 1440x768px *****/ .spip-content .main .wrapper .content .box-texte .inner-txt-formulaire{ padding: 7px 7px 7px 7px; border-radius: 10px 10px 10px 10px; font-family: Arial,Helvetica,sans-serif; text-align: left;} .spip-content .main .wrapper .content .box-texte .inner-txt-formulaire .bg-texte-formulaire{ border-radius: 7px 7px 7px 7px; background-color: rgba(255, 255, 255, 0.85); border: 1px solid #fff;float: left; overflow: none; padding: 0; text-align: left; float: left; color: #808080; font-family: Arial,Helvetica,sans-serif; text-align: left; font-size: 14px; line-height: 15px; width: 1070px; height: 429px;} /*** PARTICULARITE RUBRIQUE SIMPLE 1440x768px *****/ .spip-content .main .wrapper .content .box-texte .inner-txt-simple{ padding: 7px 7px 7px 7px; border-radius: 10px 10px 10px 10px; font-family: Arial,Helvetica,sans-serif; text-align: left;} .spip-content .main .wrapper .content .box-texte .inner-txt-simple .bg-texte-simple{ background-color: rgba(255, 255, 255, 0.85); border: 1px solid #FFFFFF; border-radius: 7px; color: #808080; float: left; font-family: Arial,Helvetica,sans-serif; font-size: 17px; height: 389px; line-height: 19px; overflow: auto; padding: 40px 110px 0; text-align: left; width: 850px;} /*** POUR LE PETIT MENU des SOUS RUBRIQUES en haut à droite 1440x768px *****/ .spip-content .main #menu_rubriques1 { position: absolute; text-align: left; width: 118px; height: 445px; z-index: 1000; top: -91px; padding-right: 20px; left: 1058px; background-color: rgba(241, 241, 241, 0.7); border-top-left-radius: 0px; border-bottom-left-radius: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 12px; border: 1px solid #fff; } .spip-content .main #menu_rubriques1 li{ font-size: .8em; margin-left: -1px; list-style: none; float: right; margin-top: -15px; } .spip-content .main #menu_rubriques1 li ul li{ font-size: 1em; margin-left: 0em;} .spip-content .main #menu_rubriques1 { list-style-type:none; } .spip-content .main #menu_rubriques1 li { list-style-type: none; } .spip-content .main #menu_rubriques1 li li { list-style-type: none; } .spip-content .main #menu_rubriques1 li li li { list-style-type: none; } .spip-content .main #menu_rubriques1 hr {margin : 0.7em 0;} .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li { width: 114px; } .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li:hover { width: 114px; } .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li .spip_logos_rappel { height: 90px; width: 90px; margin-bottom: 10px; padding-left: 19px; margin-top: 15px;} .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li:hover .spip_logos_rappel {} .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li .spip_titre_rappel { position: absolute; width: 106px; margin-top: -21px; margin-left: 11px; font-family: "Fugaz One"; text-align: center; font-size: 12px; line-height: 15px; list-style: none;} .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li:hover .spip_titre_rappel { } /*** Les currents 1440x768px ***/ .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li .nav_current_rub{ display: none;width: 120px; } .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li .nav_current_rub .spip_logos_rappel { width: 80px; height: 80px; padding-left: 18px; padding-top: 18px; padding-bottom: 10px;} .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li .nav_current_rub .spip_titre_rappel { position: absolute; width: 120px; margin-top: -14px; margin-left:-1px; text-align: center; font-size: 14px; line-height: 14px; list-style: none; } /*** FIN de 1440x768px *****/ } /***** MEDIA QUERY SOUS MON AILE 1440x900px *****/ @media screen and (min-width: 1400px) and (max-width: 1549px) and (min-height:900px) and (max-height: 1023px){ /**** SPIP CONTENT 1440x900px *****/ .contenu-mobil.spip-content{ display: none;} .contenu-desktop.spip-content{ display: block; width: 1306px; height: 761px; margin-top: 0px;} /*** FIL d'ARIANE SPIP 1440x900px *****/ .spip-content .ariane{ width: 1300px; z-index:100; top: 10px; } .spip-content .ariane .arbo{ padding-left: 10px; padding-right: 10px; font-size: 18px; line-height: 18px; width: auto; text-shadow: 0 0 1px #FFFFFF, 0 0 1px #FFFFFF, 0 0 2px #FFFFFF, 0 0 5px #FFFFFF;} /*** CONTNER CONTENU SPIP 1440x900px *****/ .spip-content .main { width: 1206px; height: 660px; margin-left: 0px; top: 74px;} .spip-content .main .wrapper .content { width: 1204px; height: 680px; } /*** TITRES TITRE DE LA RUBRIQUE-1 1440x900px *****/ .titre-sma{ display: none; font-size: 20px; line-height: 2px; margin-top: 89px; padding-left: 138px; text-shadow: 0 0 1px #FFFFFF, 0 0 1px #FFFFFF, 0 0 2px #FFFFFF, 0 0 5px #FFFFFF, 0 0 10px #FFFFFF, 0 0 16px #FFFFFF; } .spip-content .main .wrapper .content .container2 { width: 1615px; margin-left:0px; margin-top: 0px;} /*** TITRES TITRE DE LA SOUS-RUBRIQUE-1 1440x900px *****/ h1.titre-sma-rub1, h1.titre-sma-ssrub{ font-size: 32px; left: 120px; line-height: 125px; top: 0px; text-shadow: 0 0 1px #FFFFFF, 0 0 1px #FFFFFF, 0 0 2px #FFFFFF, 0 0 5px #FFFFFF, 0 0 10px #FFFFFF, 0 0 16px #FFFFFF;} h1.titre-sma-rub1 .spip_logos , h1.titre-sma-ssrub .spip_logos { margin: 11px 0 0 -56px; width: 110px; height: 110px; } h1.titre-sma-rub1 .descriptif, h1.titre-sma-ssrub .descriptif{ font-size: 20px; line-height: 2px; top: 90px; margin-left: 0px; width : 1070px;} /*** TEXTE DE LA RUBRIQUE-1 1440x900px *****/ .spip-content .main .wrapper .content .texte-rub1{ border-radius: 8px; font-size: 17px; height: 55px; left: 120px; line-height: 19px; padding: 13px 80px 3px 170px; top: 120px; width: 810px;} .spip-content .main #menu_rubriques2 { height: 350px; left: 2px; margin-top: 220px; width: 1301px;} .spip-content .main #menu_rubriques2 li{ font-size: .8em; margin-left: -1px; margin-top: -15px; } /*** LES BLOCS 1440x900px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li { width: 265px; height: 282px; z-index: 1;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:hover{ width: 265px; height: 282px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child{ left: 1010px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2){ left: 760px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3){ left: 520px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4){ left: 280px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child{ left: 50px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child {border-top-right-radius: 16px; border-bottom-right-radius: 16px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2), .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3), .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4){ margin-left: 10px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child{ border-top-left-radius: 16px; border-bottom-left-radius: 16px; } /*** LES CADRES-INNER 1440x900px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner{ width: 265px; height: 279px; padding-top: 7px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child:hover .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2):hover .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3):hover .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4):hover .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child:hover .cadre-inner{ width: 265px; height: 279px; padding-top: 7px; } .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner { border-top-right-radius: 15px; border-bottom-right-radius: 15px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner{} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner { border-top-left-radius: 15px; border-bottom-left-radius: 15px;} /*** LES CADRES-ITEM 1440x900px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item{ width: 229px; height: 424px; margin-left: 7px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item{ border-top-left-radius: 12px; border-bottom-left-radius: 12px; border-top-right-radius: 12px; border-bottom-right-radius: 12px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item{ border-top-left-radius: 12px; border-bottom-left-radius: 12px; border-top-right-radius: 12px; border-bottom-right-radius: 12px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item{ border-top-left-radius: 12px; border-bottom-left-radius: 12px; border-top-right-radius: 12px; border-bottom-right-radius: 12px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child:hover .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2):hover .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3):hover .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4):hover .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child:hover .cadre-inner .cadre-item{ box-shadow: 0 0 2px #FFFFFF, 0 0 5px #FFFFFF, 0 0 10px #ffffff, 0 0 18px #ffffff; } .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child:hover .cadre-inner .cadre-item{ border-top-left-radius: 12px; border-bottom-left-radius: 12px; border-top-right-radius: 12px; border-bottom-right-radius: 12px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2):hover .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3):hover .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4):hover .cadre-inner .cadre-item{ border-top-left-radius: 12px; border-bottom-left-radius: 12px; border-top-right-radius: 12px; border-bottom-right-radius: 12px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child:hover .cadre-inner .cadre-item{ border-top-left-radius: 12px; border-bottom-left-radius: 12px; border-top-right-radius: 12px; border-bottom-right-radius: 12px;} /*** LES CADRES-ITEM-FINAL 1440x900px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final{ width: 213px; height: 408px; margin-left: 7px; margin-top: 7px; } /*** CADRE ITEM FIX ***/ /*** Gradient Red ***/ /*** Gradient Orange ***/ /*** Gradient Yellow ***/ /*** Gradient Green ***/ /*** Gradient Blue ***/ /** COLOR INSIDE = DEGRADE GRIS 1440x900px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final .color-inside{ width: 205px; height: 400px; left: 19px; margin-top: 3px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final .color-inside{ border-top-left-radius: 4px; border-bottom-left-radius: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final .color-inside{ border-top-left-radius: 4px; border-bottom-left-radius: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final .color-inside{ border-top-left-radius: 4px; border-bottom-left-radius: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final{ border-top-left-radius: 7px; border-bottom-left-radius: 7px; border-top-right-radius: 7px; border-bottom-right-radius: 7px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final{ border-top-left-radius: 7px; border-bottom-left-radius: 7px; border-top-right-radius: 7px; border-bottom-right-radius: 7px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final{ border-top-left-radius: 7px; border-bottom-left-radius: 7px; border-top-right-radius: 7px; border-bottom-right-radius: 7px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child:hover .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2):hover .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3):hover .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4):hover .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child:hover .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child:hover .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2):hover .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3):hover .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4):hover .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child:hover .cadre-inner .cadre-item .cadre-item-final{ width: 213px; height: 408px; margin-left: 7px; margin-top: 7px;} /*** Les LOGOS 1440x900px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .spip_logos_rappel{ height: 200px; margin-left: 3px; margin-top: -18px; width: 200px; position: absolute;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child:hover .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2):hover .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3):hover .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4):hover .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child:hover .cadre-inner .spip_logos_rappel{ height: 200px; margin-left: 3px; margin-top: -18px; width: 200px;} /*** Les TITRES 1440x900px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li .spip_titre_rappel{ font-size: 21px; line-height: 23px; margin-left: -5px; padding: 10px 40px; text-align: center; text-shadow: 0 0 1px #FFFFFF, 0 0 1px #FFFFFF, 0 0 2px #FFFFFF, 0 0 5px #FFFFFF, 0 0 10px #FFFFFF, 0 0 16px #FFFFFF; top: 150px; width: 141px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:hover .spip_titre_rappel{ text-shadow: 0 0 1px #FFFFFF, 0 0 1px #FFFFFF, 0 0 2px #FFFFFF, 0 0 5px #FFFFFF, 0 0 10px #FFFFFF, 0 0 16px #FFFFFF;} /*** Les DESCRIPTIFS V1 avec titre sur 1 ligne 1440x768px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li .spip_descriptif_item-rappel{ display: block; width: 200px; margin-top: 0px; margin-left: 19px; font-size: 13px; line-height: 15px; padding: 10px 5px 1px 15px; border-radius: 10px;} /*** Les DESCRIPTIFS V2 avec titre sur 2 lignes 1440x900px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li .spip_descriptif_item-rappel2{ display: block; border-radius: 5px; font-size: 11px; height: 143px; line-height: 13px; margin-left: 10px; margin-top: 232px; padding: 10px 13px 1px; width: 157px;} /*** POUR Les BTNS COULEURS(noir en fait) 1440x900px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final .color-inside .mon-btn-color, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final .color-inside .mon-btn-color, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final .color-inside .mon-btn-color, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final .color-inside .mon-btn-color, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final .color-inside .mon-btn-color{ border-radius: 10px; color: #FFFFFF; font-size: 14px; left: 0; line-height: 8px; margin-left: 51px; margin-top: -50px; padding: 10px; width: 39.5%; z-index: 1000;} /*** POUR Les BTNS NOIR 1440x900px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final-fix .color-inside .mon-btn, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside .mon-btn, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside .mon-btn, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside .mon-btn, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final-fix .color-inside .mon-btn{ left: 0px; width: 36%; font-size: 16px; line-height: 16px; padding-left: 10px; padding-right: 10px; padding-top: 10px; padding-bottom: 10px; border-radius: 10px; margin-left: 74px; margin-top: 18px; } /******************************************************************************* LES SOUS-RUBRIQUE DE CONTENU 1440x900px ************************************************************************************/ /*** CONTENU RUBRIQUES ITEMS 1440x900px *****/ .spip-content .main .wrapper .content .box-texte{ position: absolute; top: 168px; left: 110px; border-radius: 10px 0px 0px 10px; width: 1086px; height: 560px; z-index: 10; text-shadow: none; border-radius: 0px 0px 12px 12px; background-color: rgba(255, 255, 255, 0.25); border: 1px solid #FFFFFF; transition: all 0.35s ease-in-out 0s;} .spip-content .main .wrapper .content .box-texte .inner-txt{ padding: 7px 7px 7px 7px; border-radius: 10px 0px 0px 10px;} .spip-content .main .wrapper .content .box-texte .inner-txt .bg-texte{ width: 911px; height: 534px; padding: 0px 10px 10px 10px ; border-radius: 7px 0px 0px 7px; background-color: rgba(255, 255, 255, 0.85); border: 1px solid #fff;} .spip-content .main .wrapper .content .box-texte .inner-txt .bg-texte .texte{ border-radius: 5px; color: #808080; float: left; font-family: Arial,Helvetica,sans-serif; font-size: 14px; line-height: 17px; overflow: auto; padding: 30px 40px 20px 0; text-align: left; width: 881px; height: 494px;} p { margin: 0 0 0px;} /*** TEXTE DE LA RUBRIQUE-B 1440x900px *****/ .spip-content .main .wrapper .content .texte-rub1{ font-size: 16px; height: 48px; left: 120px; line-height: 18px; padding: 10px 80px 0; top: 120px; width: 900px;} .spip-content .main #menu_rubriques1 { width: 1600px; height: 350px; left: 70px; margin-top: 240px;} .spip-content .main #menu_rubriques1 li{ font-size: .8em; margin-left: -1px; margin-top: -15px; } /*** DESCRIPTIF SSRUB 1440x900px *****/ .spip-content .main .wrapper .content .descriptif-ssrub{ background-color: rgba(241, 241, 241, 0.85); border: 1px solid #FFFFFF; border-radius: 8px 8px 0 0; color: #555555; float: left; font-family: Arial,Helvetica,sans-serif; font-size: 17px; left: 110px; line-height: 19px; padding: 18px 110px 0; position: absolute; text-align: left; top: 90px; width: 866px; height: 59px; } /*** TAILLE DE L'IMAGE DANS LE CORPS DE TEXTE SPIP 1440x900px *****/ .spip_documents_left img{width: 80px; height: 80px; margin-left: 57px; margin-top: -12px; background-color: #fbfbfb;} /*** PARTICULARITE RUBRIQUE FORMULAIRE 1440x900px *****/ .spip-content .main .wrapper .content .box-texte .inner-txt-formulaire{ padding: 7px 7px 7px 7px; border-radius: 10px 0px 0px 10px; font-family: Arial,Helvetica,sans-serif; text-align: left;} .spip-content .main .wrapper .content .box-texte .inner-txt-formulaire .bg-texte-formulaire{ border-radius: 7px 7px 7px 7px; background-color: rgba(255, 255, 255, 0.85); border: 1px solid #fff; float: left; overflow: auto; padding: 0px; text-align: left; float: left; overflow: auto; border-radius: 5px; color: #808080; font-family: Arial,Helvetica,sans-serif; text-align: left; font-size: 17px; line-height: 19px; width: 1070px; height: 544px;} /*** PARTICULARITE RUBRIQUE SIMPLE 1440x900px *****/ .spip-content .main .wrapper .content .box-texte .inner-txt-simple{ padding: 7px 7px 7px 7px; border-radius: 10px 0px 0px 10px; font-family: Arial,Helvetica,sans-serif; text-align: left;} .spip-content .main .wrapper .content .box-texte .inner-txt-simple .bg-texte-simple{ background-color: rgba(255, 255, 255, 0.85); border: 1px solid #FFFFFF; border-radius: 5px; color: #808080; float: left; font-family: Arial,Helvetica,sans-serif; font-size: 17px; height: 504px; line-height: 19px; overflow: auto; padding: 40px 110px 0; text-align: left; width: 850px;} /*** POUR LE PETIT MENU des SOUS RUBRIQUES en haut à droite 1440x900px *****/ .spip-content .main #menu_rubriques1 { position: absolute; text-align: left; width: 118px; height: 560px; z-index: 1000; top: -72px; padding-right: 20px; left: 1058px; background-color: rgba(241, 241, 241, 0.7); border-top-left-radius: 0px; border-bottom-left-radius: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 12px; border: 1px solid #fff; } .spip-content .main #menu_rubriques1 li{ font-size: .8em; margin-left: -1px; list-style: none; float: right; margin-top: -15px; } .spip-content .main #menu_rubriques1 li ul li{ font-size: 1em; margin-left: 0em;} .spip-content .main #menu_rubriques1 { list-style-type:none; } .spip-content .main #menu_rubriques1 li { list-style-type: none; } .spip-content .main #menu_rubriques1 li li { list-style-type: none; } .spip-content .main #menu_rubriques1 li li li { list-style-type: none; } .spip-content .main #menu_rubriques1 hr {margin : 0.7em 0;} .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li { width: 114px; } .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li:hover { width: 114px; } .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li .spip_logos_rappel { height: 120px; width: 120px; margin-bottom: 10px; padding-left: 3px; margin-top: 17px;} .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li:hover .spip_logos_rappel {} .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li .spip_titre_rappel { position: absolute; width: 120px; margin-top: -24px; margin-left: 4px; font-family: "Fugaz One"; text-align: center; font-size: 14px; line-height: 16px; list-style: none;} .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li:hover .spip_titre_rappel { } /*** Les currents 1440x900px ***/ .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li .nav_current_rub{ display: none;width: 120px; } .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li .nav_current_rub .spip_logos_rappel { width: 80px; height: 80px; padding-left: 18px; padding-top: 18px; padding-bottom: 10px;} .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li .nav_current_rub .spip_titre_rappel { position: absolute; width: 120px; margin-top: -14px; margin-left:-1px; text-align: center; font-size: 14px; line-height: 14px; list-style: none; } /*** FIN de 1440x900px *****/ } /***** MEDIA QUERY SOUS MON AILE 1440x1024px *****/ @media screen and (min-width: 1400px) and (max-width: 1549px) and (min-height: 1024px) and (max-height: 1049px){ /**** SPIP CONTENT 1440x1024px *****/ .contenu-mobil.spip-content{ display: none;} .contenu-desktop.spip-content{ display: block; width: 1306px; height: 761px; margin-top: 0px;} /*** FIL d'ARIANE SPIP 1440x1024px *****/ .spip-content .ariane{ width: 1300px; z-index:100; top: 10px; } .spip-content .ariane .arbo{ padding-left: 10px; padding-right: 10px; font-size: 18px; line-height: 18px; width: auto; text-shadow: 0 0 1px #FFFFFF, 0 0 1px #FFFFFF, 0 0 2px #FFFFFF, 0 0 5px #FFFFFF;} /*** CONTNER CONTENU SPIP 1440x1024px *****/ .spip-content .main { width: 1306px; height: 761px; margin-left: 0px; top: 74px;} .spip-content .main .wrapper .content { width: 1300px; height: 761px; } /*** TITRES TITRE DE LA RUBRIQUE-1 1440x1024px *****/ .titre-sma{ display: none; font-size: 20px; line-height: 2px; margin-top: 89px; padding-left: 138px; text-shadow: 0 0 1px #FFFFFF, 0 0 1px #FFFFFF, 0 0 2px #FFFFFF, 0 0 5px #FFFFFF, 0 0 10px #FFFFFF, 0 0 16px #FFFFFF; } .spip-content .main .wrapper .content .container2 { width: 1615px; margin-left:0px; margin-top: 0px;} /*** TITRES TITRE DE LA SOUS-RUBRIQUE-1 1440x1024px *****/ h1.titre-sma-rub1, h1.titre-sma-ssrub{ font-size: 32px; left: 120px; line-height: 125px; top: 0px; text-shadow: 0 0 1px #FFFFFF, 0 0 1px #FFFFFF, 0 0 2px #FFFFFF, 0 0 5px #FFFFFF, 0 0 10px #FFFFFF, 0 0 16px #FFFFFF;} h1.titre-sma-rub1 .spip_logos , h1.titre-sma-ssrub .spip_logos { margin: 11px 0 0 -56px; width: 110px; height: 110px; } h1.titre-sma-rub1 .descriptif, h1.titre-sma-ssrub .descriptif{ font-size: 20px; line-height: 2px; margin-top: -30px; margin-left: 0px; width : 1070px;} /*** TEXTE DE LA RUBRIQUE-1 1440x1024px *****/ .spip-content .main .wrapper .content .texte-rub1{ border-radius: 8px; font-size: 17px; left: 120px; line-height: 19px; margin-top: 110px; padding: 10px 15px 3px 55px; width: 1000px;} .spip-content .main #menu_rubriques2 { height: 350px; left: 2px; top: 245px; width: 1301px;} .spip-content .main #menu_rubriques2 li{ font-size: .8em; margin-left: -1px; margin-top: -15px; } /*** LES BLOCS 1440x1024px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li { width: 265px; height: 282px; z-index: 1;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:hover{ width: 265px; height: 282px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child{ left: 1010px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2){ left: 760px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3){ left: 520px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4){ left: 280px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child{ left: 50px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child {border-top-right-radius: 16px; border-bottom-right-radius: 16px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2), .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3), .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4){ margin-left: 10px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child{ border-top-left-radius: 16px; border-bottom-left-radius: 16px; } /*** LES CADRES-INNER 1440x1024px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner{ width: 265px; height: 279px; padding-top: 7px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child:hover .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2):hover .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3):hover .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4):hover .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child:hover .cadre-inner{ width: 265px; height: 279px; padding-top: 7px; } .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner { border-top-right-radius: 15px; border-bottom-right-radius: 15px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner{} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner { border-top-left-radius: 15px; border-bottom-left-radius: 15px;} /*** LES CADRES-ITEM 1440x1024px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item{ width: 229px; height: 486px; margin-left: 7px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item{ border-top-left-radius: 12px; border-bottom-left-radius: 12px; border-top-right-radius: 12px; border-bottom-right-radius: 12px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item{ border-top-left-radius: 12px; border-bottom-left-radius: 12px; border-top-right-radius: 12px; border-bottom-right-radius: 12px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item{ border-top-left-radius: 12px; border-bottom-left-radius: 12px; border-top-right-radius: 12px; border-bottom-right-radius: 12px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child:hover .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2):hover .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3):hover .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4):hover .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child:hover .cadre-inner .cadre-item{ box-shadow: 0 0 2px #FFFFFF, 0 0 5px #FFFFFF, 0 0 10px #ffffff, 0 0 18px #ffffff; } .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child:hover .cadre-inner .cadre-item{ border-top-left-radius: 12px; border-bottom-left-radius: 12px; border-top-right-radius: 12px; border-bottom-right-radius: 12px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2):hover .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3):hover .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4):hover .cadre-inner .cadre-item{ border-top-left-radius: 12px; border-bottom-left-radius: 12px; border-top-right-radius: 12px; border-bottom-right-radius: 12px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child:hover .cadre-inner .cadre-item{ border-top-left-radius: 12px; border-bottom-left-radius: 12px; border-top-right-radius: 12px; border-bottom-right-radius: 12px;} /*** LES CADRES-ITEM-FINAL 1440x1024px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final{ width: 213px; height: 470px; margin-left: 7px; margin-top: 7px; } /*** CADRE ITEM FIX ***/ /*** Gradient Red ***/ /*** Gradient Orange ***/ /*** Gradient Yellow ***/ /*** Gradient Green ***/ /*** Gradient Blue ***/ /** COLOR INSIDE = DEGRADE GRIS 1440x1024px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final .color-inside{ width: 205px; height: 462px; left: 19px; margin-top: 3px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final .color-inside{ border-top-left-radius: 4px; border-bottom-left-radius: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final .color-inside{ border-top-left-radius: 4px; border-bottom-left-radius: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final .color-inside{ border-top-left-radius: 4px; border-bottom-left-radius: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final{ border-top-left-radius: 7px; border-bottom-left-radius: 7px; border-top-right-radius: 7px; border-bottom-right-radius: 7px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final{ border-top-left-radius: 7px; border-bottom-left-radius: 7px; border-top-right-radius: 7px; border-bottom-right-radius: 7px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final{ border-top-left-radius: 7px; border-bottom-left-radius: 7px; border-top-right-radius: 7px; border-bottom-right-radius: 7px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child:hover .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2):hover .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3):hover .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4):hover .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child:hover .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child:hover .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2):hover .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3):hover .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4):hover .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child:hover .cadre-inner .cadre-item .cadre-item-final{ width: 213px; height: 470px; margin-left: 7px; margin-top: 7px;} /*** Les LOGOS 1440x1024px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .spip_logos_rappel{ height: 250px; margin-left: -5px; margin-top: 0px; width: 250px; position: absolute;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child:hover .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2):hover .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3):hover .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4):hover .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child:hover .cadre-inner .spip_logos_rappel{ height: 250px; margin-left: -5px; margin-top: 0px; width: 250px;} /*** Les TITRES 1440x1024px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li .spip_titre_rappel{ font-size: 25px; line-height: 29px; margin-left: -20px; padding: 10px 40px; text-align: center; text-shadow: 0 0 1px #FFFFFF, 0 0 1px #FFFFFF, 0 0 2px #FFFFFF, 0 0 5px #FFFFFF, 0 0 10px #FFFFFF, 0 0 16px #FFFFFF; top: 192px; width: 168px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:hover .spip_titre_rappel{ text-shadow: 0 0 1px #FFFFFF, 0 0 1px #FFFFFF, 0 0 2px #FFFFFF, 0 0 5px #FFFFFF, 0 0 10px #FFFFFF, 0 0 16px #FFFFFF;} /*** Les DESCRIPTIFS V1 avec titre sur 1 ligne 1440x1024px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li .spip_descriptif_item-rappel{ display: block; width: 200px; margin-top: 0px; margin-left: 19px; font-size: 13px; line-height: 15px; padding: 10px 5px 1px 15px; border-radius: 10px;} /*** Les DESCRIPTIFS V2 avec titre sur 2 lignes 1440x1024px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li .spip_descriptif_item-rappel2{ display: block; border-radius: 5px; font-size: 11px; height: 153px; line-height: 13px; margin-left: 10px; margin-top: 285px; padding: 10px 13px 1px; width: 157px;} /*** POUR Les BTNS COULEURS(noir en fait) 1440x1024px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final .color-inside .mon-btn-color, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final .color-inside .mon-btn-color, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final .color-inside .mon-btn-color, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final .color-inside .mon-btn-color, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final .color-inside .mon-btn-color{ border-radius: 10px; color: #FFFFFF; font-size: 15px; left: 0; line-height: 8px; margin-left: 48px; margin-top: -50px; padding: 10px; width: 43.5%; z-index: 1000;} /*** POUR Les BTNS NOIR 1440x1024px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final-fix .color-inside .mon-btn, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside .mon-btn, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside .mon-btn, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside .mon-btn, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final-fix .color-inside .mon-btn{ left: 0px; width: 36%; font-size: 16px; line-height: 16px; padding-left: 10px; padding-right: 10px; padding-top: 10px; padding-bottom: 10px; border-radius: 10px; margin-left: 74px; margin-top: 18px; } /******************************************************************************* LES SOUS-RUBRIQUE DE CONTENU 1440x1024px ************************************************************************************/ /*** CONTENU RUBRIQUES ITEMS 1440x1024px *****/ .spip-content .main .wrapper .content .box-texte{ position: absolute; top: 168px; left: 110px; border-radius: 10px 0px 0px 10px; width: 1086px; height: 640px; z-index: 10; text-shadow: none; border-radius: 0px 0px 12px 12px; background-color: rgba(255, 255, 255, 0.25); border: 1px solid #FFFFFF; transition: all 0.35s ease-in-out 0s;} .spip-content .main .wrapper .content .box-texte .inner-txt{ padding: 7px 7px 7px 7px; border-radius: 10px 0px 0px 10px;} .spip-content .main .wrapper .content .box-texte .inner-txt .bg-texte{ width: 911px; height: 614px; padding: 0px 10px 10px 10px ; border-radius: 7px 0px 0px 7px; background-color: rgba(255, 255, 255, 0.85); border: 1px solid #fff;} .spip-content .main .wrapper .content .box-texte .inner-txt .bg-texte .texte{ border-radius: 5px; color: #808080; float: left; font-family: Arial,Helvetica,sans-serif; font-size: 15px; height: 554px; line-height: 17px; overflow: auto; padding: 50px 70px 20px 90px; text-align: left; width: 730px;} p { margin: 0 0 0px;} /*** TEXTE DE LA RUBRIQUE-B 1440x1024px *****/ .spip-content .main .wrapper .content .texte-rub1{ font-size: 16px; height: 48px; left: 120px; line-height: 18px; padding: 10px 80px 0; top: 30px; width: 900px;} .spip-content .main #menu_rubriques1 { width: 1600px; height: 350px; left: 70px; margin-top: 240px;} .spip-content .main #menu_rubriques1 li{ font-size: .8em; margin-left: -1px; margin-top: -15px; } /*** DESCRIPTIF SSRUB 1440x1024px *****/ .spip-content .main .wrapper .content .descriptif-ssrub{ background-color: rgba(241, 241, 241, 0.85); border: 1px solid #FFFFFF; border-radius: 8px 8px 0 0; color: #555555; float: left; font-family: Arial,Helvetica,sans-serif; font-size: 17px; left: 110px; line-height: 19px; padding: 18px 110px 0; position: absolute; text-align: left; top: 90px; width: 866px; height: 59px; } /*** TAILLE DE L'IMAGE DANS LE CORPS DE TEXTE SPIP 1440x1024px *****/ .spip_documents_left img{width: 100px; height: 100px; margin-left: 37px; margin-top: -18px; background-color: #fbfbfb;} /*** PARTICULARITE RUBRIQUE FORMULAIRE 1440x1024px *****/ .spip-content .main .wrapper .content .box-texte .inner-txt-formulaire{ padding: 7px 7px 7px 7px; border-radius: 10px 0px 0px 10px; font-family: Arial,Helvetica,sans-serif; text-align: left;} .spip-content .main .wrapper .content .box-texte .inner-txt-formulaire .bg-texte-formulaire{ border-radius: 7px 7px 7px 7px; background-color: rgba(255, 255, 255, 0.85); border: 1px solid #fff; float: left; overflow: auto; padding: 0px; text-align: left; float: left; overflow: auto; border-radius: 5px; color: #808080; font-family: Arial,Helvetica,sans-serif; text-align: left; font-size: 18px; line-height: 20px; width: 1070px; height: 624px;} /*** PARTICULARITE RUBRIQUE SIMPLE 1440x1024px *****/ .spip-content .main .wrapper .content .box-texte .inner-txt-simple{ padding: 7px 7px 7px 7px; border-radius: 10px 0px 0px 10px; font-family: Arial,Helvetica,sans-serif; text-align: left;} .spip-content .main .wrapper .content .box-texte .inner-txt-simple .bg-texte-simple{ background-color: rgba(255, 255, 255, 0.85); border: 1px solid #FFFFFF; border-radius: 5px; color: #808080; float: left; font-family: Arial,Helvetica,sans-serif; font-size: 17px; height: 584px; line-height: 20px; overflow: auto; padding: 40px 110px 0; text-align: left; width: 851px; } /*** POUR LE PETIT MENU des SOUS RUBRIQUES en haut à droite 1440x1024px *****/ .spip-content .main #menu_rubriques1 { position: absolute; text-align: left; width: 118px; height: 640px; z-index: 1000; top: -72px; padding-right: 20px; left: 1058px; background-color: rgba(241, 241, 241, 0.7); border-top-left-radius: 0px; border-bottom-left-radius: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 12px; border: 1px solid #fff; } .spip-content .main #menu_rubriques1 li{ font-size: .8em; margin-left: -1px; list-style: none; float: right; margin-top: -15px; } .spip-content .main #menu_rubriques1 li ul li{ font-size: 1em; margin-left: 0em;} .spip-content .main #menu_rubriques1 { list-style-type:none; } .spip-content .main #menu_rubriques1 li { list-style-type: none; } .spip-content .main #menu_rubriques1 li li { list-style-type: none; } .spip-content .main #menu_rubriques1 li li li { list-style-type: none; } .spip-content .main #menu_rubriques1 hr {margin : 0.7em 0;} .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li { width: 114px; } .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li:hover { width: 114px; } .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li .spip_logos_rappel { height: 130px; width: 130px; margin-bottom: 10px; padding-left: 0px; margin-top: 20px;} .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li:hover .spip_logos_rappel {} .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li .spip_titre_rappel { position: absolute; width: 120px; margin-top: -20px; margin-left: 4px; font-family: "Fugaz One"; text-align: center; font-size: 16px; line-height: 18px; list-style: none;} .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li:hover .spip_titre_rappel { } /*** Les currents 1440x1024px ***/ .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li .nav_current_rub{ display: none;width: 120px; } .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li .nav_current_rub .spip_logos_rappel { width: 80px; height: 80px; padding-left: 18px; padding-top: 18px; padding-bottom: 10px;} .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li .nav_current_rub .spip_titre_rappel { position: absolute; width: 120px; margin-top: -14px; margin-left:-1px; text-align: center; font-size: 14px; line-height: 14px; list-style: none; } /*** FIN de 1440x1024px *****/ } /***** MEDIA QUERY SOUS MON AILE 1440x1050px *****/ @media screen and (min-width: 1400px) and (max-width: 1549px) and (min-height: 1050px) and (max-height: 1080px){ /**** SPIP CONTENT 1440x1050px *****/ .contenu-mobil.spip-content{ display: none;} .contenu-desktop.spip-content{ display: block; width: 1305px; height: 821px; margin-top: 0px;} /*** FIL d'ARIANE SPIP 1440x1050px *****/ .spip-content .ariane{ width: 1300px; z-index:100; top: 10px;} .spip-content .ariane .arbo{ padding-left: 10px; padding-right: 10px; font-size: 18px; line-height: 18px; width: auto; text-shadow: 0 0 1px #FFFFFF, 0 0 1px #FFFFFF, 0 0 2px #FFFFFF, 0 0 5px #FFFFFF;} /*** CONTNER CONTENU SPIP 1440x1050px *****/ .spip-content .main { width: 1306px; height: 440px; margin-left: 0px; top: 114px;} .spip-content .main .wrapper .content { width: 1305px; height: 800px;} /*** TITRES TITRE DE LA RUBRIQUE-1 1440x1050px *****/ .titre-sma{ display: none; font-size: 20px; line-height: 2px; margin-top: 89px; padding-left: 138px; text-shadow: 0 0 1px #FFFFFF, 0 0 1px #FFFFFF, 0 0 2px #FFFFFF, 0 0 5px #FFFFFF, 0 0 10px #FFFFFF, 0 0 16px #FFFFFF; } .spip-content .main .wrapper .content .container2 { width: 1795px; margin-left:0px; margin-top: 0px;} /*** TITRES TITRE DE LA SOUS-RUBRIQUE-1 1440x1050px *****/ h1.titre-sma-rub1, h1.titre-sma-ssrub{ font-size: 42px; left: 120px; line-height: 135px; top: -10px; text-shadow: 0 0 1px #FFFFFF, 0 0 1px #FFFFFF, 0 0 2px #FFFFFF, 0 0 5px #FFFFFF, 0 0 10px #FFFFFF, 0 0 16px #FFFFFF;} h1.titre-sma-rub1 .spip_logos , h1.titre-sma-ssrub .spip_logos { margin: 11px 0 0 -56px; width: 120px; height: 120px; } h1.titre-sma-rub1 .descriptif, h1.titre-sma-ssrub .descriptif{ font-size: 20px; line-height: 2px; top: 100px; left: 0px; width : 1070px;} /*** TEXTE DE LA RUBRIQUE-1 1440x1050px *****/ .spip-content .main .wrapper .content .texte-rub1{ border-radius: 8px; font-size: 18px; left: 120px; line-height: 22px; top: 130px; padding: 10px 5px 3px 36px; width: 1020px;} .spip-content .main #menu_rubriques2 { width: 1300px; height: 350px; left: 1px; top: 264px;} .spip-content .main #menu_rubriques2 li{ font-size: .8em; margin-left: -1px; margin-top: -15px; } /*** LES BLOCS 1440x1050px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li { width: 265px; height: 282px; z-index: 1;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:hover{ width: 265px; height: 282px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child{ left: 1010px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2){ left: 760px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3){ left: 520px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4){ left: 280px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child{ left: 50px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child {border-top-right-radius: 16px; border-bottom-right-radius: 16px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2), .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3), .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4){ margin-left: 10px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child{ border-top-left-radius: 16px; border-bottom-left-radius: 16px; } /*** LES CADRES-INNER 1440x1050px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner{ width: 265px; height: 279px; padding-top: 7px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child:hover .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2):hover .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3):hover .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4):hover .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child:hover .cadre-inner{ width: 265px; height: 279px; padding-top: 7px; } .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner { border-top-right-radius: 15px; border-bottom-right-radius: 15px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner{} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner { border-top-left-radius: 15px; border-bottom-left-radius: 15px;} /*** LES CADRES-ITEM 1440x1050px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item{ width: 229px; height: 486px; margin-left: 7px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item{ border-top-left-radius: 12px; border-bottom-left-radius: 12px; border-top-right-radius: 12px; border-bottom-right-radius: 12px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item{ border-top-left-radius: 12px; border-bottom-left-radius: 12px; border-top-right-radius: 12px; border-bottom-right-radius: 12px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item{ border-top-left-radius: 12px; border-bottom-left-radius: 12px; border-top-right-radius: 12px; border-bottom-right-radius: 12px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child:hover .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2):hover .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3):hover .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4):hover .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child:hover .cadre-inner .cadre-item{ box-shadow: 0 0 2px #FFFFFF, 0 0 5px #FFFFFF, 0 0 10px #ffffff, 0 0 18px #ffffff; } .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child:hover .cadre-inner .cadre-item{ border-top-left-radius: 12px; border-bottom-left-radius: 12px; border-top-right-radius: 12px; border-bottom-right-radius: 12px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2):hover .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3):hover .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4):hover .cadre-inner .cadre-item{ border-top-left-radius: 12px; border-bottom-left-radius: 12px; border-top-right-radius: 12px; border-bottom-right-radius: 12px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child:hover .cadre-inner .cadre-item{ border-top-left-radius: 12px; border-bottom-left-radius: 12px; border-top-right-radius: 12px; border-bottom-right-radius: 12px;} /*** LES CADRES-ITEM-FINAL 1440x1050px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final{ width: 213px; height: 470px; margin-left: 7px; margin-top: 7px; } /*** CADRE ITEM FIX ***/ /*** Gradient Red ***/ /*** Gradient Orange ***/ /*** Gradient Yellow ***/ /*** Gradient Green ***/ /*** Gradient Blue ***/ /** COLOR INSIDE = DEGRADE GRIS 1440x1050px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final .color-inside{ width: 205px; height: 462px; left: 19px; margin-top: 3px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final .color-inside{ border-top-left-radius: 4px; border-bottom-left-radius: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final .color-inside{ border-top-left-radius: 4px; border-bottom-left-radius: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final .color-inside{ border-top-left-radius: 4px; border-bottom-left-radius: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final{ border-top-left-radius: 7px; border-bottom-left-radius: 7px; border-top-right-radius: 7px; border-bottom-right-radius: 7px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final{ border-top-left-radius: 7px; border-bottom-left-radius: 7px; border-top-right-radius: 7px; border-bottom-right-radius: 7px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final{ border-top-left-radius: 7px; border-bottom-left-radius: 7px; border-top-right-radius: 7px; border-bottom-right-radius: 7px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child:hover .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2):hover .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3):hover .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4):hover .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child:hover .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child:hover .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2):hover .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3):hover .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4):hover .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child:hover .cadre-inner .cadre-item .cadre-item-final{ width: 213px; height: 470px; margin-left: 7px; margin-top: 7px;} /*** Les LOGOS 1440x1050px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .spip_logos_rappel{ height: 250px; margin-left: -5px; margin-top: 0px; width: 250px; position: absolute;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child:hover .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2):hover .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3):hover .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4):hover .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child:hover .cadre-inner .spip_logos_rappel{ height: 250px; margin-left: -5px; margin-top: 0px; width: 250px;} /*** Les TITRES 1440x1050px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li .spip_titre_rappel{ font-size: 25px; line-height: 29px; margin-left: -20px; padding: 10px 40px; text-align: center; text-shadow: 0 0 1px #FFFFFF, 0 0 1px #FFFFFF, 0 0 2px #FFFFFF, 0 0 5px #FFFFFF, 0 0 10px #FFFFFF, 0 0 16px #FFFFFF; top: 192px; width: 168px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:hover .spip_titre_rappel{ text-shadow: 0 0 1px #FFFFFF, 0 0 1px #FFFFFF, 0 0 2px #FFFFFF, 0 0 5px #FFFFFF, 0 0 10px #FFFFFF, 0 0 16px #FFFFFF;} /*** Les DESCRIPTIFS V1 avec titre sur 1 ligne 1440x1050px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li .spip_descriptif_item-rappel{ display: block; width: 200px; margin-top: 0px; margin-left: 19px; font-size: 13px; line-height: 15px; padding: 10px 5px 1px 15px; border-radius: 10px;} /*** Les DESCRIPTIFS V2 avec titre sur 2 lignes 1440x1050px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li .spip_descriptif_item-rappel2{ display: block; border-radius: 5px; font-size: 11px; height: 153px; line-height: 13px; margin-left: 10px; margin-top: 285px; padding: 10px 13px 1px; width: 157px;} /*** POUR Les BTNS COULEURS(noir en fait) 1440x1050px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final .color-inside .mon-btn-color, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final .color-inside .mon-btn-color, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final .color-inside .mon-btn-color, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final .color-inside .mon-btn-color, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final .color-inside .mon-btn-color{ border-radius: 10px; color: #FFFFFF; font-size: 15px; left: 0; line-height: 8px; margin-left: 48px; margin-top: -50px; padding: 10px; width: 43.5%; z-index: 1000;} /*** POUR Les BTNS NOIR 1440x1050px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final-fix .color-inside .mon-btn, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside .mon-btn, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside .mon-btn, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside .mon-btn, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final-fix .color-inside .mon-btn{ left: 0px; width: 36%; font-size: 16px; line-height: 16px; padding-left: 10px; padding-right: 10px; padding-top: 10px; padding-bottom: 10px; border-radius: 10px; margin-left: 74px; margin-top: 18px; } /******************************************************************************* LES SOUS-RUBRIQUE DE CONTENU 1440x1050px ************************************************************************************/ /*** CONTENU RUBRIQUES ITEMS 1440x1050px *****/ .spip-content .main .wrapper .content .box-texte{ position: absolute; top: 168px; left: 110px; border-radius: 10px 0px 0px 10px; width: 1086px; height: 640px; z-index: 10; text-shadow: none; border-radius: 0px 0px 12px 12px; background-color: rgba(255, 255, 255, 0.25); border: 1px solid #FFFFFF; transition: all 0.35s ease-in-out 0s;} .spip-content .main .wrapper .content .box-texte .inner-txt{ padding: 7px 7px 7px 7px; border-radius: 10px 0px 0px 10px;} .spip-content .main .wrapper .content .box-texte .inner-txt .bg-texte{ width: 911px; height: 614px; padding: 0px 10px 10px 10px ; border-radius: 7px 0px 0px 7px; background-color: rgba(255, 255, 255, 0.85); border: 1px solid #fff;} .spip-content .main .wrapper .content .box-texte .inner-txt .bg-texte .texte{ border-radius: 5px; color: #808080; float: left; font-family: Arial,Helvetica,sans-serif; font-size: 15px; height: 554px; line-height: 17px; overflow: auto; padding: 50px 70px 20px 90px; text-align: left; width: 730px;} p { margin: 0 0 0px;} /*** TEXTE DE LA RUBRIQUE-B 1440x1050px *****/ .spip-content .main .wrapper .content .texte-rub1{ font-size: 16px; height: 48px; left: 120px; line-height: 18px; padding: 10px 80px 0; top: 140px; width: 900px;} .spip-content .main #menu_rubriques1 { width: 1600px; height: 350px; left: 70px; margin-top: 240px;} .spip-content .main #menu_rubriques1 li{ font-size: .8em; margin-left: -1px; margin-top: -15px; } /*** DESCRIPTIF SSRUB 1440x1050px *****/ .spip-content .main .wrapper .content .descriptif-ssrub{ background-color: rgba(241, 241, 241, 0.85); border: 1px solid #FFFFFF; border-radius: 8px 8px 0 0; color: #555555; float: left; font-family: Arial,Helvetica,sans-serif; font-size: 17px; left: 110px; line-height: 19px; padding: 18px 110px 0; position: absolute; text-align: left; top: 90px; width: 866px; height: 59px; } /*** TAILLE DE L'IMAGE DANS LE CORPS DE TEXTE SPIP 1440x1050px *****/ .spip_documents_left img{width: 100px; height: 100px; margin-left: 37px; margin-top: -18px; background-color: #fbfbfb;} /*** PARTICULARITE RUBRIQUE FORMULAIRE 1440x1050px *****/ .spip-content .main .wrapper .content .box-texte .inner-txt-formulaire{ padding: 7px 7px 7px 7px; border-radius: 10px 0px 0px 10px; font-family: Arial,Helvetica,sans-serif; text-align: left;} .spip-content .main .wrapper .content .box-texte .inner-txt-formulaire .bg-texte-formulaire{ border-radius: 7px 7px 7px 7px; background-color: rgba(255, 255, 255, 0.85); border: 1px solid #fff; float: left; overflow: auto; padding: 0px; text-align: left; float: left; overflow: auto; border-radius: 5px; color: #808080; font-family: Arial,Helvetica,sans-serif; text-align: left; font-size: 18px; line-height: 20px; width: 1070px; height: 624px;} /*** PARTICULARITE RUBRIQUE SIMPLE 1440x1050px *****/ .spip-content .main .wrapper .content .box-texte .inner-txt-simple{ padding: 7px 7px 7px 7px; border-radius: 10px 0px 0px 10px; font-family: Arial,Helvetica,sans-serif; text-align: left;} .spip-content .main .wrapper .content .box-texte .inner-txt-simple .bg-texte-simple{ background-color: rgba(255, 255, 255, 0.85); border: 1px solid #FFFFFF; border-radius: 5px; color: #808080; float: left; font-family: Arial,Helvetica,sans-serif; font-size: 17px; height: 584px; line-height: 19px; overflow: auto; padding: 40px 110px 0; text-align: left; width: 850px;} /*** POUR LE PETIT MENU des SOUS RUBRIQUES en haut à droite 1440x1050px *****/ .spip-content .main #menu_rubriques1 { position: absolute; text-align: left; width: 118px; height: 640px; z-index: 1000; top: -72px; padding-right: 20px; left: 1058px; background-color: rgba(241, 241, 241, 0.7); border-top-left-radius: 0px; border-bottom-left-radius: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 12px; border: 1px solid #fff; } .spip-content .main #menu_rubriques1 li{ font-size: .8em; margin-left: -1px; list-style: none; float: right; margin-top: -15px; } .spip-content .main #menu_rubriques1 li ul li{ font-size: 1em; margin-left: 0em;} .spip-content .main #menu_rubriques1 { list-style-type:none; } .spip-content .main #menu_rubriques1 li { list-style-type: none; } .spip-content .main #menu_rubriques1 li li { list-style-type: none; } .spip-content .main #menu_rubriques1 li li li { list-style-type: none; } .spip-content .main #menu_rubriques1 hr {margin : 0.7em 0;} .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li { width: 114px; } .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li:hover { width: 114px; } .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li .spip_logos_rappel { height: 130px; width: 130px; margin-bottom: 10px; padding-left: 0px; margin-top: 20px;} .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li:hover .spip_logos_rappel {} .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li .spip_titre_rappel { position: absolute; width: 120px; margin-top: -20px; margin-left: 4px; font-family: "Fugaz One"; text-align: center; font-size: 16px; line-height: 18px; list-style: none;} .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li:hover .spip_titre_rappel { } /*** Les currents 1440x1050px ***/ .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li .nav_current_rub{ display: none;width: 120px; } .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li .nav_current_rub .spip_logos_rappel { width: 80px; height: 80px; padding-left: 18px; padding-top: 18px; padding-bottom: 10px;} .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li .nav_current_rub .spip_titre_rappel { position: absolute; width: 120px; margin-top: -14px; margin-left:-1px; text-align: center; font-size: 14px; line-height: 14px; list-style: none; } /*** FIN de 1440x1050px *****/ } /***** MEDIA QUERY SOUS MON AILE 1440x1200px *****/ @media screen and (min-width: 1400px) and (max-width: 1549px) and (min-height: 1081px) and (max-height: 1549px){ /**** SPIP CONTENT 1440x1200px *****/ .contenu-mobil.spip-content{ display: none;} .contenu-desktop.spip-content{ display: block; width: 1305px; height: 821px; margin-top: 0px;} /*** FIL d'ARIANE SPIP 1440x1200px *****/ .spip-content .ariane{ width: 1300px; z-index:100; top: 10px;} .spip-content .ariane .arbo{ padding-left: 10px; padding-right: 10px; font-size: 18px; line-height: 18px; width: auto; text-shadow: 0 0 1px #FFFFFF, 0 0 1px #FFFFFF, 0 0 2px #FFFFFF, 0 0 5px #FFFFFF;} /*** CONTNER CONTENU SPIP 1440x1200px *****/ .spip-content .main { width: 1306px; height: 440px; margin-left: 0px; top: 114px;} .spip-content .main .wrapper .content { width: 1305px; height: 800px;} /*** TITRES TITRE DE LA RUBRIQUE-1 1440x1200px *****/ .titre-sma{ display: none; font-size: 20px; line-height: 2px; margin-top: 89px; padding-left: 138px; text-shadow: 0 0 1px #FFFFFF, 0 0 1px #FFFFFF, 0 0 2px #FFFFFF, 0 0 5px #FFFFFF, 0 0 10px #FFFFFF, 0 0 16px #FFFFFF; } .spip-content .main .wrapper .content .container2 { width: 1795px; margin-left:0px; margin-top: 0px;} /*** TITRES TITRE DE LA SOUS-RUBRIQUE-1 1440x1200px *****/ h1.titre-sma-rub1, h1.titre-sma-ssrub{ font-size: 42px; left: 120px; line-height: 135px; top: -10px; text-shadow: 0 0 1px #FFFFFF, 0 0 1px #FFFFFF, 0 0 2px #FFFFFF, 0 0 5px #FFFFFF, 0 0 10px #FFFFFF, 0 0 16px #FFFFFF;} h1.titre-sma-rub1 .spip_logos , h1.titre-sma-ssrub .spip_logos { margin: 11px 0 0 -56px; width: 120px; height: 120px; } h1.titre-sma-rub1 .descriptif, h1.titre-sma-ssrub .descriptif{ font-size: 20px; line-height: 2px; top: 100px; left: 0px; width : 1070px;} /*** TEXTE DE LA RUBRIQUE-1 1440x1200px *****/ .spip-content .main .wrapper .content .texte-rub1{ border-radius: 8px; font-size: 18px; left: 120px; line-height: 22px; top: 140px; padding: 10px 5px 3px 36px; width: 1020px;} .spip-content .main #menu_rubriques2 { width: 1300px; height: 350px; left: 1px; top: 264px;} .spip-content .main #menu_rubriques2 li{ font-size: .8em; margin-left: -1px; margin-top: -15px; } /*** LES BLOCS 1440x1200px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li { width: 265px; height: 282px; z-index: 1;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:hover{ width: 265px; height: 282px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child{ left: 1010px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2){ left: 760px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3){ left: 520px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4){ left: 280px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child{ left: 50px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child {border-top-right-radius: 16px; border-bottom-right-radius: 16px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2), .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3), .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4){ margin-left: 10px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child{ border-top-left-radius: 16px; border-bottom-left-radius: 16px; } /*** LES CADRES-INNER 1440x1200px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner{ width: 265px; height: 279px; padding-top: 7px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child:hover .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2):hover .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3):hover .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4):hover .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child:hover .cadre-inner{ width: 265px; height: 279px; padding-top: 7px; } .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner { border-top-right-radius: 15px; border-bottom-right-radius: 15px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner{} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner { border-top-left-radius: 15px; border-bottom-left-radius: 15px;} /*** LES CADRES-ITEM 1440x1200px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item{ width: 229px; height: 486px; margin-left: 7px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item{ border-top-left-radius: 12px; border-bottom-left-radius: 12px; border-top-right-radius: 12px; border-bottom-right-radius: 12px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item{ border-top-left-radius: 12px; border-bottom-left-radius: 12px; border-top-right-radius: 12px; border-bottom-right-radius: 12px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item{ border-top-left-radius: 12px; border-bottom-left-radius: 12px; border-top-right-radius: 12px; border-bottom-right-radius: 12px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child:hover .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2):hover .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3):hover .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4):hover .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child:hover .cadre-inner .cadre-item{ box-shadow: 0 0 2px #FFFFFF, 0 0 5px #FFFFFF, 0 0 10px #ffffff, 0 0 18px #ffffff; } .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child:hover .cadre-inner .cadre-item{ border-top-left-radius: 12px; border-bottom-left-radius: 12px; border-top-right-radius: 12px; border-bottom-right-radius: 12px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2):hover .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3):hover .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4):hover .cadre-inner .cadre-item{ border-top-left-radius: 12px; border-bottom-left-radius: 12px; border-top-right-radius: 12px; border-bottom-right-radius: 12px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child:hover .cadre-inner .cadre-item{ border-top-left-radius: 12px; border-bottom-left-radius: 12px; border-top-right-radius: 12px; border-bottom-right-radius: 12px;} /*** LES CADRES-ITEM-FINAL 1440x1200px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final{ width: 213px; height: 470px; margin-left: 7px; margin-top: 7px; } /*** CADRE ITEM FIX ***/ /*** Gradient Red ***/ /*** Gradient Orange ***/ /*** Gradient Yellow ***/ /*** Gradient Green ***/ /*** Gradient Blue ***/ /** COLOR INSIDE = DEGRADE GRIS 1440x1200px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final .color-inside{ width: 205px; height: 462px; left: 19px; margin-top: 3px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final .color-inside{ border-top-left-radius: 4px; border-bottom-left-radius: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final .color-inside{ border-top-left-radius: 4px; border-bottom-left-radius: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final .color-inside{ border-top-left-radius: 4px; border-bottom-left-radius: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final{ border-top-left-radius: 7px; border-bottom-left-radius: 7px; border-top-right-radius: 7px; border-bottom-right-radius: 7px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final{ border-top-left-radius: 7px; border-bottom-left-radius: 7px; border-top-right-radius: 7px; border-bottom-right-radius: 7px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final{ border-top-left-radius: 7px; border-bottom-left-radius: 7px; border-top-right-radius: 7px; border-bottom-right-radius: 7px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child:hover .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2):hover .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3):hover .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4):hover .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child:hover .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child:hover .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2):hover .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3):hover .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4):hover .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child:hover .cadre-inner .cadre-item .cadre-item-final{ width: 213px; height: 470px; margin-left: 7px; margin-top: 7px;} /*** Les LOGOS 1440x1200px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .spip_logos_rappel{ height: 250px; margin-left: -5px; margin-top: 0px; width: 250px; position: absolute;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child:hover .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2):hover .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3):hover .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4):hover .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child:hover .cadre-inner .spip_logos_rappel{ height: 250px; margin-left: -5px; margin-top: 0px; width: 250px;} /*** Les TITRES 1440x1200px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li .spip_titre_rappel{ font-size: 25px; line-height: 29px; margin-left: -20px; padding: 10px 40px; text-align: center; text-shadow: 0 0 1px #FFFFFF, 0 0 1px #FFFFFF, 0 0 2px #FFFFFF, 0 0 5px #FFFFFF, 0 0 10px #FFFFFF, 0 0 16px #FFFFFF; top: 192px; width: 168px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:hover .spip_titre_rappel{ text-shadow: 0 0 1px #FFFFFF, 0 0 1px #FFFFFF, 0 0 2px #FFFFFF, 0 0 5px #FFFFFF, 0 0 10px #FFFFFF, 0 0 16px #FFFFFF;} /*** Les DESCRIPTIFS V1 avec titre sur 1 ligne 1440x1200px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li .spip_descriptif_item-rappel{ display: block; width: 200px; margin-top: 0px; margin-left: 19px; font-size: 13px; line-height: 15px; padding: 10px 5px 1px 15px; border-radius: 10px;} /*** Les DESCRIPTIFS V2 avec titre sur 2 lignes 1440x1200px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li .spip_descriptif_item-rappel2{ border-radius: 5px; display: block; font-size: 11px; height: 153px; line-height: 13px; margin-left: 10px; margin-top: 285px; padding: 10px 13px 1px; width: 157px;} /*** POUR Les BTNS COULEURS(noir en fait) 1440x1200px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final .color-inside .mon-btn-color, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final .color-inside .mon-btn-color, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final .color-inside .mon-btn-color, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final .color-inside .mon-btn-color, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final .color-inside .mon-btn-color{ border-radius: 10px; color: #FFFFFF; font-size: 15px; left: 0; line-height: 8px; margin-left: 48px; margin-top: -50px; padding: 10px; width: 43.5%; z-index: 1000;} /*** POUR Les BTNS NOIR 1440x1200px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final-fix .color-inside .mon-btn, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside .mon-btn, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside .mon-btn, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside .mon-btn, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final-fix .color-inside .mon-btn{ left: 0px; width: 36%; font-size: 16px; line-height: 16px; padding-left: 10px; padding-right: 10px; padding-top: 10px; padding-bottom: 10px; border-radius: 10px; margin-left: 74px; margin-top: 18px; } /******************************************************************************* LES SOUS-RUBRIQUE DE CONTENU 1440x1200px ************************************************************************************/ /*** CONTENU RUBRIQUES ITEMS 1440x1200px *****/ .spip-content .main .wrapper .content .box-texte{ position: absolute; top: 168px; left: 110px; border-radius: 10px 0px 0px 10px; width: 1086px; height: 640px; z-index: 10; text-shadow: none; border-radius: 0px 0px 12px 12px; background-color: rgba(255, 255, 255, 0.25); border: 1px solid #FFFFFF; transition: all 0.35s ease-in-out 0s;} .spip-content .main .wrapper .content .box-texte .inner-txt{ padding: 7px 7px 7px 7px; border-radius: 10px 0px 0px 10px;} .spip-content .main .wrapper .content .box-texte .inner-txt .bg-texte{ width: 911px; height: 614px; padding: 0px 10px 10px 10px ; border-radius: 7px 0px 0px 7px; background-color: rgba(255, 255, 255, 0.85); border: 1px solid #fff;} .spip-content .main .wrapper .content .box-texte .inner-txt .bg-texte .texte{ border-radius: 5px; color: #808080; float: left; font-family: Arial,Helvetica,sans-serif; font-size: 15px; height: 554px; line-height: 17px; overflow: auto; padding: 50px 70px 20px 90px; text-align: left; width: 730px;} p { margin: 0 0 0px;} /*** TEXTE DE LA RUBRIQUE-B 1440x1200px *****/ .spip-content .main .wrapper .content .texte-rub1{ font-size: 16px; height: 48px; left: 120px; line-height: 18px; padding: 10px 80px 0; top: 140px; width: 900px;} .spip-content .main #menu_rubriques1 { width: 1600px; height: 350px; left: 70px; margin-top: 240px;} .spip-content .main #menu_rubriques1 li{ font-size: .8em; margin-left: -1px; margin-top: -15px; } /*** DESCRIPTIF SSRUB 1440x1200px *****/ .spip-content .main .wrapper .content .descriptif-ssrub{ background-color: rgba(241, 241, 241, 0.85); border: 1px solid #FFFFFF; border-radius: 8px 8px 0 0; color: #555555; float: left; font-family: Arial,Helvetica,sans-serif; font-size: 17px; left: 110px; line-height: 19px; padding: 18px 110px 0; position: absolute; text-align: left; top: 90px; width: 866px; height: 59px; } /*** TAILLE DE L'IMAGE DANS LE CORPS DE TEXTE SPIP 1440x1200px *****/ .spip_documents_left img{width: 100px; height: 100px; margin-left: 37px; margin-top: -18px; background-color: #fbfbfb;} /*** PARTICULARITE RUBRIQUE FORMULAIRE 1440x1200px *****/ .spip-content .main .wrapper .content .box-texte .inner-txt-formulaire{ padding: 7px 7px 7px 7px; border-radius: 10px 0px 0px 10px; font-family: Arial,Helvetica,sans-serif; text-align: left;} .spip-content .main .wrapper .content .box-texte .inner-txt-formulaire .bg-texte-formulaire{ border-radius: 7px 7px 7px 7px; background-color: rgba(255, 255, 255, 0.85); border: 1px solid #fff; float: left; overflow: auto; padding: 0px; text-align: left; float: left; overflow: auto; border-radius: 5px; color: #808080; font-family: Arial,Helvetica,sans-serif; text-align: left; font-size: 18px; line-height: 20px; width: 1070px; height: 624px;} /*** PARTICULARITE RUBRIQUE SIMPLE 1440x1200px *****/ .spip-content .main .wrapper .content .box-texte .inner-txt-simple{ padding: 7px 7px 7px 7px; border-radius: 10px 0px 0px 10px; font-family: Arial,Helvetica,sans-serif; text-align: left;} .spip-content .main .wrapper .content .box-texte .inner-txt-simple .bg-texte-simple{ background-color: rgba(255, 255, 255, 0.85); border: 1px solid #FFFFFF; border-radius: 5px; color: #808080; float: left; font-family: Arial,Helvetica,sans-serif; font-size: 17px; height: 584px; line-height: 19px; overflow: auto; padding: 40px 110px 0; text-align: left; width: 850px;} /*** POUR LE PETIT MENU des SOUS RUBRIQUES en haut à droite 1440x1200px *****/ .spip-content .main #menu_rubriques1 { position: absolute; text-align: left; width: 118px; height: 640px; z-index: 1000; top: -72px; padding-right: 20px; left: 1058px; background-color: rgba(241, 241, 241, 0.7); border-top-left-radius: 0px; border-bottom-left-radius: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 12px; border: 1px solid #fff; } .spip-content .main #menu_rubriques1 li{ font-size: .8em; margin-left: -1px; list-style: none; float: right; margin-top: -15px; } .spip-content .main #menu_rubriques1 li ul li{ font-size: 1em; margin-left: 0em;} .spip-content .main #menu_rubriques1 { list-style-type:none; } .spip-content .main #menu_rubriques1 li { list-style-type: none; } .spip-content .main #menu_rubriques1 li li { list-style-type: none; } .spip-content .main #menu_rubriques1 li li li { list-style-type: none; } .spip-content .main #menu_rubriques1 hr {margin : 0.7em 0;} .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li { width: 114px; } .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li:hover { width: 114px; } .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li .spip_logos_rappel { height: 130px; width: 130px; margin-bottom: 10px; padding-left: 0px; margin-top: 20px;} .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li:hover .spip_logos_rappel {} .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li .spip_titre_rappel { position: absolute; width: 120px; margin-top: -20px; margin-left: 4px; font-family: "Fugaz One"; text-align: center; font-size: 16px; line-height: 18px; list-style: none;} .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li:hover .spip_titre_rappel { } /*** Les currents 1440x1200px ***/ .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li .nav_current_rub{ display: none;width: 120px; } .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li .nav_current_rub .spip_logos_rappel { width: 80px; height: 80px; padding-left: 18px; padding-top: 18px; padding-bottom: 10px;} .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li .nav_current_rub .spip_titre_rappel { position: absolute; width: 120px; margin-top: -14px; margin-left:-1px; text-align: center; font-size: 14px; line-height: 14px; list-style: none; } /*** FIN de 1440x1200px *****/ } /************************************************************************************************************************ ************************************** MEDIA QUERY SOUS MON AILE 1600px de largeur *********************************** *************************************************************************************************************************/ /***** MEDIA QUERY SOUS MON AILE 1600x600px *****/ @media screen and (min-width: 1550px) and (max-width: 1779px) and (min-height: 10px) and (max-height: 749px){ /**** SPIP CONTENT 1600x600px *****/ .contenu-mobil.spip-content{ display: none;} .contenu-desktop.spip-content{ display: block; width: 1491px; height: 468px; margin-top: 0px;} /*** FIL d'ARIANE SPIP 1600x600px *****/ .spip-content .ariane{ width: 1480px; z-index:100; top: 5px; } .spip-content .ariane .arbo{ padding-left: 10px; padding-right: 10px; font-size: 12px; line-height: 22px; width: auto; text-shadow: 0 0 1px #FFFFFF, 0 0 1px #FFFFFF, 0 0 2px #FFFFFF, 0 0 5px #FFFFFF;} /*** CONTNER CONTENU SPIP 1600x600px *****/ .spip-content .main { width: 1490px; height: 370px; margin-left: 0px; top: 74px;} .spip-content .main .wrapper .content { height: 370px; width: 1172px;} /*** TITRES TITRE DE LA RUBRIQUE-1 1600x600px *****/ .titre-sma{ display: none; font-size: 20px; line-height: 2px; margin-top: 89px; padding-left: 138px; text-shadow: 0 0 1px #FFFFFF, 0 0 1px #FFFFFF, 0 0 2px #FFFFFF, 0 0 5px #FFFFFF, 0 0 10px #FFFFFF, 0 0 16px #FFFFFF; } .spip-content .main .wrapper .content .container2 { width: 1615px; margin-left:0px; margin-top: 0px;} /*** TITRES TITRE DE LA SOUS-RUBRIQUE-1 1600x600px *****/ h1.titre-sma-rub1, h1.titre-sma-ssrub{ font-size: 24px; left: 120px; line-height: 100px; margin-top: -30px; text-shadow: 0 0 1px #FFFFFF, 0 0 1px #FFFFFF, 0 0 2px #FFFFFF, 0 0 5px #FFFFFF, 0 0 10px #FFFFFF, 0 0 16px #FFFFFF;} h1.titre-sma-rub1 .spip_logos , h1.titre-sma-ssrub .spip_logos { margin: 10px 0 0 -43px; width: 90px; height: 90px; } h1.titre-sma-rub1 .descriptif, h1.titre-sma-ssrub .descriptif{ font-size: 16px; line-height: 2px; margin-top: -27px; margin-left: 0px; width : 1100px;} /*** TEXTE DE LA RUBRIQUE-1 1600x600px *****/ .spip-content .main .wrapper .content .texte-rub1{ border-radius: 8px; font-size: 14px; left: 120px; line-height: 16px; top: 90px; padding: 7px 130px 0px 130px; width: 1000px; height: 41px;} .spip-content .main #menu_rubriques2 { width: 1430px; height: 350px; left: 28px; margin-top: 150px;} .spip-content .main #menu_rubriques2 li{ font-size: .8em; margin-left: -1px; margin-top: -15px; } /*** LES BLOCS 1600x600px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li { width: 265px; height: 282px; z-index: 1;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:hover{ width: 265px; height: 282px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child{ left: 1130px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2){ left: 850px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3){ left: 580px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4){ left: 310px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child{ left: 50px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child {border-top-right-radius: 16px; border-bottom-right-radius: 16px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2), .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3), .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4){ margin-left: 10px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child{ border-top-left-radius: 16px; border-bottom-left-radius: 16px; } /*** LES CADRES-INNER 1600x600px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner{ width: 265px; height: 279px; padding-top: 7px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child:hover .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2):hover .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3):hover .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4):hover .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child:hover .cadre-inner{ width: 265px; height: 279px; padding-top: 7px; } .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner { border-top-right-radius: 15px; border-bottom-right-radius: 15px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner{} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner { border-top-left-radius: 15px; border-bottom-left-radius: 15px;} /*** LES CADRES-ITEM 1600x600px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item{ width: 249px; height: 264px; margin-left: 7px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item{ border-top-left-radius: 12px; border-bottom-left-radius: 12px; border-top-right-radius: 12px; border-bottom-right-radius: 12px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item{ border-top-left-radius: 12px; border-bottom-left-radius: 12px; border-top-right-radius: 12px; border-bottom-right-radius: 12px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item{ border-top-left-radius: 12px; border-bottom-left-radius: 12px; border-top-right-radius: 12px; border-bottom-right-radius: 12px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child:hover .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2):hover .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3):hover .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4):hover .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child:hover .cadre-inner .cadre-item{ box-shadow: 0 0 2px #FFFFFF, 0 0 5px #FFFFFF, 0 0 10px #ffffff, 0 0 18px #ffffff; } .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child:hover .cadre-inner .cadre-item{ border-top-left-radius: 12px; border-bottom-left-radius: 12px; border-top-right-radius: 12px; border-bottom-right-radius: 12px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2):hover .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3):hover .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4):hover .cadre-inner .cadre-item{ border-top-left-radius: 12px; border-bottom-left-radius: 12px; border-top-right-radius: 12px; border-bottom-right-radius: 12px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child:hover .cadre-inner .cadre-item{ border-top-left-radius: 12px; border-bottom-left-radius: 12px; border-top-right-radius: 12px; border-bottom-right-radius: 12px;} /*** LES CADRES-ITEM-FINAL 1600x600px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final{ width: 233px; height: 248px; margin-left: 7px; margin-top: 7px; } /*** CADRE ITEM FIX ***/ /*** Gradient Red ***/ /*** Gradient Orange ***/ /*** Gradient Yellow ***/ /*** Gradient Green ***/ /*** Gradient Blue ***/ /** COLOR INSIDE = DEGRADE GRIS 1600x600px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final .color-inside{ width: 225px; height: 240px; left: 19px; margin-top: 3px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final .color-inside{ border-top-left-radius: 4px; border-bottom-left-radius: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final .color-inside{ border-top-left-radius: 4px; border-bottom-left-radius: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final .color-inside{ border-top-left-radius: 4px; border-bottom-left-radius: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final{ border-top-left-radius: 7px; border-bottom-left-radius: 7px; border-top-right-radius: 7px; border-bottom-right-radius: 7px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final{ border-top-left-radius: 7px; border-bottom-left-radius: 7px; border-top-right-radius: 7px; border-bottom-right-radius: 7px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final{ border-top-left-radius: 7px; border-bottom-left-radius: 7px; border-top-right-radius: 7px; border-bottom-right-radius: 7px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child:hover .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2):hover .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3):hover .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4):hover .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child:hover .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child:hover .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2):hover .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3):hover .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4):hover .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child:hover .cadre-inner .cadre-item .cadre-item-final{ width: 233px; height: 248px; margin-left: 7px; margin-top: 7px;} /*** Les LOGOS 1600x600px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .spip_logos_rappel{ height: 90px; margin-left: -6px; margin-top: -9px; width: 90px; position: absolute;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child:hover .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2):hover .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3):hover .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4):hover .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child:hover .cadre-inner .spip_logos_rappel{ height: 90px; margin-left: -6px; margin-top: -9px; width: 90px;} /*** Les TITRES 1600x600px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li .spip_titre_rappel{ font-size: 19px; line-height: 20px; margin-left: 37px; padding: 10px 40px; text-align: center; text-shadow: 0 0 1px #FFFFFF, 0 0 1px #FFFFFF, 0 0 2px #FFFFFF, 0 0 5px #FFFFFF, 0 0 10px #FFFFFF, 0 0 16px #FFFFFF; top: 5px; width: 133px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:hover .spip_titre_rappel{ text-shadow: 0 0 1px #FFFFFF, 0 0 1px #FFFFFF, 0 0 2px #FFFFFF, 0 0 5px #FFFFFF, 0 0 10px #FFFFFF, 0 0 16px #FFFFFF;} /*** Les DESCRIPTIFS V1 avec titre sur 1 ligne 1600x600px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li .spip_descriptif_item-rappel{ display: block; width: 200px; margin-top: 0px; margin-left: 19px; font-size: 13px; line-height: 15px; padding: 10px 5px 1px 15px; border-radius: 10px;} /*** Les DESCRIPTIFS V2 avec titre sur 2 lignes 1600x600px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li .spip_descriptif_item-rappel2{ border-radius: 5px; display: block; font-size: 12px; line-height: 14px; margin-left: 10px; margin-top: 88px; padding: 10px 10px 1px 10px; width: 183px; height: 128px;} /*** POUR Les BTNS COULEURS(noir en fait) 1600x600px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final .color-inside .mon-btn-color, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final .color-inside .mon-btn-color, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final .color-inside .mon-btn-color, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final .color-inside .mon-btn-color, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final .color-inside .mon-btn-color{ border-radius: 10px; color: #FFFFFF; font-size: 15px; left: 0; line-height: 8px; margin-left: 59px; margin-top: -40px; padding: 10px; width: 39.5%; z-index: 1000;} /*** POUR Les BTNS NOIR 1600x600px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final-fix .color-inside .mon-btn, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside .mon-btn, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside .mon-btn, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside .mon-btn, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final-fix .color-inside .mon-btn{ left: 0px; width: 36%; font-size: 16px; line-height: 16px; padding-left: 10px; padding-right: 10px; padding-top: 10px; padding-bottom: 10px; border-radius: 10px; margin-left: 74px; margin-top: 18px; } /******************************************************************************* LES SOUS-RUBRIQUE DE CONTENU 1600x600px ************************************************************************************/ /*** TEXTE DES SSRUBRIQUES BLUE, GREEN, YELLOW, ORANGE, RED 1600x600px *****/ .spip-content .main .wrapper .content .box-texte{ position: absolute; top: 128px; left: 120px; border-radius: 10px 0px 0px 10px; width: 1260px; height: 305px; z-index: 10; text-shadow: none; border-radius: 0px 0px 12px 12px; background-color: rgba(255, 255, 255, 0.25); border: 1px solid #FFFFFF;} .spip-content .main .wrapper .content .box-texte .inner-txt{ padding: 7px 7px 7px 7px; border-radius: 10px 0px 0px 10px;} .spip-content .main .wrapper .content .box-texte .inner-txt .bg-texte{ width: 1054px; height: 279px; padding: 0px 10px 10px 10px ; border-radius: 7px 0px 0px 7px; background-color: rgba(255, 255, 255, 0.85); border: 1px solid #fff;} .spip-content .main .wrapper .content .box-texte .inner-txt .bg-texte .texte{ border-radius: 5px; color: #808080; float: left; font-family: Arial,Helvetica,sans-serif; font-size: 12px; line-height: 14px; overflow: auto; padding: 30px 170px 0 80px; text-align: left; width: 814px; height: 259px;} p { margin: 0 0 -13px;} /*** DESCRIPTIF SSRUB 1600x600px *****/ .spip-content .main .wrapper .content .descriptif-ssrub{ background-color: rgba(241, 241, 241, 0.85); border: 1px solid #FFFFFF; border-radius: 8px 8px 0 0; color: #555555; float: left; font-family: Arial,Helvetica,sans-serif; font-size: 19px; height: 50px; left: 120px; line-height: 20px; padding: 8px 120px 0; position: absolute; text-align: left; top: 69px; width: 1020px; } /*** TAILLE DE L'IMAGE DANS LE CORPS DE TEXTE SPIP 1600x600px *****/ .spip_documents_left img{width: 50px; height: 50px; margin-left: 80px; margin-top: -16px; background-color: #fbfbfb;} /*** PARTICULARITE RUBRIQUE FORMULAIRE 1600x600px *****/ .spip-content .main .wrapper .content .box-texte .inner-txt-formulaire{ padding: 7px 7px 7px 7px; border-radius: 10px 0px 0px 10px; font-family: Arial,Helvetica,sans-serif; text-align: left;} .spip-content .main .wrapper .content .box-texte .inner-txt-formulaire .bg-texte-formulaire{ background-color: rgba(255, 255, 255, 0.85); border: 1px solid #FFFFFF; border-radius: 5px; color: #808080; float: left; font-family: Arial,Helvetica,sans-serif; font-size: 12px; line-height: 14px; overflow: auto; padding: 2px 280px 20px 131px; text-align: left; width: 834px; height: 267px;} /*** PARTICULARITE RUBRIQUE SIMPLE 1600x600px *****/ .spip-content .main .wrapper .content .box-texte .inner-txt-simple{ padding: 7px 7px 7px 7px; border-radius: 10px 0px 0px 10px; font-family: Arial,Helvetica,sans-serif; text-align: left;} .spip-content .main .wrapper .content .box-texte .inner-txt-simple .bg-texte-simple{ background-color: rgba(255, 255, 255, 0.85); border: 1px solid #FFFFFF; border-radius: 5px; color: #808080; float: left; font-family: Arial,Helvetica,sans-serif; font-size: 19px; height: 249px; line-height: 21px; overflow: auto; padding: 40px 120px 0; text-align: left; width: 1004px;} /*** POUR LE PETIT MENU des SOUS RUBRIQUES en haut à droite 1600x600px *****/ .spip-content .main #menu_rubriques1 { position: absolute; text-align: left; width: 149px; height: 305px; z-index: 1000; top: 128px; padding-right: 20px; left:1211px; background-color: rgba(241, 241, 241, 0.7); border-top-left-radius: 0px; border-bottom-left-radius: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 12px; border: 1px solid #fff; } .spip-content .main #menu_rubriques1 li{ font-size: .8em; margin-left: -1px; list-style: none; float: right; margin-top: -15px; } .spip-content .main #menu_rubriques1 li ul li{ font-size: 1em; margin-left: 0em;} .spip-content .main #menu_rubriques1 { list-style-type:none; } .spip-content .main #menu_rubriques1 li { list-style-type: none; } .spip-content .main #menu_rubriques1 li li { list-style-type: none; } .spip-content .main #menu_rubriques1 li li li { list-style-type: none; } .spip-content .main #menu_rubriques1 hr {margin : 0.7em 0;} .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li { width: 114px; } .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li:hover { width: 114px; } .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li .spip_logos_rappel { height: 70px; width: 70px; margin-bottom: 0px; margin-left: -36px; margin-top: 14px;} .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li:hover .spip_logos_rappel {} .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li .spip_titre_rappel{ font-family: "Fugaz One"; font-size: 13px; line-height: 15px; list-style: none outside none; margin-left: 33px; margin-top: -50px; position: absolute; text-align: left; width: 95px;} .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li:hover .spip_titre_rappel { } /*** Les currents 1600x600px ***/ .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li .nav_current_rub{ display: none;width: 120px; } .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li .nav_current_rub .spip_logos_rappel { width: 80px; height: 80px; padding-left: 18px; padding-top: 18px; padding-bottom: 10px;} .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li .nav_current_rub .spip_titre_rappel { position: absolute; width: 120px; margin-top: -14px; margin-left:-1px; text-align: center; font-size: 14px; line-height: 14px; list-style: none; } /*** FIN de 1600x600px *****/ } /***** MEDIA QUERY SOUS MON AILE 1600x768px *****/ @media screen and (min-width: 1550px) and (max-width: 1779px) and (min-height: 750px) and (max-height: 899px){ /**** SPIP CONTENT 1600x768px *****/ .contenu-mobil.spip-content{ display: none;} .contenu-desktop.spip-content{ display: block; width: 1491px; height: 561px; margin-top: 0px;} /*** FIL d'ARIANE SPIP 1600x768px *****/ .spip-content .ariane{ width: 1480px; z-index:100; top: 0px;} .spip-content .ariane .arbo{ padding-left: 10px; padding-right: 10px; font-size: 12px; line-height: 32px; width: auto; text-shadow: 0 0 1px #FFFFFF, 0 0 1px #FFFFFF, 0 0 2px #FFFFFF, 0 0 5px #FFFFFF;} /*** CONTNER CONTENU SPIP 1600x768px *****/ .spip-content .main { width: 1480px; height: 590px; margin-left: 0px; top: 74px;} .spip-content .main .wrapper .content { width: 1172px; height: 561px; } /*** TITRES TITRE DE LA RUBRIQUE-1 1600x768px *****/ .titre-sma{ display: none; font-size: 20px; line-height: 2px; margin-top: 89px; padding-left: 138px; text-shadow: 0 0 1px #FFFFFF, 0 0 1px #FFFFFF, 0 0 2px #FFFFFF, 0 0 5px #FFFFFF, 0 0 10px #FFFFFF, 0 0 16px #FFFFFF; } .spip-content .main .wrapper .content .container2 { width: 1615px; margin-left:0px; margin-top: 0px;} /*** TITRES TITRE DE LA SOUS-RUBRIQUE-1 1600x768px *****/ h1.titre-sma-rub1, h1.titre-sma-ssrub{ font-size: 32px; left: 130px; line-height: 125px; top: 0px; text-shadow: 0 0 1px #FFFFFF, 0 0 1px #FFFFFF, 0 0 2px #FFFFFF, 0 0 5px #FFFFFF, 0 0 10px #FFFFFF, 0 0 16px #FFFFFF;} h1.titre-sma-rub1 .spip_logos , h1.titre-sma-ssrub .spip_logos { margin: 11px 0 0 -56px; width: 110px; height: 110px; } h1.titre-sma-rub1 .descriptif, h1.titre-sma-ssrub .descriptif{ font-size: 20px; line-height: 2px; top: 90px; margin-left: 0px; width : 1180px;} /*** TEXTE DE LA RUBRIQUE-1 1600x768px *****/ .spip-content .main .wrapper .content .texte-rub1{ border-radius: 8px; font-size: 17px; left: 120px; line-height: 19px; top: 110px; padding: 7px 130px 0px 130px; width: 1000px; height: 51px;} .spip-content .main #menu_rubriques2 { width: 1460px; height: 350px; left: 28px; top: 220px;} .spip-content .main #menu_rubriques2 li{ font-size: .8em; margin-left: -1px; margin-top: -15px; } /*** LES BLOCS 1600x768px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li { width: 265px; height: 357px; z-index: 1;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:hover{ width: 265px; height: 357px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child{ left: 1130px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2){ left: 850px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3){ left: 580px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4){ left: 310px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child{ left: 50px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child {border-top-right-radius: 16px; border-bottom-right-radius: 16px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2), .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3), .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4){ margin-left: 10px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child{ border-top-left-radius: 16px; border-bottom-left-radius: 16px; } /*** LES CADRES-INNER 1600x768px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner{ width: 265px; height: 339px; padding-top: 7px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child:hover .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2):hover .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3):hover .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4):hover .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child:hover .cadre-inner{ width: 265px; height: 339px; padding-top: 7px; } .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner { border-top-right-radius: 15px; border-bottom-right-radius: 15px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner{} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner { border-top-left-radius: 15px; border-bottom-left-radius: 15px;} /*** LES CADRES-ITEM 1600x768px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item{ width: 249px; height:324px; margin-left: 7px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item{ border-top-left-radius: 12px; border-bottom-left-radius: 12px; border-top-right-radius: 12px; border-bottom-right-radius: 12px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item{ border-top-left-radius: 12px; border-bottom-left-radius: 12px; border-top-right-radius: 12px; border-bottom-right-radius: 12px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item{ border-top-left-radius: 12px; border-bottom-left-radius: 12px; border-top-right-radius: 12px; border-bottom-right-radius: 12px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child:hover .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2):hover .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3):hover .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4):hover .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child:hover .cadre-inner .cadre-item{ box-shadow: 0 0 2px #FFFFFF, 0 0 5px #FFFFFF, 0 0 10px #ffffff, 0 0 18px #ffffff; } .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child:hover .cadre-inner .cadre-item{ border-top-left-radius: 12px; border-bottom-left-radius: 12px; border-top-right-radius: 12px; border-bottom-right-radius: 12px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2):hover .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3):hover .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4):hover .cadre-inner .cadre-item{ border-top-left-radius: 12px; border-bottom-left-radius: 12px; border-top-right-radius: 12px; border-bottom-right-radius: 12px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child:hover .cadre-inner .cadre-item{ border-top-left-radius: 12px; border-bottom-left-radius: 12px; border-top-right-radius: 12px; border-bottom-right-radius: 12px;} /*** LES CADRES-ITEM-FINAL 1600x768px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final{ width: 233px; height: 308px; margin-left: 7px; margin-top: 7px; } /*** CADRE ITEM FIX ***/ /*** Gradient Red ***/ /*** Gradient Orange ***/ /*** Gradient Yellow ***/ /*** Gradient Green ***/ /*** Gradient Blue ***/ /** COLOR INSIDE = DEGRADE GRIS 1600x768px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final .color-inside{ width: 225px; height: 300px; left: 19px; margin-top: 3px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final .color-inside{ border-top-left-radius: 4px; border-bottom-left-radius: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final .color-inside{ border-top-left-radius: 4px; border-bottom-left-radius: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final .color-inside{ border-top-left-radius: 4px; border-bottom-left-radius: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final{ border-top-left-radius: 7px; border-bottom-left-radius: 7px; border-top-right-radius: 7px; border-bottom-right-radius: 7px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final{ border-top-left-radius: 7px; border-bottom-left-radius: 7px; border-top-right-radius: 7px; border-bottom-right-radius: 7px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final{ border-top-left-radius: 7px; border-bottom-left-radius: 7px; border-top-right-radius: 7px; border-bottom-right-radius: 7px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child:hover .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2):hover .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3):hover .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4):hover .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child:hover .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child:hover .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2):hover .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3):hover .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4):hover .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child:hover .cadre-inner .cadre-item .cadre-item-final{ width: 233px; height: 308px; margin-left: 7px; margin-top: 7px;} /*** Les LOGOS 1600x768px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .spip_logos_rappel{ height: 110px; margin-left: 58px; margin-top: -9px; width: 110px; position: absolute;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child:hover .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2):hover .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3):hover .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4):hover .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child:hover .cadre-inner .spip_logos_rappel{ height: 110px; margin-left: 58px; margin-top: -9px; width: 110px;} /*** Les TITRES 1600x768px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li .spip_titre_rappel{ font-size: 19px; line-height: 20px; margin-left: 7px; padding: 10px 40px; text-align: center; text-shadow: 0 0 1px #FFFFFF, 0 0 1px #FFFFFF, 0 0 2px #FFFFFF, 0 0 5px #FFFFFF, 0 0 10px #FFFFFF, 0 0 16px #FFFFFF; top: 80px; width: 133px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:hover .spip_titre_rappel{ text-shadow: 0 0 1px #FFFFFF, 0 0 1px #FFFFFF, 0 0 2px #FFFFFF, 0 0 5px #FFFFFF, 0 0 10px #FFFFFF, 0 0 16px #FFFFFF;} /*** Les DESCRIPTIFS V1 avec titre sur 1 ligne 1600x768px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li .spip_descriptif_item-rappel{ display: block; width: 200px; margin-top: 0px; margin-left: 19px; font-size: 13px; line-height: 15px; padding: 10px 5px 1px 15px; border-radius: 10px;} /*** Les DESCRIPTIFS V2 avec titre sur 2 lignes 1600x768px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li .spip_descriptif_item-rappel2{ border-radius: 5px; display: block; font-size: 12px; line-height: 14px; margin-left: 10px; margin-top: 142px; padding: 10px 10px 1px 10px; width: 183px; height: 133px;} /*** POUR Les BTNS COULEURS(noir en fait) 1600x768px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final .color-inside .mon-btn-color, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final .color-inside .mon-btn-color, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final .color-inside .mon-btn-color, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final .color-inside .mon-btn-color, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final .color-inside .mon-btn-color{ border-radius: 10px; color: #FFFFFF; font-size: 15px; left: 0; line-height: 8px; margin-left: 59px; margin-top: -40px; padding: 10px; width: 39.5%; z-index: 1000;} /*** POUR Les BTNS NOIR 1600x768px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final-fix .color-inside .mon-btn, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside .mon-btn, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside .mon-btn, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside .mon-btn, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final-fix .color-inside .mon-btn{ left: 0px; width: 36%; font-size: 16px; line-height: 16px; padding-left: 10px; padding-right: 10px; padding-top: 10px; padding-bottom: 10px; border-radius: 10px; margin-left: 74px; margin-top: 18px; } /******************************************************************************* LES SOUS-RUBRIQUE DE CONTENU 1600x768px ************************************************************************************/ /*** CONTENU RUBRIQUES ITEMS 1600x768px *****/ .spip-content .main .wrapper .content .box-texte{ position: absolute; top: 149px; left: 120px; border-radius: 10px 0px 0px 10px; width: 1266px; height: 445px; z-index: 10; text-shadow: none; border-radius: 0px 0px 12px 12px; background-color: rgba(255, 255, 255, 0.25); border: 1px solid #FFFFFF; transition: all 0.35s ease-in-out 0s;} .spip-content .main .wrapper .content .box-texte .inner-txt{ padding: 7px 7px 7px 7px; border-radius: 10px 0px 0px 10px;} .spip-content .main .wrapper .content .box-texte .inner-txt .bg-texte{ width: 1091px; height: 419px; padding: 0px 10px 10px 10px ; border-radius: 7px 0px 0px 7px; background-color: rgba(255, 255, 255, 0.85); border: 1px solid #fff;} .spip-content .main .wrapper .content .box-texte .inner-txt .bg-texte .texte{ float: left; overflow: auto; padding: 30px 70px 0; border-radius: 5px; color: #808080; font-family: Arial,Helvetica,sans-serif; text-align: left; font-size: 14px; line-height: 15px; width: 961px; height: 399px; } p { margin: 0 0 -5px;} /*** CONTENU RUBRIQUES-B 1600x768px *****/ .spip-content .main .wrapper .content .texte-rub1{ border-radius: 8px; font-size: 19px; left: 120px; line-height: 21px; top: 110px; padding: 7px 110px 0 110px; width: 1040px; height: 51px;} .spip-content .main #menu_rubriques1 { width: 1600px; height: 350px; left: 70px; margin-top: 240px;} .spip-content .main #menu_rubriques1 li{ font-size: .8em; margin-left: -1px; margin-top: -15px; } /*** DESCRIPTIF SSRUB 1600x768px *****/ .spip-content .main .wrapper .content .descriptif-ssrub{ background-color: rgba(241, 241, 241, 0.85); border: 1px solid #FFFFFF; border-radius: 8px 8px 0 0; color: #555555; float: left; font-family: Arial,Helvetica,sans-serif; font-size: 18px; height: 50px; left: 120px; line-height: 20px; padding: 8px 120px 0; position: absolute; text-align: left; top: 90px; width: 1026px;} /*** TAILLE DE L'IMAGE DANS LE CORPS DE TEXTE SPIP 1600x768px *****/ .spip_documents_left img{width: 60px; height: 60px; margin-left: 63px; margin-top: -12px; background-color: #fbfbfb;} /*** PARTICULARITE RUBRIQUE FORMULAIRE 1600x768px *****/ .spip-content .main .wrapper .content .box-texte .inner-txt-formulaire{ padding: 7px 7px 7px 7px; border-radius: 10px 0px 0px 10px; font-family: Arial,Helvetica,sans-serif; text-align: left;} .spip-content .main .wrapper .content .box-texte .inner-txt-formulaire .bg-texte-formulaire{ border-radius: 7px 7px 7px 7px; background-color: rgba(255, 255, 255, 0.85); border: 1px solid #fff;float: left; overflow: auto; padding: 0 210px 20px 80px; text-align: left; float: left; overflow: auto; border-radius: 5px; color: #808080; font-family: Arial,Helvetica,sans-serif; text-align: left; font-size: 14px; line-height: 15px; width: 960px; height: 409px;} /*** PARTICULARITE RUBRIQUE SIMPLE 1600x768px *****/ .spip-content .main .wrapper .content .box-texte .inner-txt-simple{ padding: 7px 7px 7px 7px; border-radius: 10px 0px 0px 10px; font-family: Arial,Helvetica,sans-serif; text-align: left;} .spip-content .main .wrapper .content .box-texte .inner-txt-simple .bg-texte-simple{ background-color: rgba(255, 255, 255, 0.85); border: 1px solid #FFFFFF; border-radius: 5px; color: #808080; float: left; font-family: Arial,Helvetica,sans-serif; font-size: 19px; height: 389px; line-height: 21px; overflow: auto; padding: 40px 120px 0; text-align: left; width: 1010px; } /*** POUR LE PETIT MENU des SOUS RUBRIQUES en haut à droite 1600x768px *****/ .spip-content .main #menu_rubriques1 { position: absolute; text-align: left; width: 118px; height: 445px; z-index: 1000; top: -91px; padding-right: 20px; left: 1248px; background-color: rgba(241, 241, 241, 0.7); border-top-left-radius: 0px; border-bottom-left-radius: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 12px; border: 1px solid #fff; } .spip-content .main #menu_rubriques1 li{ font-size: .8em; margin-left: -1px; list-style: none; float: right; margin-top: -15px; } .spip-content .main #menu_rubriques1 li ul li{ font-size: 1em; margin-left: 0em;} .spip-content .main #menu_rubriques1 { list-style-type:none; } .spip-content .main #menu_rubriques1 li { list-style-type: none; } .spip-content .main #menu_rubriques1 li li { list-style-type: none; } .spip-content .main #menu_rubriques1 li li li { list-style-type: none; } .spip-content .main #menu_rubriques1 hr {margin : 0.7em 0;} .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li { width: 114px; } .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li:hover { width: 114px; } .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li .spip_logos_rappel { height: 90px; width: 90px; margin-bottom: 10px; padding-left: 19px; margin-top: 15px;} .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li:hover .spip_logos_rappel {} .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li .spip_titre_rappel { position: absolute; width: 106px; margin-top: -21px; margin-left: 11px; font-family: "Fugaz One"; text-align: center; font-size: 12px; line-height: 15px; list-style: none;} .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li:hover .spip_titre_rappel { } /*** Les currents 1600x768px ***/ .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li .nav_current_rub{ display: none;width: 120px; } .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li .nav_current_rub .spip_logos_rappel { width: 80px; height: 80px; padding-left: 18px; padding-top: 18px; padding-bottom: 10px;} .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li .nav_current_rub .spip_titre_rappel { position: absolute; width: 120px; margin-top: -14px; margin-left:-1px; text-align: center; font-size: 14px; line-height: 14px; list-style: none; } /*** FIN de 1600x768px *****/ } /***** MEDIA QUERY SOUS MON AILE 1600x900px *****/ @media screen and (min-width: 1550px) and (max-width: 1779px) and (min-height:900px) and (max-height: 1023px){ /**** SPIP CONTENT 1600x900px *****/ .contenu-mobil.spip-content{ display: none;} .contenu-desktop.spip-content{ display: block; width: 1492px; height: 713px; margin-top: 0px;} /*** FIL d'ARIANE SPIP 1600x900px *****/ .spip-content .ariane{ width: 1480px; z-index:100; top: 10px; } .spip-content .ariane .arbo{ padding-left: 10px; padding-right: 10px; font-size: 18px; line-height: 18px; width: auto; text-shadow: 0 0 1px #FFFFFF, 0 0 1px #FFFFFF, 0 0 2px #FFFFFF, 0 0 5px #FFFFFF;} /*** CONTNER CONTENU SPIP 1600x900px *****/ .spip-content .main { width: 1492px; height: 440px; margin-left: 0px; top: 74px;} .spip-content .main .wrapper .content { width: 1485px; height: 666px;} /*** TITRES TITRE DE LA RUBRIQUE-1 1600x900px *****/ .titre-sma{ display: none; font-size: 20px; line-height: 2px; margin-top: 89px; padding-left: 138px; text-shadow: 0 0 1px #FFFFFF, 0 0 1px #FFFFFF, 0 0 2px #FFFFFF, 0 0 5px #FFFFFF, 0 0 10px #FFFFFF, 0 0 16px #FFFFFF; } .spip-content .main .wrapper .content .container2 { width: 1795px; margin-left:0px; margin-top: 0px;} /*** TITRES TITRE DE LA SOUS-RUBRIQUE-1 1600x900px *****/ h1.titre-sma-rub1, h1.titre-sma-ssrub{ font-size: 32px; left: 130px; line-height: 125px; top: 0px; text-shadow: 0 0 1px #FFFFFF, 0 0 1px #FFFFFF, 0 0 2px #FFFFFF, 0 0 5px #FFFFFF, 0 0 10px #FFFFFF, 0 0 16px #FFFFFF;} h1.titre-sma-rub1 .spip_logos , h1.titre-sma-ssrub .spip_logos { margin: 11px 0 0 -56px; width: 110px; height: 110px; } h1.titre-sma-rub1 .descriptif, h1.titre-sma-ssrub .descriptif{ font-size: 20px; line-height: 2px; top: 90px; margin-left: 0px; width : 1190px;} /*** TEXTE DE LA RUBRIQUE-1 1600x900px *****/ .spip-content .main .wrapper .content .texte-rub1{ border-radius: 8px; font-size: 17px; left: 120px; line-height: 19px; top: 120px; padding: 14px 130px 0px 130px; width: 1000px; height: 56px;} .spip-content .main #menu_rubriques2 { width: 1461px; height: 350px; left: 28px; top: 250px ;} .spip-content .main #menu_rubriques2 li{ font-size: .8em; margin-left: -1px; margin-top: -15px; } /*** LES BLOCS 1600x900px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li { width: 265px; height: 452px; z-index: 1;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:hover{ width: 265px; height: 452px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child{ left: 1130px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2){ left: 850px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3){ left: 580px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4){ left: 310px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child{ left: 50px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child {border-top-right-radius: 16px; border-bottom-right-radius: 16px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2), .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3), .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4){ margin-left: 10px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child{ border-top-left-radius: 16px; border-bottom-left-radius: 16px; } /*** LES CADRES-INNER 1600x900px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner{ width: 265px; height: 436px; padding-top: 7px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child:hover .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2):hover .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3):hover .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4):hover .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child:hover .cadre-inner{ width: 265px; height: 436px; padding-top: 7px; } .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner { border-top-right-radius: 15px; border-bottom-right-radius: 15px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner{} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner { border-top-left-radius: 15px; border-bottom-left-radius: 15px;} /*** LES CADRES-ITEM 1600x900px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item{ width: 249px; height:424px; margin-left: 7px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item{ border-top-left-radius: 12px; border-bottom-left-radius: 12px; border-top-right-radius: 12px; border-bottom-right-radius: 12px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item{ border-top-left-radius: 12px; border-bottom-left-radius: 12px; border-top-right-radius: 12px; border-bottom-right-radius: 12px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item{ border-top-left-radius: 12px; border-bottom-left-radius: 12px; border-top-right-radius: 12px; border-bottom-right-radius: 12px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child:hover .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2):hover .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3):hover .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4):hover .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child:hover .cadre-inner .cadre-item{ box-shadow: 0 0 2px #FFFFFF, 0 0 5px #FFFFFF, 0 0 10px #ffffff, 0 0 18px #ffffff; } .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child:hover .cadre-inner .cadre-item{ border-top-left-radius: 12px; border-bottom-left-radius: 12px; border-top-right-radius: 12px; border-bottom-right-radius: 12px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2):hover .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3):hover .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4):hover .cadre-inner .cadre-item{ border-top-left-radius: 12px; border-bottom-left-radius: 12px; border-top-right-radius: 12px; border-bottom-right-radius: 12px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child:hover .cadre-inner .cadre-item{ border-top-left-radius: 12px; border-bottom-left-radius: 12px; border-top-right-radius: 12px; border-bottom-right-radius: 12px;} /*** LES CADRES-ITEM-FINAL 1600x900px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final{ width: 233px; height: 408px; margin-left: 7px; margin-top: 7px; } /*** CADRE ITEM FIX ***/ /*** Gradient Red ***/ /*** Gradient Orange ***/ /*** Gradient Yellow ***/ /*** Gradient Green ***/ /*** Gradient Blue ***/ /** COLOR INSIDE = DEGRADE GRIS 1600x900px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final .color-inside{ width: 225px; height: 400px; left: 19px; margin-top: 3px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final .color-inside{ border-top-left-radius: 4px; border-bottom-left-radius: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final .color-inside{ border-top-left-radius: 4px; border-bottom-left-radius: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final .color-inside{ border-top-left-radius: 4px; border-bottom-left-radius: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final{ border-top-left-radius: 7px; border-bottom-left-radius: 7px; border-top-right-radius: 7px; border-bottom-right-radius: 7px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final{ border-top-left-radius: 7px; border-bottom-left-radius: 7px; border-top-right-radius: 7px; border-bottom-right-radius: 7px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final{ border-top-left-radius: 7px; border-bottom-left-radius: 7px; border-top-right-radius: 7px; border-bottom-right-radius: 7px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child:hover .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2):hover .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3):hover .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4):hover .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child:hover .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child:hover .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2):hover .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3):hover .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4):hover .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child:hover .cadre-inner .cadre-item .cadre-item-final{ width: 233px; height: 408px; margin-left: 7px; margin-top: 7px;} /*** Les LOGOS 1600x900px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .spip_logos_rappel{ height: 200px; margin-left: 14px; margin-top: -18px; width: 200px; position: absolute;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child:hover .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2):hover .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3):hover .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4):hover .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child:hover .cadre-inner .spip_logos_rappel{ height: 200px; margin-left: 14px; margin-top: -18px; width: 200px;} /*** Les TITRES 1600x900px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li .spip_titre_rappel{ font-size: 21px; line-height: 23px; margin-left: 7px; padding: 10px 40px; text-align: center; text-shadow: 0 0 1px #FFFFFF, 0 0 1px #FFFFFF, 0 0 2px #FFFFFF, 0 0 5px #FFFFFF, 0 0 10px #FFFFFF, 0 0 16px #FFFFFF; top: 150px; width: 141px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:hover .spip_titre_rappel{ text-shadow: 0 0 1px #FFFFFF, 0 0 1px #FFFFFF, 0 0 2px #FFFFFF, 0 0 5px #FFFFFF, 0 0 10px #FFFFFF, 0 0 16px #FFFFFF;} /*** Les DESCRIPTIFS V1 avec titre sur 1 ligne 1600x900px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li .spip_descriptif_item-rappel{ display: block; width: 200px; margin-top: 0px; margin-left: 19px; font-size: 13px; line-height: 15px; padding: 10px 5px 1px 15px; border-radius: 10px;} /*** Les DESCRIPTIFS V2 avec titre sur 2 lignes 1600x900px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li .spip_descriptif_item-rappel2{ border-radius: 5px; display: block; font-size: 12px; line-height: 14px; margin-left: 10px; margin-top: 232px; padding: 10px 10px 1px 10px; width: 183px; height: 143px;} /*** POUR Les BTNS COULEURS(noir en fait) 1600x900px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final .color-inside .mon-btn-color, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final .color-inside .mon-btn-color, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final .color-inside .mon-btn-color, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final .color-inside .mon-btn-color, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final .color-inside .mon-btn-color{ border-radius: 10px; color: #FFFFFF; font-size: 15px; left: 0; line-height: 8px; margin-left: 59px; margin-top: -50px; padding: 10px; width: 39.5%; z-index: 1000;} /*** POUR Les BTNS NOIR 1600x900px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final-fix .color-inside .mon-btn, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside .mon-btn, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside .mon-btn, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside .mon-btn, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final-fix .color-inside .mon-btn{ left: 0px; width: 36%; font-size: 16px; line-height: 16px; padding-left: 10px; padding-right: 10px; padding-top: 10px; padding-bottom: 10px; border-radius: 10px; margin-left: 74px; margin-top: 18px; } /******************************************************************************* LES SOUS-RUBRIQUE DE CONTENU 1600x900px ************************************************************************************/ /*** CONTENU RUBRIQUES ITEMS 1600x900px *****/ .spip-content .main .wrapper .content .box-texte{ position: absolute; top: 168px; left: 120px; border-radius: 10px 0px 0px 10px; width: 1266px; height: 560px; z-index: 10; text-shadow: none; border-radius: 0px 0px 12px 12px; background-color: rgba(255, 255, 255, 0.25); border: 1px solid #FFFFFF; transition: all 0.35s ease-in-out 0s;} .spip-content .main .wrapper .content .box-texte .inner-txt{ padding: 7px 7px 7px 7px; border-radius: 10px 0px 0px 10px;} .spip-content .main .wrapper .content .box-texte .inner-txt .bg-texte{ width: 1091px; height: 534px; padding: 0px 10px 10px 10px ; border-radius: 7px 0px 0px 7px; background-color: rgba(255, 255, 255, 0.85); border: 1px solid #fff;} .spip-content .main .wrapper .content .box-texte .inner-txt .bg-texte .texte{ border-radius: 5px; color: #808080; float: left; font-family: Arial,Helvetica,sans-serif; font-size: 16px; line-height: 17px; overflow: auto; padding: 30px 70px 1px 30px; text-align: left; width: 1001px; height: 513px; } p { margin: 0 0 0px;} /*** TEXTE DE LA RUBRIQUE-B 1600x900px *****/ .spip-content .main .wrapper .content .texte-rub1{ border-radius: 8px; font-size: 19px; height: 58px; left: 120px; line-height: 21px; padding: 12px 100px 0; top: 120px; width: 1050px;} .spip-content .main #menu_rubriques1 { width: 1600px; height: 350px; left: 70px; margin-top: 240px;} .spip-content .main #menu_rubriques1 li{ font-size: .8em; margin-left: -1px; margin-top: -15px; } /*** DESCRIPTIF SSRUB 1600x900px *****/ .spip-content .main .wrapper .content .descriptif-ssrub{ background-color: rgba(241, 241, 241, 0.85); border: 1px solid #FFFFFF; border-radius: 8px 8px 0 0; color: #555555; float: left; font-family: Arial,Helvetica,sans-serif; font-size: 20px; left: 120px; line-height: 22px; padding: 18px 120px 0; position: absolute; text-align: left; top: 90px; width: 1026px; height: 59px;} /*** TAILLE DE L'IMAGE DANS LE CORPS DE TEXTE SPIP 1600x900px *****/ .spip_documents_left img{width: 80px; height: 80px; margin-left: 57px; margin-top: -12px; background-color: #fbfbfb;} /*** PARTICULARITE RUBRIQUE FORMULAIRE 1600x900px *****/ .spip-content .main .wrapper .content .box-texte .inner-txt-formulaire{ padding: 7px 7px 7px 7px; border-radius: 10px 0px 0px 10px; font-family: Arial,Helvetica,sans-serif; text-align: left;} .spip-content .main .wrapper .content .box-texte .inner-txt-formulaire .bg-texte-formulaire{ border-radius: 7px 7px 7px 7px; background-color: rgba(255, 255, 255, 0.85); border: 1px solid #fff; float: left; overflow: auto; padding: 2px 160px 20px 60px; text-align: left; float: left; overflow: auto; border-radius: 5px; color: #808080; font-family: Arial,Helvetica,sans-serif; text-align: left; font-size: 17px; line-height: 19px; width: 1030px; height: 522px;} /*** PARTICULARITE RUBRIQUE SIMPLE 1600x900px *****/ .spip-content .main .wrapper .content .box-texte .inner-txt-simple{ padding: 7px 7px 7px 7px; border-radius: 10px 0px 0px 10px; font-family: Arial,Helvetica,sans-serif; text-align: left;} .spip-content .main .wrapper .content .box-texte .inner-txt-simple .bg-texte-simple{ border-radius: 7px 7px 7px 7px; background-color: rgba(255, 255, 255, 0.85); border: 1px solid #fff; float: left; overflow: auto; padding: 40px 120px 0 120px; text-align: left; float: left; overflow: auto; border-radius: 5px; color: #808080; font-family: Arial,Helvetica,sans-serif; text-align: left; font-size: 19px; line-height: 21px; width: 1010px; height: 504px;} /*** POUR LE PETIT MENU des SOUS RUBRIQUES en haut à droite 1600x900px *****/ .spip-content .main #menu_rubriques1 { position: absolute; text-align: left; width: 118px; height: 560px; z-index: 1000; top: -72px; padding-right: 20px; left: 1248px; background-color: rgba(241, 241, 241, 0.7); border-top-left-radius: 0px; border-bottom-left-radius: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 12px; border: 1px solid #fff; } .spip-content .main #menu_rubriques1 li{ font-size: .8em; margin-left: -1px; list-style: none; float: right; margin-top: -15px; } .spip-content .main #menu_rubriques1 li ul li{ font-size: 1em; margin-left: 0em;} .spip-content .main #menu_rubriques1 { list-style-type:none; } .spip-content .main #menu_rubriques1 li { list-style-type: none; } .spip-content .main #menu_rubriques1 li li { list-style-type: none; } .spip-content .main #menu_rubriques1 li li li { list-style-type: none; } .spip-content .main #menu_rubriques1 hr {margin : 0.7em 0;} .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li { width: 114px; } .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li:hover { width: 114px; } .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li .spip_logos_rappel { height: 120px; width: 120px; margin-bottom: 10px; padding-left: 3px; margin-top: 17px;} .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li:hover .spip_logos_rappel {} .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li .spip_titre_rappel { position: absolute; width: 120px; margin-top: -24px; margin-left: 4px; font-family: "Fugaz One"; text-align: center; font-size: 14px; line-height: 16px; list-style: none;} .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li:hover .spip_titre_rappel { } /*** Les currents 1600x900px ***/ .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li .nav_current_rub{ display: none;width: 120px; } .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li .nav_current_rub .spip_logos_rappel { width: 80px; height: 80px; padding-left: 18px; padding-top: 18px; padding-bottom: 10px;} .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li .nav_current_rub .spip_titre_rappel { position: absolute; width: 120px; margin-top: -14px; margin-left:-1px; text-align: center; font-size: 14px; line-height: 14px; list-style: none; } /*** FIN de 1600x900px *****/ } /***** MEDIA QUERY SOUS MON AILE 1600x1024px *****/ @media screen and (min-width: 1550px) and (max-width:1899px) and (min-height: 1024px) and (max-height: 1049px){ /**** SPIP CONTENT 1600x1024px *****/ .contenu-mobil.spip-content{ display: none;} .contenu-desktop.spip-content{ display: block; width: 1425px; height: 821px; margin-top: 0px;} /*** FIL d'ARIANE SPIP 1600x1024px *****/ .spip-content .ariane{ width: 1480px; z-index:100; top: 10px;} .spip-content .ariane .arbo{ padding-left: 10px; padding-right: 10px; font-size: 18px; line-height: 18px; width: auto; text-shadow: 0 0 1px #FFFFFF, 0 0 1px #FFFFFF, 0 0 2px #FFFFFF, 0 0 5px #FFFFFF;} /*** CONTNER CONTENU SPIP 1600x1024px *****/ .spip-content .main { width: 1492px; height: 440px; margin-left: 0px; top: 74px;} .spip-content .main .wrapper .content { width: 1491px; height: 760px;} /*** TITRES TITRE DE LA RUBRIQUE-1 1600x1024px *****/ .titre-sma{ display: none; font-size: 20px; line-height: 2px; margin-top: 89px; padding-left: 138px; text-shadow: 0 0 1px #FFFFFF, 0 0 1px #FFFFFF, 0 0 2px #FFFFFF, 0 0 5px #FFFFFF, 0 0 10px #FFFFFF, 0 0 16px #FFFFFF; } .spip-content .main .wrapper .content .container2 { width: 1795px; margin-left:0px; margin-top: 0px;} /*** TITRES TITRE DE LA SOUS-RUBRIQUE-1 1600x1024px *****/ h1.titre-sma-rub1, h1.titre-sma-ssrub{ font-size: 42px; left: 120px; line-height: 135px; top: -10px; text-shadow: 0 0 1px #FFFFFF, 0 0 1px #FFFFFF, 0 0 2px #FFFFFF, 0 0 5px #FFFFFF, 0 0 10px #FFFFFF, 0 0 16px #FFFFFF;} h1.titre-sma-rub1 .spip_logos , h1.titre-sma-ssrub .spip_logos { margin: 11px 0 0 -56px; width: 120px; height: 120px; } h1.titre-sma-rub1 .descriptif, h1.titre-sma-ssrub .descriptif{ font-size: 20px; line-height: 2px; top: 100px; left: 0px; width : 1220px;} /*** TEXTE DE LA RUBRIQUE-1 1600x1024px *****/ .spip-content .main .wrapper .content .texte-rub1{ border-radius: 8px; font-size: 20px; left: 140px; line-height: 22px; top: 140px; padding: 10px 15px 3px 35px; width: 1156px;} .spip-content .main #menu_rubriques2 { width: 1460px; height: 350px; left: 28px; margin-top: 220px;} .spip-content .main #menu_rubriques2 li{ font-size: .8em; margin-left: -1px; margin-top: -15px; } /*** LES BLOCS 1600x1024px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li { width: 265px; height: 502px; z-index: 1;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:hover{ width: 265px; height: 502px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child{ left: 1130px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2){ left: 850px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3){ left: 580px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4){ left: 310px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child{ left: 50px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child {border-top-right-radius: 16px; border-bottom-right-radius: 16px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2), .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3), .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4){ margin-left: 10px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child{ border-top-left-radius: 16px; border-bottom-left-radius: 16px; } /*** LES CADRES-INNER 1600x1024px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner{ width: 265px; height: 485px; padding-top: 7px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child:hover .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2):hover .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3):hover .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4):hover .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child:hover .cadre-inner{ width: 265px; height: 485px; padding-top: 7px; } .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner { border-top-right-radius: 15px; border-bottom-right-radius: 15px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner{} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner { border-top-left-radius: 15px; border-bottom-left-radius: 15px;} /*** LES CADRES-ITEM 1600x1024px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item{ width: 249px; height: 486px; margin-left: 7px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item{ border-top-left-radius: 12px; border-bottom-left-radius: 12px; border-top-right-radius: 12px; border-bottom-right-radius: 12px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item{ border-top-left-radius: 12px; border-bottom-left-radius: 12px; border-top-right-radius: 12px; border-bottom-right-radius: 12px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item{ border-top-left-radius: 12px; border-bottom-left-radius: 12px; border-top-right-radius: 12px; border-bottom-right-radius: 12px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child:hover .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2):hover .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3):hover .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4):hover .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child:hover .cadre-inner .cadre-item{ box-shadow: 0 0 2px #FFFFFF, 0 0 5px #FFFFFF, 0 0 10px #ffffff, 0 0 18px #ffffff; } .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child:hover .cadre-inner .cadre-item{ border-top-left-radius: 12px; border-bottom-left-radius: 12px; border-top-right-radius: 12px; border-bottom-right-radius: 12px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2):hover .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3):hover .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4):hover .cadre-inner .cadre-item{ border-top-left-radius: 12px; border-bottom-left-radius: 12px; border-top-right-radius: 12px; border-bottom-right-radius: 12px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child:hover .cadre-inner .cadre-item{ border-top-left-radius: 12px; border-bottom-left-radius: 12px; border-top-right-radius: 12px; border-bottom-right-radius: 12px;} /*** LES CADRES-ITEM-FINAL 1600x1024px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final{ width: 233px; height: 470px; margin-left: 7px; margin-top: 7px; } /*** CADRE ITEM FIX ***/ /*** Gradient Red ***/ /*** Gradient Orange ***/ /*** Gradient Yellow ***/ /*** Gradient Green ***/ /*** Gradient Blue ***/ /** COLOR INSIDE = DEGRADE GRIS 1600x1024px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final .color-inside{ width: 225px; height: 462px; left: 19px; margin-top: 3px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final .color-inside{ border-top-left-radius: 4px; border-bottom-left-radius: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final .color-inside{ border-top-left-radius: 4px; border-bottom-left-radius: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final .color-inside{ border-top-left-radius: 4px; border-bottom-left-radius: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final{ border-top-left-radius: 7px; border-bottom-left-radius: 7px; border-top-right-radius: 7px; border-bottom-right-radius: 7px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final{ border-top-left-radius: 7px; border-bottom-left-radius: 7px; border-top-right-radius: 7px; border-bottom-right-radius: 7px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final{ border-top-left-radius: 7px; border-bottom-left-radius: 7px; border-top-right-radius: 7px; border-bottom-right-radius: 7px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child:hover .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2):hover .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3):hover .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4):hover .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child:hover .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child:hover .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2):hover .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3):hover .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4):hover .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child:hover .cadre-inner .cadre-item .cadre-item-final{ width: 233px; height: 470px; margin-left: 7px; margin-top: 7px;} /*** Les LOGOS 1600x1024px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .spip_logos_rappel{ width: 250px; height: 250px; margin-left: 5px; margin-top: 0px; position: absolute;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child:hover .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2):hover .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3):hover .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4):hover .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child:hover .cadre-inner .spip_logos_rappel{ width: 250px; height: 250px; margin-left: 5px; margin-top: 0px;} /*** Les TITRES 1600x1024px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li .spip_titre_rappel{ font-size: 25px; line-height: 29px; margin-left: -9px; padding: 10px 40px; text-align: center; text-shadow: 0 0 1px #FFFFFF, 0 0 1px #FFFFFF, 0 0 2px #FFFFFF, 0 0 5px #FFFFFF, 0 0 10px #FFFFFF, 0 0 16px #FFFFFF; top: 192px; width: 168px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:hover .spip_titre_rappel{ text-shadow: 0 0 1px #FFFFFF, 0 0 1px #FFFFFF, 0 0 2px #FFFFFF, 0 0 5px #FFFFFF, 0 0 10px #FFFFFF, 0 0 16px #FFFFFF;} /*** Les DESCRIPTIFS V1 avec titre sur 1 ligne 1600x1024px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li .spip_descriptif_item-rappel{ display: block; margin-top: 0px; margin-left: 19px; font-size: 13px; line-height: 15px; padding: 10px 5px 1px 15px; border-radius: 10px; width: 200px; } /*** Les DESCRIPTIFS V2 avec titre sur 2 lignes 1600x1024px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li .spip_descriptif_item-rappel2{ border-radius: 5px; display: block; font-size: 12px; line-height: 14px; margin-left: 10px; margin-top: 285px; padding: 10px 10px 1px 10px; width: 183px; height: 154px;} /*** POUR Les BTNS COULEURS(noir en fait) 1600x1024px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final .color-inside .mon-btn-color, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final .color-inside .mon-btn-color, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final .color-inside .mon-btn-color, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final .color-inside .mon-btn-color, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final .color-inside .mon-btn-color{ border-radius: 10px; color: #FFFFFF; font-size: 15px; left: 0; line-height: 8px; margin-left: 59px; margin-top: -50px; padding: 10px; width: 39.5%; z-index: 1000;} /*** POUR Les BTNS NOIR 1600x1024px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final-fix .color-inside .mon-btn, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside .mon-btn, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside .mon-btn, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside .mon-btn, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final-fix .color-inside .mon-btn{ left: 0px; width: 36%; font-size: 15px; line-height: 16px; padding-left: 10px; padding-right: 10px; padding-top: 10px; padding-bottom: 10px; border-radius: 10px; margin-left: 74px; margin-top: 18px; } /******************************************************************************* LES SOUS-RUBRIQUE DE CONTENU 1600x1024px ************************************************************************************/ /*** CONTENU RUBRIQUES ITEMS 1600x1024px *****/ .spip-content .main .wrapper .content .box-texte{ position: absolute; top: 168px; left: 120px; border-radius: 10px 0px 0px 10px; width: 1266px; height: 640px; z-index: 10; text-shadow: none; border-radius: 0px 0px 12px 12px; background-color: rgba(255, 255, 255, 0.25); border: 1px solid #FFFFFF; transition: all 0.35s ease-in-out 0s;} .spip-content .main .wrapper .content .box-texte .inner-txt{ padding: 7px 7px 7px 7px; border-radius: 10px 0px 0px 10px;} .spip-content .main .wrapper .content .box-texte .inner-txt .bg-texte{ width: 1090px; height: 614px; padding: 0px 10px 10px 10px ; border-radius: 7px 0px 0px 7px; background-color: rgba(255, 255, 255, 0.85); border: 1px solid #fff;} .spip-content .main .wrapper .content .box-texte .inner-txt .bg-texte .texte{ border-radius: 5px; color: #808080; float: left; font-family: Arial,Helvetica,sans-serif; font-size: 16px; line-height: 20px; overflow: auto; padding: 42px 80px 20px 20px; text-align: left; width: 1000px; height: 564px; } p { margin: 0 0 0px;} /*** TEXTE DE LA RUBRIQUE-B 1600x1024px *****/ .spip-content .main .wrapper .content .texte-rub1 { border-radius: 8px; font-size: 19px; height: 58px; left: 120px; line-height: 21px; padding: 12px 100px 0; top: 130px; width: 1050px;} .spip-content .main #menu_rubriques1 { width: 1600px; height: 350px; left: 70px; margin-top: 240px;} .spip-content .main #menu_rubriques1 li{ font-size: .8em; margin-left: -1px; margin-top: -15px; } /*** DESCRIPTIF SSRUB 1600x1024px *****/ .spip-content .main .wrapper .content .descriptif-ssrub{ background-color: rgba(241, 241, 241, 0.85); border: 1px solid #FFFFFF; border-radius: 8px 8px 0 0; color: #555555; float: left; font-family: Arial,Helvetica,sans-serif; font-size: 20px; height: 59px; left: 120px; line-height: 22px; padding: 18px 120px 0; position: absolute; text-align: left; top: 90px; width: 1026px;} /*** TAILLE DE L'IMAGE DANS LE CORPS DE TEXTE SPIP 1600x1024px *****/ .spip_documents_left img{width: 100px; height: 100px; margin-left: 37px; margin-top: -18px; background-color: #fbfbfb;} /*** PARTICULARITE RUBRIQUE FORMULAIRE 1600x1024px *****/ .spip-content .main .wrapper .content .box-texte .inner-txt-formulaire{ padding: 7px 7px 7px 7px; border-radius: 10px 0px 0px 10px; font-family: Arial,Helvetica,sans-serif; text-align: left;} .spip-content .main .wrapper .content .box-texte .inner-txt-formulaire .bg-texte-formulaire{ border-radius: 7px 7px 7px 7px; background-color: rgba(255, 255, 255, 0.85); border: 1px solid #fff; float: left; overflow: auto; padding: 2px 160px 20px 80px; text-align: left; float: left; overflow: auto; border-radius: 5px; color: #808080; font-family: Arial,Helvetica,sans-serif; text-align: left; font-size: 18px; line-height: 20px; width: 1010px; height: 602px;} /*** PARTICULARITE RUBRIQUE SIMPLE 1600x1024px *****/ .spip-content .main .wrapper .content .box-texte .inner-txt-simple{ padding: 7px 7px 7px 7px; border-radius: 10px 0px 0px 10px; font-family: Arial,Helvetica,sans-serif; text-align: left;} .spip-content .main .wrapper .content .box-texte .inner-txt-simple .bg-texte-simple{ border-radius: 7px 7px 7px 7px; background-color: rgba(255, 255, 255, 0.85); border: 1px solid #fff; float: left; overflow: auto; padding: 40px 120px 0 120px; text-align: left; float: left; overflow: auto; border-radius: 5px; color: #808080; font-family: Arial,Helvetica,sans-serif; text-align: left; font-size: 19px; line-height: 21px; width: 1010px; height: 584px;} /*** POUR LE PETIT MENU des SOUS RUBRIQUES en haut à droite 1600x1024x *****/ .spip-content .main #menu_rubriques1 { position: absolute; text-align: left; width: 118px; height: 640px; z-index: 1000; top: -72px; padding-right: 20px; left: 1248px; background-color: rgba(241, 241, 241, 0.7); border-top-left-radius: 0px; border-bottom-left-radius: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 12px; border: 1px solid #fff; } .spip-content .main #menu_rubriques1 { list-style-type:none; } .spip-content .main #menu_rubriques1 li { list-style-type: none; } .spip-content .main #menu_rubriques1 li li { list-style-type: none; } .spip-content .main #menu_rubriques1 li li li { list-style-type: none; } .spip-content .main #menu_rubriques1 hr {margin : 0.7em 0;} .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li { width: 114px; } .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li:hover { width: 114px; } .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li .spip_logos_rappel { height: 130px; width: 130px; margin-bottom: 10px; padding-left: 0px; margin-top: 20px;} .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li:hover .spip_logos_rappel {} .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li .spip_titre_rappel { position: absolute; width: 120px; margin-top: -20px; margin-left: 4px; font-family: "Fugaz One"; text-align: center; font-size: 16px; line-height: 18px; list-style: none;} .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li:hover .spip_titre_rappel { } /*** Les currents 1600x1024px ***/ .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li .nav_current_rub{ display: none;width: 120px; } .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li .nav_current_rub .spip_logos_rappel { width: 80px; height: 80px; padding-left: 18px; padding-top: 18px; padding-bottom: 10px;} .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li .nav_current_rub .spip_titre_rappel { position: absolute; width: 120px; margin-top: -14px; margin-left:-1px; text-align: center; font-size: 14px; line-height: 14px; list-style: none; } /*** FIN de 1600x1024px *****/ } /***** MEDIA QUERY SOUS MON AILE 1600x1050px *****/ @media screen and (min-width: 1550px) and (max-width:1779px) and (min-height: 1050px) and (max-height: 1080px){ /**** SPIP CONTENT 1600x1050px *****/ .contenu-mobil.spip-content{ display: none;} .contenu-desktop.spip-content{ display: block; width: 1425px; height: 821px; margin-top: 0px;} /*** FIL d'ARIANE SPIP 1600x1050px *****/ .spip-content .ariane{ width: 1480px; z-index:100; top: 10px;} .spip-content .ariane .arbo{ padding-left: 10px; padding-right: 10px; font-size: 18px; line-height: 18px; width: auto; text-shadow: 0 0 1px #FFFFFF, 0 0 1px #FFFFFF, 0 0 2px #FFFFFF, 0 0 5px #FFFFFF;} /*** CONTNER CONTENU SPIP 1600x1050px *****/ .spip-content .main { width: 1492px; height: 440px; margin-left: 0px; top: 114px;} .spip-content .main .wrapper .content { width: 1491px; height: 760px;} /*** TITRES TITRE DE LA RUBRIQUE-1 1680x1050px *****/ .titre-sma{ display: none; font-size: 20px; line-height: 2px; margin-top: 89px; padding-left: 138px; text-shadow: 0 0 1px #FFFFFF, 0 0 1px #FFFFFF, 0 0 2px #FFFFFF, 0 0 5px #FFFFFF, 0 0 10px #FFFFFF, 0 0 16px #FFFFFF; } .spip-content .main .wrapper .content .container2 { width: 1795px; margin-left:0px; margin-top: 0px;} /*** TITRES TITRE DE LA SOUS-RUBRIQUE-1 1600x1050px *****/ h1.titre-sma-rub1, h1.titre-sma-ssrub{ font-size: 42px; left: 120px; line-height: 135px; top: -10px; text-shadow: 0 0 1px #FFFFFF, 0 0 1px #FFFFFF, 0 0 2px #FFFFFF, 0 0 5px #FFFFFF, 0 0 10px #FFFFFF, 0 0 16px #FFFFFF;} h1.titre-sma-rub1 .spip_logos , h1.titre-sma-ssrub .spip_logos { margin: 11px 0 0 -56px; width: 120px; height: 120px; } h1.titre-sma-rub1 .descriptif, h1.titre-sma-ssrub .descriptif{ font-size: 20px; line-height: 2px; top: 100px; left: 0px; width : 1220px;} /*** TEXTE DE LA RUBRIQUE-1 1600x1050px *****/ .spip-content .main .wrapper .content .texte-rub1{ border-radius: 8px; font-size: 20px; left: 140px; line-height: 22px; margin-top: 120px; padding: 10px 15px 3px 35px; width: 1156px;} .spip-content .main #menu_rubriques2 { width: 1460px; height: 350px; left: 28px; margin-top: 240px;} .spip-content .main #menu_rubriques2 li{ font-size: .8em; margin-left: -1px; margin-top: -15px; } /*** LES BLOCS 1600x1050px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li { width: 265px; height: 502px; z-index: 1;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:hover{ width: 265px; height: 502px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child{ left: 1130px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2){ left: 850px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3){ left: 580px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4){ left: 310px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child{ left: 50px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child {border-top-right-radius: 16px; border-bottom-right-radius: 16px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2), .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3), .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4){ margin-left: 10px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child{ border-top-left-radius: 16px; border-bottom-left-radius: 16px; } /*** LES CADRES-INNER 1600x1050px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner{ width: 265px; height: 485px; padding-top: 7px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child:hover .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2):hover .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3):hover .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4):hover .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child:hover .cadre-inner{ width: 265px; height: 485px; padding-top: 7px; } .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner { border-top-right-radius: 15px; border-bottom-right-radius: 15px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner{} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner { border-top-left-radius: 15px; border-bottom-left-radius: 15px;} /*** LES CADRES-ITEM 1600x1050px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item{ width: 249px; height: 486px; margin-left: 7px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item{ border-top-left-radius: 12px; border-bottom-left-radius: 12px; border-top-right-radius: 12px; border-bottom-right-radius: 12px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item{ border-top-left-radius: 12px; border-bottom-left-radius: 12px; border-top-right-radius: 12px; border-bottom-right-radius: 12px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item{ border-top-left-radius: 12px; border-bottom-left-radius: 12px; border-top-right-radius: 12px; border-bottom-right-radius: 12px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child:hover .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2):hover .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3):hover .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4):hover .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child:hover .cadre-inner .cadre-item{ box-shadow: 0 0 2px #FFFFFF, 0 0 5px #FFFFFF, 0 0 10px #ffffff, 0 0 18px #ffffff; } .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child:hover .cadre-inner .cadre-item{ border-top-left-radius: 12px; border-bottom-left-radius: 12px; border-top-right-radius: 12px; border-bottom-right-radius: 12px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2):hover .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3):hover .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4):hover .cadre-inner .cadre-item{ border-top-left-radius: 12px; border-bottom-left-radius: 12px; border-top-right-radius: 12px; border-bottom-right-radius: 12px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child:hover .cadre-inner .cadre-item{ border-top-left-radius: 12px; border-bottom-left-radius: 12px; border-top-right-radius: 12px; border-bottom-right-radius: 12px;} /*** LES CADRES-ITEM-FINAL 1600x1050px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final{ width: 233px; height: 470px; margin-left: 7px; margin-top: 7px; } /*** CADRE ITEM FIX ***/ /*** Gradient Red ***/ /*** Gradient Orange ***/ /*** Gradient Yellow ***/ /*** Gradient Green ***/ /*** Gradient Blue ***/ /** COLOR INSIDE = DEGRADE GRIS 1600x1050px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final .color-inside{ width: 225px; height: 462px; left: 19px; margin-top: 3px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final .color-inside{ border-top-left-radius: 4px; border-bottom-left-radius: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final .color-inside{ border-top-left-radius: 4px; border-bottom-left-radius: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final .color-inside{ border-top-left-radius: 4px; border-bottom-left-radius: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final{ border-top-left-radius: 7px; border-bottom-left-radius: 7px; border-top-right-radius: 7px; border-bottom-right-radius: 7px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final{ border-top-left-radius: 7px; border-bottom-left-radius: 7px; border-top-right-radius: 7px; border-bottom-right-radius: 7px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final{ border-top-left-radius: 7px; border-bottom-left-radius: 7px; border-top-right-radius: 7px; border-bottom-right-radius: 7px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child:hover .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2):hover .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3):hover .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4):hover .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child:hover .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child:hover .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2):hover .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3):hover .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4):hover .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child:hover .cadre-inner .cadre-item .cadre-item-final{ width: 233px; height: 470px; margin-left: 7px; margin-top: 7px;} /*** Les LOGOS 1600x1050px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .spip_logos_rappel{ width: 250px; height: 250px; margin-left: 5px; margin-top: 0px; position: absolute;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child:hover .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2):hover .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3):hover .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4):hover .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child:hover .cadre-inner .spip_logos_rappel{ width: 250px; height: 250px; margin-left: 5px; margin-top: 0px;} /*** Les TITRES 1600x1050px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li .spip_titre_rappel{ font-size: 25px; line-height: 29px; margin-left: -9px; padding: 10px 40px; text-align: center; text-shadow: 0 0 1px #FFFFFF, 0 0 1px #FFFFFF, 0 0 2px #FFFFFF, 0 0 5px #FFFFFF, 0 0 10px #FFFFFF, 0 0 16px #FFFFFF; top: 192px; width: 168px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:hover .spip_titre_rappel{ text-shadow: 0 0 1px #FFFFFF, 0 0 1px #FFFFFF, 0 0 2px #FFFFFF, 0 0 5px #FFFFFF, 0 0 10px #FFFFFF, 0 0 16px #FFFFFF;} /*** Les DESCRIPTIFS V1 avec titre sur 1 ligne 1600x1050px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li .spip_descriptif_item-rappel{ display: block; width: 200px; margin-top: 0px; margin-left: 19px; font-size: 13px; line-height: 15px; padding: 10px 5px 1px 15px; border-radius: 10px;} /*** Les DESCRIPTIFS V2 avec titre sur 2 lignes 1600x1050px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li .spip_descriptif_item-rappel2{ border-radius: 5px; display: block; font-size: 12px; line-height: 14px; margin-left: 10px; margin-top: 285px; padding: 10px 10px 1px 10px; width: 183px; height: 153px;} /*** POUR Les BTNS COULEURS(noir en fait) 1600x1050px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final .color-inside .mon-btn-color, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final .color-inside .mon-btn-color, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final .color-inside .mon-btn-color, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final .color-inside .mon-btn-color, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final .color-inside .mon-btn-color{ border-radius: 10px; color: #FFFFFF; font-size: 15px; left: 0; line-height: 8px; margin-left: 59px; margin-top: -50px; padding: 10px; width: 39.5%; z-index: 1000;} /*** POUR Les BTNS NOIR 1600x1050px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final-fix .color-inside .mon-btn, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside .mon-btn, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside .mon-btn, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside .mon-btn, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final-fix .color-inside .mon-btn{ left: 0px; width: 36%; font-size: 16px; line-height: 16px; padding-left: 10px; padding-right: 10px; padding-top: 10px; padding-bottom: 10px; border-radius: 10px; margin-left: 74px; margin-top: 18px; } /******************************************************************************* LES SOUS-RUBRIQUE DE CONTENU 1600x1050px ************************************************************************************/ /*** CONTENU RUBRIQUES ITEMS 1600x1050px *****/ .spip-content .main .wrapper .content .box-texte{ position: absolute; top: 168px; left: 120px; border-radius: 10px 0px 0px 10px; width: 1266px; height: 640px; z-index: 10; text-shadow: none; border-radius: 0px 0px 12px 12px; background-color: rgba(255, 255, 255, 0.25); border: 1px solid #FFFFFF; transition: all 0.35s ease-in-out 0s;} .spip-content .main .wrapper .content .box-texte .inner-txt{ padding: 7px 7px 7px 7px; border-radius: 10px 0px 0px 10px;} .spip-content .main .wrapper .content .box-texte .inner-txt .bg-texte{ width: 1090px; height: 614px; padding: 0px 10px 10px 10px ; border-radius: 7px 0px 0px 7px; background-color: rgba(255, 255, 255, 0.85); border: 1px solid #fff;} .spip-content .main .wrapper .content .box-texte .inner-txt .bg-texte .texte{ border-radius: 5px; color: #808080; float: left; font-family: Arial,Helvetica,sans-serif; font-size: 16px; line-height: 20px; overflow: auto; padding: 42px 80px 20px 20px; text-align: left; width: 1000px; height: 564px; } p { margin: 0 0 0px;} /*** TEXTE DE LA RUBRIQUE-B 1600x1050px *****/ .spip-content .main .wrapper .content .texte-rub1 { border-radius: 8px; font-size: 19px; height: 58px; left: 120px; line-height: 21px; padding: 12px 100px 0; top: 10px; width: 1050px;} .spip-content .main #menu_rubriques1 { width: 1600px; height: 350px; left: 70px; margin-top: 240px;} .spip-content .main #menu_rubriques1 li{ font-size: .8em; margin-left: -1px; margin-top: -15px; } /*** DESCRIPTIF SSRUB 1600x1050px *****/ .spip-content .main .wrapper .content .descriptif-ssrub{ background-color: rgba(241, 241, 241, 0.85); border: 1px solid #FFFFFF; border-radius: 8px 8px 0 0; color: #555555; float: left; font-family: Arial,Helvetica,sans-serif; font-size: 20px; height: 64px; left: 120px; line-height: 25px; padding: 13px 120px 0; position: absolute; text-align: left; top: 90px; width: 1026px;} /*** TAILLE DE L'IMAGE DANS LE CORPS DE TEXTE SPIP 1600x1050px *****/ .spip_documents_left img{width: 100px; height: 100px; margin-left: 37px; margin-top: -18px; background-color: #fbfbfb;} /*** PARTICULARITE RUBRIQUE FORMULAIRE 1600x1050px *****/ .spip-content .main .wrapper .content .box-texte .inner-txt-formulaire{ padding: 7px 7px 7px 7px; border-radius: 10px 0px 0px 10px; font-family: Arial,Helvetica,sans-serif; text-align: left;} .spip-content .main .wrapper .content .box-texte .inner-txt-formulaire .bg-texte-formulaire{ border-radius: 7px 7px 7px 7px; background-color: rgba(255, 255, 255, 0.85); border: 1px solid #fff; float: left; overflow: auto; padding: 2px 160px 20px 80px; text-align: left; float: left; overflow: auto; border-radius: 5px; color: #808080; font-family: Arial,Helvetica,sans-serif; text-align: left; font-size: 18px; line-height: 20px; width: 1010px; height: 602px;} /*** PARTICULARITE RUBRIQUE SIMPLE 1600x1050px *****/ .spip-content .main .wrapper .content .box-texte .inner-txt-simple{ padding: 7px 7px 7px 7px; border-radius: 10px 0px 0px 10px; font-family: Arial,Helvetica,sans-serif; text-align: left;} .spip-content .main .wrapper .content .box-texte .inner-txt-simple .bg-texte-simple{ border-radius: 7px 7px 7px 7px; background-color: rgba(255, 255, 255, 0.85); border: 1px solid #fff; float: left; overflow: auto; padding: 40px 120px 0px 120px; text-align: left; float: left; overflow: auto; border-radius: 5px; color: #808080; font-family: Arial,Helvetica,sans-serif; text-align: left; font-size: 19px; line-height: 21px; width: 1010px; height: 583px;} /*** POUR LE PETIT MENU des SOUS RUBRIQUES en haut à droite 1600x1050px *****/ .spip-content .main #menu_rubriques1 { position: absolute; text-align: left; width: 118px; height: 640px; z-index: 1000; top: -72px; padding-right: 20px; left: 1248px; background-color: rgba(241, 241, 241, 0.7); border-top-left-radius: 0px; border-bottom-left-radius: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 12px; border: 1px solid #fff; } .spip-content .main #menu_rubriques1 li{ font-size: .8em; margin-left: -1px; list-style: none; float: right; margin-top: -15px; } .spip-content .main #menu_rubriques1 li ul li{ font-size: 1em; margin-left: 0em;} .spip-content .main #menu_rubriques1 { list-style-type:none; } .spip-content .main #menu_rubriques1 li { list-style-type: none; } .spip-content .main #menu_rubriques1 li li { list-style-type: none; } .spip-content .main #menu_rubriques1 li li li { list-style-type: none; } .spip-content .main #menu_rubriques1 hr {margin : 0.7em 0;} .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li { width: 114px; } .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li:hover { width: 114px; } .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li .spip_logos_rappel { height: 130px; width: 130px; margin-bottom: 10px; padding-left: 0px; margin-top: 20px;} .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li:hover .spip_logos_rappel {} .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li .spip_titre_rappel { position: absolute; width: 120px; margin-top: -20px; margin-left: 4px; font-family: "Fugaz One"; text-align: center; font-size: 16px; line-height: 18px; list-style: none;} .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li:hover .spip_titre_rappel { } /*** Les currents 1600x1050px ***/ .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li .nav_current_rub{ display: none;width: 120px; } .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li .nav_current_rub .spip_logos_rappel { width: 80px; height: 80px; padding-left: 18px; padding-top: 18px; padding-bottom: 10px;} .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li .nav_current_rub .spip_titre_rappel { position: absolute; width: 120px; margin-top: -14px; margin-left:-1px; text-align: center; font-size: 14px; line-height: 14px; list-style: none; } /*** FIN de 1600x1050px *****/ } /***** MEDIA QUERY SOUS MON AILE 1600x1200px *****/ @media screen and (min-width: 1550px) and (max-width:1779px) and (min-height: 1081px) and (max-height: 1549px){ /**** SPIP CONTENT 1600x1200px *****/ .contenu-mobil.spip-content{ display: none;} .contenu-desktop.spip-content{ display: block; width: 1425px; height: 821px; margin-top: 0px;} /*** FIL d'ARIANE SPIP 1600x1200px *****/ .spip-content .ariane{ width: 1480px; z-index:100; top: 10px;} .spip-content .ariane .arbo{ padding-left: 10px; padding-right: 10px; font-size: 18px; line-height: 18px; width: auto; text-shadow: 0 0 1px #FFFFFF, 0 0 1px #FFFFFF, 0 0 2px #FFFFFF, 0 0 5px #FFFFFF;} /*** CONTNER CONTENU SPIP 1600x1200px *****/ .spip-content .main { width: 1492px; height: 440px; margin-left: 0px; top: 114px;} .spip-content .main .wrapper .content { width: 1491px; height: 800px;} /*** TITRES TITRE DE LA RUBRIQUE-1 1600x1200px *****/ .titre-sma{ display: none; font-size: 20px; line-height: 2px; margin-top: 89px; padding-left: 138px; text-shadow: 0 0 1px #FFFFFF, 0 0 1px #FFFFFF, 0 0 2px #FFFFFF, 0 0 5px #FFFFFF, 0 0 10px #FFFFFF, 0 0 16px #FFFFFF; } .spip-content .main .wrapper .content .container2 { width: 1795px; margin-left:0px; margin-top: 0px;} /*** TITRES TITRE DE LA SOUS-RUBRIQUE-1 1600x1200px *****/ h1.titre-sma-rub1, h1.titre-sma-ssrub{ font-size: 42px; left: 120px; line-height: 135px; top: -10px; text-shadow: 0 0 1px #FFFFFF, 0 0 1px #FFFFFF, 0 0 2px #FFFFFF, 0 0 5px #FFFFFF, 0 0 10px #FFFFFF, 0 0 16px #FFFFFF;} h1.titre-sma-rub1 .spip_logos , h1.titre-sma-ssrub .spip_logos { margin: 11px 0 0 -56px; width: 120px; height: 120px; } h1.titre-sma-rub1 .descriptif, h1.titre-sma-ssrub .descriptif{ font-size: 20px; line-height: 2px; top: 100px; left: 0px; width : 1220px;} /*** TEXTE DE LA RUBRIQUE-1 1600x1200px *****/ .spip-content .main .wrapper .content .texte-rub1{ border-radius: 8px; font-size: 20px; left: 140px; line-height: 22px; top: 140px; padding: 10px 15px 3px 35px; width: 1156px;} .spip-content .main #menu_rubriques2 { width: 1460px; height: 350px; left: 28px; margin-top: 240px;} .spip-content .main #menu_rubriques2 li{ font-size: .8em; margin-left: -1px; margin-top: -15px; } /*** LES BLOCS 1600x1200px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li { width: 265px; height: 502px; z-index: 1;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:hover{ width: 265px; height: 502px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child{ left: 1130px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2){ left: 850px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3){ left: 580px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4){ left: 310px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child{ left: 50px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child {border-top-right-radius: 16px; border-bottom-right-radius: 16px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2), .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3), .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4){ margin-left: 10px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child{ border-top-left-radius: 16px; border-bottom-left-radius: 16px; } /*** LES CADRES-INNER 1600x1200px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner{ width: 265px; height: 485px; padding-top: 7px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child:hover .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2):hover .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3):hover .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4):hover .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child:hover .cadre-inner{ width: 265px; height: 485px; padding-top: 7px; } .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner { border-top-right-radius: 15px; border-bottom-right-radius: 15px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner{} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner { border-top-left-radius: 15px; border-bottom-left-radius: 15px;} /*** LES CADRES-ITEM 1600x1200px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item{ width: 249px; height: 486px; margin-left: 7px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item{ border-top-left-radius: 12px; border-bottom-left-radius: 12px; border-top-right-radius: 12px; border-bottom-right-radius: 12px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item{ border-top-left-radius: 12px; border-bottom-left-radius: 12px; border-top-right-radius: 12px; border-bottom-right-radius: 12px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item{ border-top-left-radius: 12px; border-bottom-left-radius: 12px; border-top-right-radius: 12px; border-bottom-right-radius: 12px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child:hover .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2):hover .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3):hover .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4):hover .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child:hover .cadre-inner .cadre-item{ box-shadow: 0 0 2px #FFFFFF, 0 0 5px #FFFFFF, 0 0 10px #ffffff, 0 0 18px #ffffff; } .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child:hover .cadre-inner .cadre-item{ border-top-left-radius: 12px; border-bottom-left-radius: 12px; border-top-right-radius: 12px; border-bottom-right-radius: 12px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2):hover .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3):hover .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4):hover .cadre-inner .cadre-item{ border-top-left-radius: 12px; border-bottom-left-radius: 12px; border-top-right-radius: 12px; border-bottom-right-radius: 12px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child:hover .cadre-inner .cadre-item{ border-top-left-radius: 12px; border-bottom-left-radius: 12px; border-top-right-radius: 12px; border-bottom-right-radius: 12px;} /*** LES CADRES-ITEM-FINAL 1600x1200px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final{ width: 233px; height: 470px; margin-left: 7px; margin-top: 7px; } /*** CADRE ITEM FIX ***/ /*** Gradient Red ***/ /*** Gradient Orange ***/ /*** Gradient Yellow ***/ /*** Gradient Green ***/ /*** Gradient Blue ***/ /** COLOR INSIDE = DEGRADE GRIS 1600x1200px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final .color-inside{ width: 225px; height: 462px; left: 19px; margin-top: 3px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final .color-inside{ border-top-left-radius: 4px; border-bottom-left-radius: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final .color-inside{ border-top-left-radius: 4px; border-bottom-left-radius: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final .color-inside{ border-top-left-radius: 4px; border-bottom-left-radius: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final{ border-top-left-radius: 7px; border-bottom-left-radius: 7px; border-top-right-radius: 7px; border-bottom-right-radius: 7px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final{ border-top-left-radius: 7px; border-bottom-left-radius: 7px; border-top-right-radius: 7px; border-bottom-right-radius: 7px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final{ border-top-left-radius: 7px; border-bottom-left-radius: 7px; border-top-right-radius: 7px; border-bottom-right-radius: 7px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child:hover .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2):hover .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3):hover .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4):hover .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child:hover .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child:hover .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2):hover .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3):hover .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4):hover .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child:hover .cadre-inner .cadre-item .cadre-item-final{ width: 233px; height: 470px; margin-left: 7px; margin-top: 7px;} /*** Les LOGOS 1600x1200px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .spip_logos_rappel{ width: 250px; height: 250px; margin-left: 5px; margin-top: 0px; position: absolute;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child:hover .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2):hover .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3):hover .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4):hover .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child:hover .cadre-inner .spip_logos_rappel{ width: 250px; height: 250px; margin-left: 5px; margin-top: 0px;} /*** Les TITRES 1600x1200px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li .spip_titre_rappel{ font-size: 25px; line-height: 29px; margin-left: -9px; padding: 10px 40px; text-align: center; text-shadow: 0 0 1px #FFFFFF, 0 0 1px #FFFFFF, 0 0 2px #FFFFFF, 0 0 5px #FFFFFF, 0 0 10px #FFFFFF, 0 0 16px #FFFFFF; top: 192px; width: 168px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:hover .spip_titre_rappel{ text-shadow: 0 0 1px #FFFFFF, 0 0 1px #FFFFFF, 0 0 2px #FFFFFF, 0 0 5px #FFFFFF, 0 0 10px #FFFFFF, 0 0 16px #FFFFFF;} /*** Les DESCRIPTIFS V1 avec titre sur 1 ligne 1600x1200px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li .spip_descriptif_item-rappel{ display: block; width: 200px; margin-top: 0px; margin-left: 19px; font-size: 13px; line-height: 15px; padding: 10px 5px 1px 15px; border-radius: 10px;} /*** Les DESCRIPTIFS V2 avec titre sur 2 lignes 1600x1200px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li .spip_descriptif_item-rappel2{ border-radius: 5px; display: block; font-size: 12px; line-height: 14px; margin-left: 10px; margin-top: 285px; padding: 10px 10px 1px 10px; width: 183px; height: 153px;} /*** POUR Les BTNS COULEURS(noir en fait) 1600x1200px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final .color-inside .mon-btn-color, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final .color-inside .mon-btn-color, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final .color-inside .mon-btn-color, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final .color-inside .mon-btn-color, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final .color-inside .mon-btn-color{ border-radius: 10px; color: #FFFFFF; font-size: 15px; left: 0; line-height: 8px; margin-left: 59px; margin-top: -50px; padding: 10px; width: 39.5%; z-index: 1000;} /*** POUR Les BTNS NOIR 1600x1200px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final-fix .color-inside .mon-btn, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside .mon-btn, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside .mon-btn, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside .mon-btn, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final-fix .color-inside .mon-btn{ left: 0px; width: 36%; font-size: 16px; line-height: 16px; padding-left: 10px; padding-right: 10px; padding-top: 10px; padding-bottom: 10px; border-radius: 10px; margin-left: 74px; margin-top: 18px; } /******************************************************************************* LES SOUS-RUBRIQUE DE CONTENU 1600x1200px ************************************************************************************/ /*** CONTENU RUBRIQUES ITEMS 1600x1200px *****/ .spip-content .main .wrapper .content .box-texte{ position: absolute; top: 168px; left: 120px; border-radius: 10px 0px 0px 10px; width: 1266px; height: 640px; z-index: 10; text-shadow: none; border-radius: 0px 0px 12px 12px; background-color: rgba(255, 255, 255, 0.25); border: 1px solid #FFFFFF; transition: all 0.35s ease-in-out 0s;} .spip-content .main .wrapper .content .box-texte .inner-txt{ padding: 7px 7px 7px 7px; border-radius: 10px 0px 0px 10px;} .spip-content .main .wrapper .content .box-texte .inner-txt .bg-texte{ width: 1090px; height: 614px; padding: 0px 10px 10px 10px ; border-radius: 7px 0px 0px 7px; background-color: rgba(255, 255, 255, 0.85); border: 1px solid #fff;} .spip-content .main .wrapper .content .box-texte .inner-txt .bg-texte .texte{ border-radius: 5px; color: #808080; float: left; font-family: Arial,Helvetica,sans-serif; font-size: 16px; line-height: 20px; overflow: auto; padding: 42px 80px 20px 20px; text-align: left; width: 1000px; height: 564px; } p { margin: 0 0 0px;} /*** TEXTE DE LA RUBRIQUE-B 1600x1200px *****/ .spip-content .main .wrapper .content .texte-rub1 { border-radius: 8px; font-size: 19px; height: 58px; left: 120px; line-height: 21px; padding: 12px 100px 0; top: 130px; width: 1050px;} .spip-content .main #menu_rubriques1 { width: 1600px; height: 350px; left: 70px; margin-top: 240px;} .spip-content .main #menu_rubriques1 li{ font-size: .8em; margin-left: -1px; margin-top: -15px; } /*** DESCRIPTIF SSRUB 1600x1050px *****/ .spip-content .main .wrapper .content .descriptif-ssrub{ background-color: rgba(241, 241, 241, 0.85); border: 1px solid #FFFFFF; border-radius: 8px 8px 0 0; color: #555555; float: left; font-family: Arial,Helvetica,sans-serif; font-size: 20px; height: 64px; left: 120px; line-height: 25px; padding: 13px 120px 0 120px; position: absolute; text-align: left; top: 90px; width: 1026px;} /*** TAILLE DE L'IMAGE DANS LE CORPS DE TEXTE SPIP 1600x1200px *****/ .spip_documents_left img{width: 100px; height: 100px; margin-left: 37px; margin-top: -18px; background-color: #fbfbfb;} /*** PARTICULARITE RUBRIQUE FORMULAIRE 1600x1200px *****/ .spip-content .main .wrapper .content .box-texte .inner-txt-formulaire{ padding: 7px 7px 7px 7px; border-radius: 10px 0px 0px 10px; font-family: Arial,Helvetica,sans-serif; text-align: left;} .spip-content .main .wrapper .content .box-texte .inner-txt-formulaire .bg-texte-formulaire{ border-radius: 7px 7px 7px 7px; background-color: rgba(255, 255, 255, 0.85); border: 1px solid #fff; float: left; overflow: auto; padding: 2px 160px 20px 80px; text-align: left; float: left; overflow: auto; border-radius: 5px; color: #808080; font-family: Arial,Helvetica,sans-serif; text-align: left; font-size: 18px; line-height: 20px; width: 1010px; height: 602px;} /*** PARTICULARITE RUBRIQUE SIMPLE 1600x1200px *****/ .spip-content .main .wrapper .content .box-texte .inner-txt-simple{ padding: 7px 7px 7px 7px; border-radius: 10px 0px 0px 10px; font-family: Arial,Helvetica,sans-serif; text-align: left;} .spip-content .main .wrapper .content .box-texte .inner-txt-simple .bg-texte-simple{ border-radius: 7px 7px 7px 7px; background-color: rgba(255, 255, 255, 0.85); border: 1px solid #fff; float: left; overflow: auto; padding: 40px 120px 0px 120px; text-align: left; float: left; overflow: auto; border-radius: 5px; color: #808080; font-family: Arial,Helvetica,sans-serif; text-align: left; font-size: 19px; line-height: 21px; width: 1010px; height: 583px;} /*** POUR LE PETIT MENU des SOUS RUBRIQUES en haut à droite 1600x1200px *****/ .spip-content .main #menu_rubriques1 { position: absolute; text-align: left; width: 118px; height: 640px; z-index: 1000; top: -72px; padding-right: 20px; left: 1248px; background-color: rgba(241, 241, 241, 0.7); border-top-left-radius: 0px; border-bottom-left-radius: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 12px; border: 1px solid #fff; } .spip-content .main #menu_rubriques1 li{ font-size: .8em; margin-left: -1px; list-style: none; float: right; margin-top: -15px; } .spip-content .main #menu_rubriques1 li ul li{ font-size: 1em; margin-left: 0em;} .spip-content .main #menu_rubriques1 { list-style-type:none; } .spip-content .main #menu_rubriques1 li { list-style-type: none; } .spip-content .main #menu_rubriques1 li li { list-style-type: none; } .spip-content .main #menu_rubriques1 li li li { list-style-type: none; } .spip-content .main #menu_rubriques1 hr {margin : 0.7em 0;} .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li { width: 114px; } .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li:hover { width: 114px; } .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li .spip_logos_rappel { height: 130px; width: 130px; margin-bottom: 10px; padding-left: 0px; margin-top: 20px;} .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li:hover .spip_logos_rappel {} .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li .spip_titre_rappel { position: absolute; width: 120px; margin-top: -20px; margin-left: 4px; font-family: "Fugaz One"; text-align: center; font-size: 16px; line-height: 18px; list-style: none;} .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li:hover .spip_titre_rappel { } /*** Les currents 1600x1200px ***/ .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li .nav_current_rub{ display: none;width: 120px; } .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li .nav_current_rub .spip_logos_rappel { width: 80px; height: 80px; padding-left: 18px; padding-top: 18px; padding-bottom: 10px;} .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li .nav_current_rub .spip_titre_rappel { position: absolute; width: 120px; margin-top: -14px; margin-left:-1px; text-align: center; font-size: 14px; line-height: 14px; list-style: none; } /*** FIN de 1600x1200px *****/ } /************************************************************************************************************************ ************************************** MEDIA QUERY SOUS MON AILE 1780px de largeur *********************************** *************************************************************************************************************************/ /***** MEDIA QUERY SOUS MON AILE 1780x600px *****/ @media screen and (min-width: 1780px) and (max-width:1899px) and (min-height: 10px) and (max-height: 749px){ /**** SPIP CONTENT 1780x600px *****/ .contenu-mobil.spip-content{ display: none;} .contenu-desktop.spip-content{ display: block; width: 1615px; height: 468px; margin-top: 0px;} /*** FIL d'ARIANE SPIP 1780x600px *****/ .spip-content .ariane{ width: 1600px; z-index:100; top: 5px; } .spip-content .ariane .arbo{ padding-left: 10px; padding-right: 10px; font-size: 12px; line-height: 22px; width: auto; text-shadow: 0 0 1px #FFFFFF, 0 0 1px #FFFFFF, 0 0 2px #FFFFFF, 0 0 5px #FFFFFF;} /*** CONTNER CONTENU SPIP 1780x600px *****/ .spip-content .main { width: 1615px; height: 440px; margin-left: 0px; top: 74px;} .spip-content .main .wrapper .content { height: 418px; width: 1172px;} /*** TITRES TITRE DE LA RUBRIQUE-1 1780x600px *****/ .titre-sma{ display: none; font-size: 20px; line-height: 2px; margin-top: 89px; padding-left: 138px; text-shadow: 0 0 1px #FFFFFF, 0 0 1px #FFFFFF, 0 0 2px #FFFFFF, 0 0 5px #FFFFFF, 0 0 10px #FFFFFF, 0 0 16px #FFFFFF; } .spip-content .main .wrapper .content .container2 { width: 1615px; margin-left:0px; margin-top: 0px;} /*** TITRES TITRE DE LA SOUS-RUBRIQUE-1 1780x600px *****/ h1.titre-sma-rub1, h1.titre-sma-ssrub{ font-size: 24px; left: 150px; line-height: 100px; margin-top: -30px; text-shadow: 0 0 1px #FFFFFF, 0 0 1px #FFFFFF, 0 0 2px #FFFFFF, 0 0 5px #FFFFFF, 0 0 10px #FFFFFF, 0 0 16px #FFFFFF;} h1.titre-sma-rub1 .spip_logos , h1.titre-sma-ssrub .spip_logos { margin: 10px 0 0 -43px; width: 90px; height: 90px; } h1.titre-sma-rub1 .descriptif, h1.titre-sma-ssrub .descriptif{ font-size: 16px; line-height: 2px; margin-top: -27px; margin-left: 0px; width : 1400px;} /*** TEXTE DE LA RUBRIQUE-1 1780x600px *****/ .spip-content .main .wrapper .content .texte-rub1{ border-radius: 8px; font-size: 16px; left: 140px; line-height: 18px; top: 90px; padding: 10px 15px 3px 15px; width: 1270px;} .spip-content .main #menu_rubriques2 { width: 1460px; height: 280px; left: 70px; margin-top: 150px;} .spip-content .main #menu_rubriques2 li{ font-size: .8em; margin-left: -1px; margin-top: -15px; } /*** LES BLOCS 1780x600px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li { width: 265px; height: 285px; z-index: 1;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:hover{ width: 265px; height: 285px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child{ left: 1130px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2){ left: 850px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3){ left: 580px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4){ left: 310px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child{ left: 50px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child {border-top-right-radius: 16px; border-bottom-right-radius: 16px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2), .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3), .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4){ margin-left: 10px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child{ border-top-left-radius: 16px; border-bottom-left-radius: 16px; } /*** LES CADRES-INNER 1780x600px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner{ width: 265px; height: 275px; padding-top: 7px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child:hover .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2):hover .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3):hover .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4):hover .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child:hover .cadre-inner{ width: 265px; height: 275px; padding-top: 7px; } .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner { border-top-right-radius: 15px; border-bottom-right-radius: 15px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner{} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner { border-top-left-radius: 15px; border-bottom-left-radius: 15px;} /*** LES CADRES-ITEM 1780x600px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item{ width: 249px; height: 264px; margin-left: 7px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item{ border-top-left-radius: 12px; border-bottom-left-radius: 12px; border-top-right-radius: 12px; border-bottom-right-radius: 12px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item{ border-top-left-radius: 12px; border-bottom-left-radius: 12px; border-top-right-radius: 12px; border-bottom-right-radius: 12px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item{ border-top-left-radius: 12px; border-bottom-left-radius: 12px; border-top-right-radius: 12px; border-bottom-right-radius: 12px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child:hover .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2):hover .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3):hover .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4):hover .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child:hover .cadre-inner .cadre-item{ box-shadow: 0 0 2px #FFFFFF, 0 0 5px #FFFFFF, 0 0 10px #ffffff, 0 0 18px #ffffff; } .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child:hover .cadre-inner .cadre-item{ border-top-left-radius: 12px; border-bottom-left-radius: 12px; border-top-right-radius: 12px; border-bottom-right-radius: 12px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2):hover .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3):hover .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4):hover .cadre-inner .cadre-item{ border-top-left-radius: 12px; border-bottom-left-radius: 12px; border-top-right-radius: 12px; border-bottom-right-radius: 12px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child:hover .cadre-inner .cadre-item{ border-top-left-radius: 12px; border-bottom-left-radius: 12px; border-top-right-radius: 12px; border-bottom-right-radius: 12px;} /*** LES CADRES-ITEM-FINAL 1780x600px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final{ width: 233px; height: 248px; margin-left: 7px; margin-top: 7px; } /*** CADRE ITEM FIX ***/ /*** Gradient Red ***/ /*** Gradient Orange ***/ /*** Gradient Yellow ***/ /*** Gradient Green ***/ /*** Gradient Blue ***/ /** COLOR INSIDE = DEGRADE GRIS 1780x600px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final .color-inside{ width: 225px; height: 240px; left: 19px; margin-top: 3px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final .color-inside{ border-top-left-radius: 4px; border-bottom-left-radius: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final .color-inside{ border-top-left-radius: 4px; border-bottom-left-radius: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final .color-inside{ border-top-left-radius: 4px; border-bottom-left-radius: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final{ border-top-left-radius: 7px; border-bottom-left-radius: 7px; border-top-right-radius: 7px; border-bottom-right-radius: 7px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final{ border-top-left-radius: 7px; border-bottom-left-radius: 7px; border-top-right-radius: 7px; border-bottom-right-radius: 7px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final{ border-top-left-radius: 7px; border-bottom-left-radius: 7px; border-top-right-radius: 7px; border-bottom-right-radius: 7px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child:hover .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2):hover .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3):hover .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4):hover .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child:hover .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child:hover .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2):hover .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3):hover .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4):hover .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child:hover .cadre-inner .cadre-item .cadre-item-final{ width: 233px; height: 248px; margin-left: 7px; margin-top: 7px;} /*** Les LOGOS 1780x600px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .spip_logos_rappel{ height: 90px; margin-left: -3px; margin-top: -3px; width: 90px; position: absolute;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child:hover .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2):hover .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3):hover .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4):hover .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child:hover .cadre-inner .spip_logos_rappel{ height: 90px; margin-left: -3px; margin-top: -3px; width: 90px;} /*** Les TITRES 1780x600px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li .spip_titre_rappel { font-size: 19px; line-height: 22px; margin-left: 47px; padding: 10px 40px; text-align: left; text-shadow: 0 0 1px #FFFFFF, 0 0 1px #FFFFFF, 0 0 2px #FFFFFF, 0 0 5px #FFFFFF, 0 0 10px #FFFFFF, 0 0 16px #FFFFFF; top: 10px; width: 133px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:hover .spip_titre_rappel{ text-shadow: 0 0 1px #FFFFFF, 0 0 1px #FFFFFF, 0 0 2px #FFFFFF, 0 0 5px #FFFFFF, 0 0 10px #FFFFFF, 0 0 16px #FFFFFF;} /*** Les DESCRIPTIFS V1 avec titre sur 1 ligne 1780x600px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li .spip_descriptif_item-rappel{ display: block; width: 200px; margin-top: 0px; margin-left: 19px; font-size: 13px; line-height: 15px; padding: 10px 5px 1px 15px; border-radius: 10px;} /*** Les DESCRIPTIFS V2 avec titre sur 2 lignes 1780x600px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li .spip_descriptif_item-rappel2{ border-radius: 5px; display: block; font-size: 12px; line-height: 14px; margin-left: 10px; margin-top: 88px; padding: 10px 10px 1px 10px; width: 183px; height: 128px;} /*** POUR Les BTNS COULEURS(noir en fait) 1780x600px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final .color-inside .mon-btn-color, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final .color-inside .mon-btn-color, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final .color-inside .mon-btn-color, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final .color-inside .mon-btn-color, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final .color-inside .mon-btn-color{ border-radius: 10px; color: #FFFFFF; font-size: 15px; left: 0; line-height: 8px; margin-left: 59px; margin-top: -40px; padding: 10px; width: 39.5%; z-index: 1000;} /*** POUR Les BTNS NOIR 1780x600px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final-fix .color-inside .mon-btn, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside .mon-btn, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside .mon-btn, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside .mon-btn, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final-fix .color-inside .mon-btn{ left: 0px; width: 36%; font-size: 16px; line-height: 16px; padding-left: 10px; padding-right: 10px; padding-top: 10px; padding-bottom: 10px; border-radius: 10px; margin-left: 74px; margin-top: 18px; } /*** POUR Les BTNS COULEURS et POUR Les BTNS NOIR 1780x600px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child:hover .cadre-inner .cadre-item .cadre-item-final .color-inside .mon-btn-color, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2):hover .cadre-inner .cadre-item .cadre-item-final .color-inside .mon-btn-color, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3):hover .cadre-inner .cadre-item .cadre-item-final .color-inside .mon-btn-color, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4):hover .cadre-inner .cadre-item .cadre-item-final .color-inside .mon-btn-color, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child:hover .cadre-inner .cadre-item .cadre-item-final .color-inside .mon-btn-color, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child:hover .cadre-inner .cadre-item .cadre-item-final-fix .color-inside .mon-btn, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2):hover .cadre-inner .cadre-item .cadre-item-final-fix .color-inside .mon-btn, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3):hover .cadre-inner .cadre-item .cadre-item-final-fix .color-inside .mon-btn, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4):hover .cadre-inner .cadre-item .cadre-item-final-fix .color-inside .mon-btn, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child:hover .cadre-inner .cadre-item .cadre-item-final-fix .color-inside .mon-btn{ position: absolute; box-shadow: 0px 0px 1px #fff, 0px 0px 1px #fff , 0px 0px 2px #fff , 0px 0px 5px #fff , 0px 0px 10px #fff, 0px 0px 16px #fff; cursor: pointer; text-decoration: none; opacity: 1;} /******************************************************************************* LES SOUS-RUBRIQUE DE CONTENU 1780x600px ************************************************************************************/ /*** CONTENU RUBRIQUES ITEMS 1780x600px *****/ .spip-content .main .wrapper .content .box-texte{ position: absolute; top: 128px; left: 140px; border-radius: 10px 0px 0px 10px; width: 1337px; height: 305px; z-index: 10; text-shadow: none; border-radius: 0px 0px 12px 12px; background-color: rgba(255, 255, 255, 0.25); border: 1px solid #FFFFFF; transition: all 0.35s ease-in-out 0s;} .spip-content .main .wrapper .content .box-texte .inner-txt{ padding: 7px 7px 7px 7px; border-radius: 10px 0px 0px 10px;} .spip-content .main .wrapper .content .box-texte .inner-txt .bg-texte{ width: 1131px; height: 279px; padding: 0px 10px 10px 10px ; border-radius: 7px 0px 0px 7px; background-color: rgba(255, 255, 255, 0.85); border: 1px solid #fff;} .spip-content .main .wrapper .content .box-texte .inner-txt .bg-texte .texte{ border-radius: 5px; color: #808080; float: left; font-family: Arial,Helvetica,sans-serif; font-size: 12px; line-height: 14px; overflow: auto; padding: 30px 121px 20px 121px; text-align: left; width: 899px; height: 239px;} p { margin: 0 0 -16px; } /*** CONTENU RUBRIQUES-B 1780x600px *****/ .spip-content .main .wrapper .content .texte-rub1{ border-radius: 8px; font-size: 14px; left: 140px; line-height: 16px; top: 90px; padding: 7px 200px 0 200px; width: 890px; height: 40px;} .spip-content .main #menu_rubriques1 { width: 1600px; height: 350px; left: 70px; margin-top: 240px;} .spip-content .main #menu_rubriques1 li{ font-size: .8em; margin-left: -1px; margin-top: -15px; } /*** DESCRIPTIF SSRUB 1780x600px *****/ .spip-content .main .wrapper .content .descriptif-ssrub{ background-color: rgba(241, 241, 241, 0.85); border: 1px solid #FFFFFF; border-radius: 8px 8px 0 0; color: #555555; float: left; font-family: Arial,Helvetica,sans-serif; font-size: 19px; height: 50px; left: 140px; line-height: 20px; padding: 8px 160px 0; position: absolute; text-align: left; top: 69px; width: 1017px;} /*** TAILLE DE L'IMAGE DANS LE CORPS DE TEXTE SPIP 1780x600px *****/ .spip_documents_left img{width: 50px; height: 50px; margin-left: 80px; margin-top: -16px; background-color: #fbfbfb;} /*** PARTICULARITE RUBRIQUE FORMULAIRE 1780x600px *****/ .spip-content .main .wrapper .content .box-texte .inner-txt-formulaire{ padding: 7px 7px 7px 7px; border-radius: 10px 0px 0px 10px; font-family: Arial,Helvetica,sans-serif; text-align: left;} .spip-content .main .wrapper .content .box-texte .inner-txt-formulaire .bg-texte-formulaire{ background-color: rgba(255, 255, 255, 0.85); border: 1px solid #FFFFFF; border-radius: 5px; color: #808080; float: left; font-family: Arial,Helvetica,sans-serif; font-size: 12px; line-height: 14px; overflow: auto; padding: 2px 280px 20px 131px; text-align: left; width: 911px; height: 268px;} /*** PARTICULARITE RUBRIQUE SIMPLE 1780x600px *****/ .spip-content .main .wrapper .content .box-texte .inner-txt-simple{ padding: 7px 7px 7px 7px; border-radius: 10px 0px 0px 10px; font-family: Arial,Helvetica,sans-serif; text-align: left;} .spip-content .main .wrapper .content .box-texte .inner-txt-simple .bg-texte-simple{ background-color: rgba(255, 255, 255, 0.85); border: 1px solid #FFFFFF; border-radius: 5px; color: #808080; float: left; font-family: Arial,Helvetica,sans-serif; font-size: 19px; line-height: 21px; overflow: auto; padding: 40px 160px 0px 160px; text-align: left; width: 1001px; height: 249px;} /*** POUR LE PETIT MENU des SOUS RUBRIQUES en haut à droite 1780x600px *****/ .spip-content .main #menu_rubriques1 { position: absolute; text-align: left; width: 149px; height: 305px; z-index: 1000; top: -112px; padding-right: 20px; left: 1308px; background-color: rgba(241, 241, 241, 0.7); border-top-left-radius: 0px; border-bottom-left-radius: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 12px; border: 1px solid #fff; } .spip-content .main #menu_rubriques1 li{ font-size: .8em; margin-left: -1px; list-style: none; float: right; margin-top: -15px; } .spip-content .main #menu_rubriques1 li ul li{ font-size: 1em; margin-left: 0em;} .spip-content .main #menu_rubriques1 { list-style-type:none; } .spip-content .main #menu_rubriques1 li { list-style-type: none; } .spip-content .main #menu_rubriques1 li li { list-style-type: none; } .spip-content .main #menu_rubriques1 li li li { list-style-type: none; } .spip-content .main #menu_rubriques1 hr {margin : 0.7em 0;} .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li { width: 114px; } .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li:hover { width: 114px; } .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li .spip_logos_rappel { height: 70px; width: 70px; margin-bottom: 0px; margin-left: -36px; margin-top: 14px;} .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li:hover .spip_logos_rappel {} .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li .spip_titre_rappel{ font-family: "Fugaz One"; font-size: 13px; line-height: 15px; list-style: none outside none; margin-left: 33px; margin-top: -40px; position: absolute; text-align: left; width: 95px;} .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li:hover .spip_titre_rappel { } /*** Les currents 1780x600px ***/ .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li .nav_current_rub{ display: none;width: 120px; } .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li .nav_current_rub .spip_logos_rappel { width: 80px; height: 80px; padding-left: 18px; padding-top: 18px; padding-bottom: 10px;} .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li .nav_current_rub .spip_titre_rappel { position: absolute; width: 120px; margin-top: -14px; margin-left:-1px; text-align: center; font-size: 14px; line-height: 14px; list-style: none; } /*** FIN de 1780x600px *****/ } /***** MEDIA QUERY SOUS MON AILE 1780x768px *****/ @media screen and (min-width: 1780px) and (max-width:1899px) and (min-height: 750px) and (max-height: 899px){ /**** SPIP CONTENT 1780x768px *****/ .contenu-mobil.spip-content{ display: none;} .contenu-desktop.spip-content{ display: block; width: 1615px; height: 579px; margin-top: 0px;} /*** FIL d'ARIANE SPIP 1780x768px *****/ .spip-content .ariane{ width: 1600px; z-index:100; top: 10px; } .spip-content .ariane .arbo{ padding-left: 10px; padding-right: 10px; font-size: 18px; line-height: 18px; width: auto; text-shadow: 0 0 1px #FFFFFF, 0 0 1px #FFFFFF, 0 0 2px #FFFFFF, 0 0 5px #FFFFFF;} /*** CONTNER CONTENU SPIP 1780x768px *****/ .spip-content .main { width: 1615px; height: 440px; margin-left: 0px; top: 74px;} .spip-content .main .wrapper .content { width: 1615px; height: 546px;} /*** TITRES TITRE DE LA RUBRIQUE-1 1780x768px *****/ .titre-sma{ display: none; font-size: 20px; line-height: 2px; margin-top: 89px; padding-left: 138px; text-shadow: 0 0 1px #FFFFFF, 0 0 1px #FFFFFF, 0 0 2px #FFFFFF, 0 0 5px #FFFFFF, 0 0 10px #FFFFFF, 0 0 16px #FFFFFF; } .spip-content .main .wrapper .content .container2 { width: 1795px; margin-left:0px; margin-top: 0px;} /*** TITRES TITRE DE LA SOUS-RUBRIQUE-1 1780x768px *****/ h1.titre-sma-rub1, h1.titre-sma-ssrub{ font-size: 32px; left: 150px; line-height: 125px; top: 0px; text-shadow: 0 0 1px #FFFFFF, 0 0 1px #FFFFFF, 0 0 2px #FFFFFF, 0 0 5px #FFFFFF, 0 0 10px #FFFFFF, 0 0 16px #FFFFFF;} h1.titre-sma-rub1 .spip_logos , h1.titre-sma-ssrub .spip_logos { margin: 11px 0 0 -56px; width: 110px; height: 110px; } h1.titre-sma-rub1 .descriptif, h1.titre-sma-ssrub .descriptif{ font-size: 20px; line-height: 2px; top: 90px; left: 0px; width : 1400px;} /*** TEXTE DE LA RUBRIQUE-1 1780x768px *****/ .spip-content .main .wrapper .content .texte-rub1{ border-radius: 8px; font-size: 19px; height: 51px; left: 140px; line-height: 21px; padding: 7px 130px 0; top: 110px; width: 1030px;} .spip-content .main #menu_rubriques2 { width: 1600px; height: 350px; left: 70px; top: 220px;} .spip-content .main #menu_rubriques2 li{ font-size: .8em; margin-left: -1px; margin-top: -15px; } /*** LES BLOCS 1780x768px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li { width: 265px; height: 352px; z-index: 1;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:hover{ width: 265px; height: 352px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child{ left: 1130px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2){ left: 850px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3){ left: 580px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4){ left: 310px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child{ left: 50px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child {border-top-right-radius: 16px; border-bottom-right-radius: 16px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2), .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3), .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4){ margin-left: 10px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child{ border-top-left-radius: 16px; border-bottom-left-radius: 16px; } /*** LES CADRES-INNER 1780x768px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner{ width: 265px; height: 341px; padding-top: 7px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child:hover .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2):hover .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3):hover .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4):hover .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child:hover .cadre-inner{ width: 265px; height: 341px; padding-top: 7px; } .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner { border-top-right-radius: 15px; border-bottom-right-radius: 15px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner{} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner { border-top-left-radius: 15px; border-bottom-left-radius: 15px;} /*** LES CADRES-ITEM 1780x768px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item{ width: 249px; height: 324px; margin-left: 7px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item{ border-top-left-radius: 12px; border-bottom-left-radius: 12px; border-top-right-radius: 12px; border-bottom-right-radius: 12px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item{ border-top-left-radius: 12px; border-bottom-left-radius: 12px; border-top-right-radius: 12px; border-bottom-right-radius: 12px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item{ border-top-left-radius: 12px; border-bottom-left-radius: 12px; border-top-right-radius: 12px; border-bottom-right-radius: 12px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child:hover .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2):hover .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3):hover .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4):hover .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child:hover .cadre-inner .cadre-item{ box-shadow: 0 0 2px #FFFFFF, 0 0 5px #FFFFFF, 0 0 10px #ffffff, 0 0 18px #ffffff; } .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child:hover .cadre-inner .cadre-item{ border-top-left-radius: 12px; border-bottom-left-radius: 12px; border-top-right-radius: 12px; border-bottom-right-radius: 12px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2):hover .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3):hover .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4):hover .cadre-inner .cadre-item{ border-top-left-radius: 12px; border-bottom-left-radius: 12px; border-top-right-radius: 12px; border-bottom-right-radius: 12px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child:hover .cadre-inner .cadre-item{ border-top-left-radius: 12px; border-bottom-left-radius: 12px; border-top-right-radius: 12px; border-bottom-right-radius: 12px;} /*** LES CADRES-ITEM-FINAL 1780x768px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final{ width: 233px; height: 308px; margin-left: 7px; margin-top: 7px; } /*** CADRE ITEM FIX ***/ /*** Gradient Red ***/ /*** Gradient Orange ***/ /*** Gradient Yellow ***/ /*** Gradient Green ***/ /*** Gradient Blue ***/ /** COLOR INSIDE = DEGRADE GRIS 1780x768px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final .color-inside{ width: 225px; height: 300px; left: 19px; margin-top: 3px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final .color-inside{ border-top-left-radius: 4px; border-bottom-left-radius: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final .color-inside{ border-top-left-radius: 4px; border-bottom-left-radius: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final .color-inside{ border-top-left-radius: 4px; border-bottom-left-radius: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final{ border-top-left-radius: 7px; border-bottom-left-radius: 7px; border-top-right-radius: 7px; border-bottom-right-radius: 7px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final{ border-top-left-radius: 7px; border-bottom-left-radius: 7px; border-top-right-radius: 7px; border-bottom-right-radius: 7px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final{ border-top-left-radius: 7px; border-bottom-left-radius: 7px; border-top-right-radius: 7px; border-bottom-right-radius: 7px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child:hover .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2):hover .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3):hover .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4):hover .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child:hover .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child:hover .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2):hover .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3):hover .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4):hover .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child:hover .cadre-inner .cadre-item .cadre-item-final{ width: 233px; height: 308px; margin-left: 7px; margin-top: 7px;} /*** Les LOGOS 1780x768px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .spip_logos_rappel{ height: 110px; margin-left: 58px; margin-top: -9px; width: 110px; position: absolute;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child:hover .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2):hover .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3):hover .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4):hover .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child:hover .cadre-inner .spip_logos_rappel{ height: 110px; margin-left: 58px; margin-top: -9px; width: 110px;} /*** Les TITRES 1780x768px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li .spip_titre_rappel { font-size: 19px; line-height: 20px; margin-left: 7px; padding: 10px 40px; text-align: center; text-shadow: 0 0 1px #FFFFFF, 0 0 1px #FFFFFF, 0 0 2px #FFFFFF, 0 0 5px #FFFFFF, 0 0 10px #FFFFFF, 0 0 16px #FFFFFF; top: 80px; width: 133px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:hover .spip_titre_rappel{ text-shadow: 0 0 1px #FFFFFF, 0 0 1px #FFFFFF, 0 0 2px #FFFFFF, 0 0 5px #FFFFFF, 0 0 10px #FFFFFF, 0 0 16px #FFFFFF;} /*** Les DESCRIPTIFS V1 avec titre sur 1 ligne 1780x768px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li .spip_descriptif_item-rappel{ display: block; width: 200px; margin-top: 0px; margin-left: 19px; font-size: 13px; line-height: 15px; padding: 10px 5px 1px 15px; border-radius: 10px;} /*** Les DESCRIPTIFS V2 avec titre sur 2 lignes 1920x768px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li .spip_descriptif_item-rappel2{ border-radius: 5px; display: block; font-size: 12px; line-height: 14px; margin-left: 10px; margin-top: 142px; padding: 10px 10px 1px 10px; width: 183px; height: 133px;} /*** POUR Les BTNS COULEURS(noir en fait) 1780x768px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final .color-inside .mon-btn-color, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final .color-inside .mon-btn-color, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final .color-inside .mon-btn-color, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final .color-inside .mon-btn-color, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final .color-inside .mon-btn-color{ border-radius: 10px; color: #FFFFFF; font-size: 15px; left: 0; line-height: 8px; margin-left: 59px; margin-top: -40px; padding: 10px; width: 39.5%; z-index: 1000;} /*** POUR Les BTNS NOIR 1780x768px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final-fix .color-inside .mon-btn, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside .mon-btn, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside .mon-btn, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside .mon-btn, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final-fix .color-inside .mon-btn{ left: 0px; width: 36%; font-size: 16px; line-height: 16px; padding-left: 10px; padding-right: 10px; padding-top: 10px; padding-bottom: 10px; border-radius: 10px; margin-left: 74px; margin-top: 18px; } /*** POUR Les BTNS COULEURS et POUR Les BTNS NOIR 1780x768px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child:hover .cadre-inner .cadre-item .cadre-item-final .color-inside .mon-btn-color, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2):hover .cadre-inner .cadre-item .cadre-item-final .color-inside .mon-btn-color, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3):hover .cadre-inner .cadre-item .cadre-item-final .color-inside .mon-btn-color, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4):hover .cadre-inner .cadre-item .cadre-item-final .color-inside .mon-btn-color, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child:hover .cadre-inner .cadre-item .cadre-item-final .color-inside .mon-btn-color, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child:hover .cadre-inner .cadre-item .cadre-item-final-fix .color-inside .mon-btn, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2):hover .cadre-inner .cadre-item .cadre-item-final-fix .color-inside .mon-btn, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3):hover .cadre-inner .cadre-item .cadre-item-final-fix .color-inside .mon-btn, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4):hover .cadre-inner .cadre-item .cadre-item-final-fix .color-inside .mon-btn, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child:hover .cadre-inner .cadre-item .cadre-item-final-fix .color-inside .mon-btn{ position: absolute; box-shadow: 0px 0px 1px #fff, 0px 0px 1px #fff , 0px 0px 2px #fff , 0px 0px 5px #fff , 0px 0px 10px #fff, 0px 0px 16px #fff; cursor: pointer; text-decoration: none; opacity: 1;} /******************************************************************************* LES SOUS-RUBRIQUE DE CONTENU 1780x768px ************************************************************************************/ /*** CONTENU RUBRIQUES ITEMS 1780x768px *****/ .spip-content .main .wrapper .content .box-texte{ position: absolute; top: 149px; left: 140px; border-radius: 10px 0px 0px 10px; width: 1337px; height: 445px; z-index: 10; text-shadow: none; border-radius: 0px 0px 12px 12px; background-color: rgba(255, 255, 255, 0.25); border: 1px solid #FFFFFF; transition: all 0.35s ease-in-out 0s;} .spip-content .main .wrapper .content .box-texte .inner-txt{ padding: 7px 7px 7px 7px; border-radius: 10px 0px 0px 10px;} .spip-content .main .wrapper .content .box-texte .inner-txt .bg-texte{ width: 1162px; height: 419px; padding: 0px 10px 10px 10px ; border-radius: 7px 0px 0px 7px; background-color: rgba(255, 255, 255, 0.85); border: 1px solid #fff;} .spip-content .main .wrapper .content .box-texte .inner-txt .bg-texte .texte{ float: left; overflow: auto; padding: 30px 111px 0; border-radius: 5px; color: #808080; font-family: Arial,Helvetica,sans-serif; text-align: left; font-size: 14px; line-height: 15px; width: 950px; height: 399px; } p { margin: 0 0 -5px;} /*** CONTENU RUBRIQUES-B 1780x768px *****/ .spip-content .main .wrapper .content .texte-rub1{ border-radius: 8px; font-size: 19px; left: 140px; line-height: 21px; top: 110px; padding: 7px 130px 0 130px; width: 1040px; height: 51px;} .spip-content .main #menu_rubriques1 { width: 1600px; height: 350px; left: 70px; margin-top: 240px;} .spip-content .main #menu_rubriques1 li{ font-size: .8em; margin-left: -1px; margin-top: -15px; } /*** DESCRIPTIF SSRUB 1780x768px *****/ .spip-content .main .wrapper .content .descriptif-ssrub{ background-color: rgba(241, 241, 241, 0.85); border: 1px solid #FFFFFF; border-radius: 8px 8px 0 0; color: #555555; float: left; font-family: Arial,Helvetica,sans-serif; font-size: 19px; line-height: 20px; left: 140px; padding: 8px 160px 0 160px; position: absolute; text-align: left; top: 90px; width: 1017px; height: 50px;} /*** TAILLE DE L'IMAGE DANS LE CORPS DE TEXTE SPIP 1780x768px *****/ .spip_documents_left img{width: 60px; height: 60px; margin-left: 63px; margin-top: -12px; background-color: #fbfbfb;} /*** PARTICULARITE RUBRIQUE FORMULAIRE 1780x768px *****/ .spip-content .main .wrapper .content .box-texte .inner-txt-formulaire{ padding: 7px 7px 7px 7px; border-radius: 10px 0px 0px 10px; font-family: Arial,Helvetica,sans-serif; text-align: left;} .spip-content .main .wrapper .content .box-texte .inner-txt-formulaire .bg-texte-formulaire{ border-radius: 7px 7px 7px 7px; background-color: rgba(255, 255, 255, 0.85); border: 1px solid #fff;float: left; overflow: auto; padding: 0px 210px 20px 121px; text-align: left; float: left; overflow: auto; border-radius: 5px; color: #808080; font-family: Arial,Helvetica,sans-serif; text-align: left; font-size: 14px; line-height: 15px; width: 990px; height: 409px;} /*** PARTICULARITE RUBRIQUE SIMPLE 1780x768px *****/ .spip-content .main .wrapper .content .box-texte .inner-txt-simple{ padding: 7px 7px 7px 7px; border-radius: 10px 0px 0px 10px; font-family: Arial,Helvetica,sans-serif; text-align: left;} .spip-content .main .wrapper .content .box-texte .inner-txt-simple .bg-texte-simple{ border-radius: 7px 7px 7px 7px; background-color: rgba(255, 255, 255, 0.85); border: 1px solid #fff;float: left; overflow: auto; padding: 40px 160px 0px 160px; text-align: left; float: left; overflow: auto; border-radius: 5px; color: #808080; font-family: Arial,Helvetica,sans-serif; text-align: left; font-size: 19px; line-height: 21px; width: 1001px; height: 389px;} /*** POUR LE PETIT MENU des SOUS RUBRIQUES en haut à droite 1780x768px *****/ .spip-content .main #menu_rubriques1 { position: absolute; text-align: left; width: 118px; height: 445px; z-index: 1000; top: -91px; padding-right: 20px; left: 1339px; background-color: rgba(241, 241, 241, 0.7); border-top-left-radius: 0px; border-bottom-left-radius: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 12px; border: 1px solid #fff; } .spip-content .main #menu_rubriques1 li{ font-size: .8em; margin-left: -1px; list-style: none; float: right; margin-top: -15px; } .spip-content .main #menu_rubriques1 li ul li{ font-size: 1em; margin-left: 0em;} .spip-content .main #menu_rubriques1 { list-style-type:none; } .spip-content .main #menu_rubriques1 li { list-style-type: none; } .spip-content .main #menu_rubriques1 li li { list-style-type: none; } .spip-content .main #menu_rubriques1 li li li { list-style-type: none; } .spip-content .main #menu_rubriques1 hr {margin : 0.7em 0;} .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li { width: 114px; } .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li:hover { width: 114px; } .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li .spip_logos_rappel { height: 90px; width: 90px; margin-bottom: 10px; padding-left: 19px; margin-top: 15px;} .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li:hover .spip_logos_rappel {} .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li .spip_titre_rappel { position: absolute; width: 106px; margin-top: -21px; margin-left: 11px; font-family: "Fugaz One"; text-align: center; font-size: 12px; line-height: 15px; list-style: none;} .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li:hover .spip_titre_rappel { } /*** Les currents 1780x768px ***/ .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li .nav_current_rub{ display: none;width: 120px; } .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li .nav_current_rub .spip_logos_rappel { width: 80px; height: 80px; padding-left: 18px; padding-top: 18px; padding-bottom: 10px;} .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li .nav_current_rub .spip_titre_rappel { position: absolute; width: 120px; margin-top: -14px; margin-left:-1px; text-align: center; font-size: 14px; line-height: 14px; list-style: none; } /*** FIN de 1780x768px *****/ } /***** MEDIA QUERY SOUS MON AILE 1780x900px *****/ @media screen and (min-width: 1780px) and (max-width:1899px) and (min-height:900px) and (max-height: 1023px){ /**** SPIP CONTENT 1780x900px *****/ .contenu-mobil.spip-content{ display: none;} .contenu-desktop.spip-content{ display: block; width: 1615px; height: 753px; margin-top: 0px;} /*** FIL d'ARIANE SPIP 1780x900px *****/ .spip-content .ariane{ width: 1600px; z-index:100; top: 10px; } .spip-content .ariane .arbo{ padding-left: 10px; padding-right: 10px; font-size: 18px; line-height: 18px; width: auto; text-shadow: 0 0 1px #FFFFFF, 0 0 1px #FFFFFF, 0 0 2px #FFFFFF, 0 0 5px #FFFFFF;} /*** CONTNER CONTENU SPIP 1780x900px *****/ .spip-content .main { width: 1615px; height: 440px; margin-left: 0px; top: 74px;} .spip-content .main .wrapper .content { width: 1615px; height: 686px;} /*** TITRES TITRE DE LA RUBRIQUE-1 1780x900px *****/ .titre-sma{ display: none; font-size: 20px; line-height: 2px; margin-top: 89px; padding-left: 138px; text-shadow: 0 0 1px #FFFFFF, 0 0 1px #FFFFFF, 0 0 2px #FFFFFF, 0 0 5px #FFFFFF, 0 0 10px #FFFFFF, 0 0 16px #FFFFFF; } .spip-content .main .wrapper .content .container2 { width: 1795px; margin-left:0px; margin-top: 0px;} /*** TITRES TITRE DE LA SOUS-RUBRIQUE-1 1780x900px *****/ h1.titre-sma-rub1, h1.titre-sma-ssrub{ font-size: 32px; margin-left: 150px; line-height: 125px; top: 0px; text-shadow: 0 0 1px #FFFFFF, 0 0 1px #FFFFFF, 0 0 2px #FFFFFF, 0 0 5px #FFFFFF, 0 0 10px #FFFFFF, 0 0 16px #FFFFFF;} h1.titre-sma-rub1 .spip_logos , h1.titre-sma-ssrub .spip_logos { margin: 11px 0 0 -56px; width: 110px; height: 110px; } h1.titre-sma-rub1 .descriptif, h1.titre-sma-ssrub .descriptif{ font-size: 20px; line-height: 2px; top: 90px; margin-left: 0px; width : 1400px;} /*** TEXTE DE LA RUBRIQUE-1 1780x900px *****/ .spip-content .main .wrapper .content .texte-rub1{ border-radius: 8px; font-size: 20px; left: 140px; line-height: 22px; top: 110px; padding: 10px 15px 3px 55px; width: 1236px;} .spip-content .main #menu_rubriques2 { width: 1600px; height: 350px; left: 70px; top: 250px;} .spip-content .main #menu_rubriques2 li{ font-size: .8em; margin-left: -1px; margin-top: -15px; } /*** LES BLOCS 1780x900px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li { width: 265px; height: 352px; z-index: 1;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:hover{ width: 265px; height: 352px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child{ left: 1130px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2){ left: 850px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3){ left: 580px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4){ left: 310px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child{ left: 50px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child {border-top-right-radius: 16px; border-bottom-right-radius: 16px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2), .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3), .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4){ margin-left: 10px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child{ border-top-left-radius: 16px; border-bottom-left-radius: 16px; } /*** LES CADRES-INNER 1780x900px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner{ width: 265px; height: 352px; padding-top: 7px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child:hover .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2):hover .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3):hover .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4):hover .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child:hover .cadre-inner{ width: 265px; height: 352px; padding-top: 7px; } .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner { border-top-right-radius: 15px; border-bottom-right-radius: 15px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner{} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner { border-top-left-radius: 15px; border-bottom-left-radius: 15px;} /*** LES CADRES-ITEM 1780x900px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item{ width: 249px; height: 424px; margin-left: 7px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item{ border-top-left-radius: 12px; border-bottom-left-radius: 12px; border-top-right-radius: 12px; border-bottom-right-radius: 12px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item{ border-top-left-radius: 12px; border-bottom-left-radius: 12px; border-top-right-radius: 12px; border-bottom-right-radius: 12px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item{ border-top-left-radius: 12px; border-bottom-left-radius: 12px; border-top-right-radius: 12px; border-bottom-right-radius: 12px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child:hover .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2):hover .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3):hover .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4):hover .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child:hover .cadre-inner .cadre-item{ box-shadow: 0 0 2px #FFFFFF, 0 0 5px #FFFFFF, 0 0 10px #ffffff, 0 0 18px #ffffff; } .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child:hover .cadre-inner .cadre-item{ border-top-left-radius: 12px; border-bottom-left-radius: 12px; border-top-right-radius: 12px; border-bottom-right-radius: 12px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2):hover .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3):hover .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4):hover .cadre-inner .cadre-item{ border-top-left-radius: 12px; border-bottom-left-radius: 12px; border-top-right-radius: 12px; border-bottom-right-radius: 12px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child:hover .cadre-inner .cadre-item{ border-top-left-radius: 12px; border-bottom-left-radius: 12px; border-top-right-radius: 12px; border-bottom-right-radius: 12px;} /*** LES CADRES-ITEM-FINAL 1780x900px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final{ width: 233px; height: 408px; margin-left: 7px; margin-top: 7px; } /*** CADRE ITEM FIX ***/ /*** Gradient Red ***/ /*** Gradient Orange ***/ /*** Gradient Yellow ***/ /*** Gradient Green ***/ /*** Gradient Blue ***/ /** COLOR INSIDE = DEGRADE GRIS 1780x900px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final .color-inside{ width: 225px; height: 400px; left: 19px; margin-top: 3px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final .color-inside{ border-top-left-radius: 4px; border-bottom-left-radius: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final .color-inside{ border-top-left-radius: 4px; border-bottom-left-radius: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final .color-inside{ border-top-left-radius: 4px; border-bottom-left-radius: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final{ border-top-left-radius: 7px; border-bottom-left-radius: 7px; border-top-right-radius: 7px; border-bottom-right-radius: 7px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final{ border-top-left-radius: 7px; border-bottom-left-radius: 7px; border-top-right-radius: 7px; border-bottom-right-radius: 7px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final{ border-top-left-radius: 7px; border-bottom-left-radius: 7px; border-top-right-radius: 7px; border-bottom-right-radius: 7px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child:hover .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2):hover .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3):hover .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4):hover .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child:hover .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child:hover .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2):hover .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3):hover .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4):hover .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child:hover .cadre-inner .cadre-item .cadre-item-final{ width: 233px; height: 408px; margin-left: 7px; margin-top: 7px;} /*** Les LOGOS 1780x900px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .spip_logos_rappel{ height: 200px; margin-left: 14px; margin-top: -18px; width: 200px; position: absolute;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child:hover .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2):hover .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3):hover .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4):hover .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child:hover .cadre-inner .spip_logos_rappel{ height: 200px; margin-left: 14px; margin-top: -18px; width: 200px;} /*** Les TITRES 1780x900px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li .spip_titre_rappel { font-size: 21px; line-height: 23px; margin-left: 7px; padding: 10px 40px; text-align: center; text-shadow: 0 0 1px #FFFFFF, 0 0 1px #FFFFFF, 0 0 2px #FFFFFF, 0 0 5px #FFFFFF, 0 0 10px #FFFFFF, 0 0 16px #FFFFFF; top: 150px; width: 141px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:hover .spip_titre_rappel{ text-shadow: 0 0 1px #FFFFFF, 0 0 1px #FFFFFF, 0 0 2px #FFFFFF, 0 0 5px #FFFFFF, 0 0 10px #FFFFFF, 0 0 16px #FFFFFF;} /*** Les DESCRIPTIFS V1 avec titre sur 1 ligne 1780x900px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li .spip_descriptif_item-rappel{ display: block; width: 200px; margin-top: 0px; margin-left: 19px; font-size: 13px; line-height: 15px; padding: 10px 5px 1px 15px; border-radius: 10px;} /*** Les DESCRIPTIFS V2 avec titre sur 2 lignes 1780x900px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li .spip_descriptif_item-rappel2{ border-radius: 5px; display: block; font-size: 12px; line-height: 14px; margin-left: 10px; margin-top: 232px; padding: 10px 10px 1px 10px; width: 183px; height: 143px;} /*** POUR Les BTNS COULEURS(noir en fait) 1780x900px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final .color-inside .mon-btn-color, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final .color-inside .mon-btn-color, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final .color-inside .mon-btn-color, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final .color-inside .mon-btn-color, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final .color-inside .mon-btn-color{ border-radius: 10px; color: #FFFFFF; font-size: 15px; left: 0; line-height: 8px; margin-left: 59px; margin-top: -50px; padding: 10px; width: 39.5%; z-index: 1000;} /*** POUR Les BTNS NOIR 1780x900px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final-fix .color-inside .mon-btn, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside .mon-btn, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside .mon-btn, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside .mon-btn, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final-fix .color-inside .mon-btn{ left: 0px; width: 36%; font-size: 16px; line-height: 16px; padding-left: 10px; padding-right: 10px; padding-top: 10px; padding-bottom: 10px; border-radius: 10px; margin-left: 74px; margin-top: 18px; } /*** POUR Les BTNS COULEURS et POUR Les BTNS NOIR 1780x900px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child:hover .cadre-inner .cadre-item .cadre-item-final .color-inside .mon-btn-color, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2):hover .cadre-inner .cadre-item .cadre-item-final .color-inside .mon-btn-color, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3):hover .cadre-inner .cadre-item .cadre-item-final .color-inside .mon-btn-color, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4):hover .cadre-inner .cadre-item .cadre-item-final .color-inside .mon-btn-color, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child:hover .cadre-inner .cadre-item .cadre-item-final .color-inside .mon-btn-color, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child:hover .cadre-inner .cadre-item .cadre-item-final-fix .color-inside .mon-btn, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2):hover .cadre-inner .cadre-item .cadre-item-final-fix .color-inside .mon-btn, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3):hover .cadre-inner .cadre-item .cadre-item-final-fix .color-inside .mon-btn, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4):hover .cadre-inner .cadre-item .cadre-item-final-fix .color-inside .mon-btn, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child:hover .cadre-inner .cadre-item .cadre-item-final-fix .color-inside .mon-btn{ position: absolute; box-shadow: 0px 0px 1px #fff, 0px 0px 1px #fff , 0px 0px 2px #fff , 0px 0px 5px #fff , 0px 0px 10px #fff, 0px 0px 16px #fff; cursor: pointer; text-decoration: none; opacity: 1;} /******************************************************************************* LES SOUS-RUBRIQUE DE CONTENU 1780x900px ************************************************************************************/ /*** CONTENU RUBRIQUES ITEMS 1780x900px *****/ .spip-content .main .wrapper .content .box-texte{ position: absolute; top: 168px; left: 140px; border-radius: 10px 0px 0px 10px; width: 1337px; height: 560px; z-index: 10; text-shadow: none; border-radius: 0px 0px 12px 12px; background-color: rgba(255, 255, 255, 0.25); border: 1px solid #FFFFFF; transition: all 0.35s ease-in-out 0s;} .spip-content .main .wrapper .content .box-texte .inner-txt{ padding: 7px 7px 7px 7px; border-radius: 10px 0px 0px 10px;} .spip-content .main .wrapper .content .box-texte .inner-txt .bg-texte{ width: 1161px; height: 534px; padding: 0px 10px 10px 10px ; border-radius: 7px 0px 0px 7px; background-color: rgba(255, 255, 255, 0.85); border: 1px solid #fff;} .spip-content .main .wrapper .content .box-texte .inner-txt .bg-texte .texte{ border-radius: 5px; color: #808080; float: left; font-family: Arial,Helvetica,sans-serif; font-size: 17px; line-height: 18px; overflow: auto; padding: 30px 70px 1px; text-align: left; width: 1031px; height: 513px;} p { margin: 0 0 -5px;} /*** TEXTE DE LA RUBRIQUE-B 1780x900px *****/ .spip-content .main .wrapper .content .texte-rub1{ border-radius: 8px; font-size: 18px; left: 140px; line-height: 20px; top: 120px; padding: 13px 130px 0 130px; width: 1040px; height: 58px;} .spip-content .main #menu_rubriques1 { width: 1600px; height: 350px; left: 70px; margin-top: 240px;} .spip-content .main #menu_rubriques1 li{ font-size: .8em; margin-left: -1px; margin-top: -15px; } /*** DESCRIPTIF SSRUB 1780x900px *****/ .spip-content .main .wrapper .content .descriptif-ssrub{ background-color: rgba(241, 241, 241, 0.85); border: 1px solid #FFFFFF; border-radius: 8px 8px 0 0; color: #555555; float: left; font-family: Arial,Helvetica,sans-serif; font-size: 20px; line-height: 22px; left: 140px; padding: 18px 160px 0px 160px; position: absolute; text-align: left; top: 90px; width: 1017px; height: 59px;} /*** TAILLE DE L'IMAGE DANS LE CORPS DE TEXTE SPIP 1780x900px *****/ .spip_documents_left img{width: 80px; height: 80px; margin-left: 57px; margin-top: -12px; background-color: #fbfbfb;} /*** PARTICULARITE RUBRIQUE FORMULAIRE 1780x900px *****/ .spip-content .main .wrapper .content .box-texte .inner-txt-formulaire{ padding: 7px 7px 7px 7px; border-radius: 10px 0px 0px 10px; font-family: Arial,Helvetica,sans-serif; text-align: left;} .spip-content .main .wrapper .content .box-texte .inner-txt-formulaire .bg-texte-formulaire{ border-radius: 7px 7px 7px 7px; background-color: rgba(255, 255, 255, 0.85); border: 1px solid #fff; float: left; overflow: auto; padding: 2px 160px 20px 80px; text-align: left; float: left; overflow: auto; border-radius: 5px; color: #808080; font-family: Arial,Helvetica,sans-serif; text-align: left; font-size: 17px; line-height: 19px; width: 1080px; height: 522px;} /*** PARTICULARITE RUBRIQUE SIMPLE 1780x900px *****/ .spip-content .main .wrapper .content .box-texte .inner-txt-simple{ padding: 7px 7px 7px 7px; border-radius: 10px 0px 0px 10px; font-family: Arial,Helvetica,sans-serif; text-align: left;} .spip-content .main .wrapper .content .box-texte .inner-txt-simple .bg-texte-simple{ border-radius: 7px 7px 7px 7px; background-color: rgba(255, 255, 255, 0.85); border: 1px solid #fff; float: left; overflow: auto; padding: 40px 160px 0px 160px; text-align: left; float: left; overflow: auto; border-radius: 5px; color: #808080; font-family: Arial,Helvetica,sans-serif; text-align: left; font-size: 19px; line-height: 21px; width: 1001px; height: 504px;} /*** POUR LE PETIT MENU des SOUS RUBRIQUES en haut à droite 1780x900px *****/ .spip-content .main #menu_rubriques1 { position: absolute; text-align: left; width: 118px; height: 560px; z-index: 1000; top: -72px; padding-right: 20px; left: 1339px; background-color: rgba(241, 241, 241, 0.7); border-top-left-radius: 0px; border-bottom-left-radius: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 12px; border: 1px solid #fff; } .spip-content .main #menu_rubriques1 li{ font-size: .8em; margin-left: -1px; list-style: none; float: right; margin-top: -15px; } .spip-content .main #menu_rubriques1 li ul li{ font-size: 1em; margin-left: 0em;} .spip-content .main #menu_rubriques1 { list-style-type:none; } .spip-content .main #menu_rubriques1 li { list-style-type: none; } .spip-content .main #menu_rubriques1 li li { list-style-type: none; } .spip-content .main #menu_rubriques1 li li li { list-style-type: none; } .spip-content .main #menu_rubriques1 hr {margin : 0.7em 0;} .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li { width: 114px; } .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li:hover { width: 114px; } .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li .spip_logos_rappel { height: 120px; width: 120px; margin-bottom: 10px; padding-left: 3px; margin-top: 17px;} .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li:hover .spip_logos_rappel {} .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li .spip_titre_rappel { position: absolute; width: 120px; margin-top: -24px; margin-left: 4px; font-family: "Fugaz One"; text-align: center; font-size: 14px; line-height: 16px; list-style: none;} .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li:hover .spip_titre_rappel { } /*** Les currents 1780x900px ***/ .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li .nav_current_rub{ display: none;width: 120px; } .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li .nav_current_rub .spip_logos_rappel { width: 80px; height: 80px; padding-left: 18px; padding-top: 18px; padding-bottom: 10px;} .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li .nav_current_rub .spip_titre_rappel { position: absolute; width: 120px; margin-top: -14px; margin-left:-1px; text-align: center; font-size: 14px; line-height: 14px; list-style: none; } /*** FIN de 1780x900px *****/ } /***** MEDIA QUERY SOUS MON AILE 1780x1024px *****/ @media screen and (min-width: 1780px) and (max-width:1899px) and (min-height: 1024px) and (max-height: 1049px){ /**** SPIP CONTENT 1780x1024px *****/ .contenu-mobil.spip-content{ display: none;} .contenu-desktop.spip-content{ display: block; width: 1615px; height: 851px; margin-top: 0px;} /*** FIL d'ARIANE SPIP 1780x1024px *****/ .spip-content .ariane{ width: 1600px; z-index:100; top: 10px; } .spip-content .ariane .arbo{ padding-left: 10px; padding-right: 10px; font-size: 18px; line-height: 18px; width: auto; text-shadow: 0 0 1px #FFFFFF, 0 0 1px #FFFFFF, 0 0 2px #FFFFFF, 0 0 5px #FFFFFF;} /*** CONTNER CONTENU SPIP 1780x1024x *****/ .spip-content .main { width: 1616px; height: 700px; margin-left: 0px; top: 74px;} .spip-content .main .wrapper .content {} /*** TITRES TITRE DE LA RUBRIQUE-1 1780x1024px *****/ .titre-sma{ display: none; font-size: 20px; line-height: 2px; margin-top: 89px; padding-left: 138px; text-shadow: 0 0 1px #FFFFFF, 0 0 1px #FFFFFF, 0 0 2px #FFFFFF, 0 0 5px #FFFFFF, 0 0 10px #FFFFFF, 0 0 16px #FFFFFF; } .spip-content .main .wrapper .content .container2 { width: 1795px; margin-left:0px; margin-top: 0px;} /*** TITRES TITRE DE LA SOUS-RUBRIQUE-1 1780x1024px *****/ h1.titre-sma-rub1, h1.titre-sma-ssrub{ font-size: 42px; left: 140px; line-height: 135px; top: -10px; text-shadow: 0 0 1px #FFFFFF, 0 0 1px #FFFFFF, 0 0 2px #FFFFFF, 0 0 5px #FFFFFF, 0 0 10px #FFFFFF, 0 0 16px #FFFFFF;} h1.titre-sma-rub1 .spip_logos , h1.titre-sma-ssrub .spip_logos { margin: 11px 0 0 -56px; width: 120px; height: 120px; } h1.titre-sma-rub1 .descriptif, h1.titre-sma-ssrub .descriptif{ font-size: 20px; line-height: 2px; top: 100px; left: 0px; width : 1400px;} /*** TEXTE DE LA RUBRIQUE-1 1780x1024px *****/ .spip-content .main .wrapper .content .texte-rub1{ border-radius: 8px; font-size: 20px; left: 140px; line-height: 22px; margin-top: 120px; padding: 10px 5px 3px 55px; width: 1447px;} .spip-content .main #menu_rubriques2 { width: 1600px; height: 350px; left: 70px; margin-top: 220px;} .spip-content .main #menu_rubriques2 li{ font-size: .8em; margin-left: -1px; margin-top: -15px; } /*** LES BLOCS 1780x1024px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li { width: 265px; height: 502px; z-index: 1;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:hover{ width: 265px; height: 502px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child{ left: 1130px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2){ left: 850px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3){ left: 580px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4){ left: 310px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child{ left: 50px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child {border-top-right-radius: 16px; border-bottom-right-radius: 16px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2), .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3), .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4){ margin-left: 10px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child{ border-top-left-radius: 16px; border-bottom-left-radius: 16px; } /*** LES CADRES-INNER 1780x1024px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner{ width: 265px; height: 485px; padding-top: 7px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child:hover .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2):hover .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3):hover .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4):hover .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child:hover .cadre-inner{ width: 265px; height: 485px; padding-top: 7px; } .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner { border-top-right-radius: 15px; border-bottom-right-radius: 15px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner{} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner { border-top-left-radius: 15px; border-bottom-left-radius: 15px;} /*** LES CADRES-ITEM 1780x1024px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item{ width: 249px; height: 486px; margin-left: 7px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item{ border-top-left-radius: 12px; border-bottom-left-radius: 12px; border-top-right-radius: 12px; border-bottom-right-radius: 12px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item{ border-top-left-radius: 12px; border-bottom-left-radius: 12px; border-top-right-radius: 12px; border-bottom-right-radius: 12px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item{ border-top-left-radius: 12px; border-bottom-left-radius: 12px; border-top-right-radius: 12px; border-bottom-right-radius: 12px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child:hover .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2):hover .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3):hover .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4):hover .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child:hover .cadre-inner .cadre-item{ box-shadow: 0 0 2px #FFFFFF, 0 0 5px #FFFFFF, 0 0 10px #ffffff, 0 0 18px #ffffff; } .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child:hover .cadre-inner .cadre-item{ border-top-left-radius: 12px; border-bottom-left-radius: 12px; border-top-right-radius: 12px; border-bottom-right-radius: 12px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2):hover .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3):hover .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4):hover .cadre-inner .cadre-item{ border-top-left-radius: 12px; border-bottom-left-radius: 12px; border-top-right-radius: 12px; border-bottom-right-radius: 12px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child:hover .cadre-inner .cadre-item{ border-top-left-radius: 12px; border-bottom-left-radius: 12px; border-top-right-radius: 12px; border-bottom-right-radius: 12px;} /*** LES CADRES-ITEM-FINAL 1780x1024px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final{ width: 233px; height: 470px; margin-left: 7px; margin-top: 7px; } /*** CADRE ITEM FIX ***/ /*** Gradient Red ***/ /*** Gradient Orange ***/ /*** Gradient Yellow ***/ /*** Gradient Green ***/ /*** Gradient Blue ***/ /** COLOR INSIDE = DEGRADE GRIS 1780x1024px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final .color-inside{ width: 225px; height: 462px; left: 19px; margin-top: 3px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final .color-inside{ border-top-left-radius: 4px; border-bottom-left-radius: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final .color-inside{ border-top-left-radius: 4px; border-bottom-left-radius: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final .color-inside{ border-top-left-radius: 4px; border-bottom-left-radius: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final{ border-top-left-radius: 7px; border-bottom-left-radius: 7px; border-top-right-radius: 7px; border-bottom-right-radius: 7px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final{ border-top-left-radius: 7px; border-bottom-left-radius: 7px; border-top-right-radius: 7px; border-bottom-right-radius: 7px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final{ border-top-left-radius: 7px; border-bottom-left-radius: 7px; border-top-right-radius: 7px; border-bottom-right-radius: 7px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child:hover .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2):hover .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3):hover .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4):hover .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child:hover .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child:hover .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2):hover .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3):hover .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4):hover .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child:hover .cadre-inner .cadre-item .cadre-item-final{ width: 233px; height: 470px; margin-left: 7px; margin-top: 7px;} /*** Les LOGOS 1780x1024px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .spip_logos_rappel{ width: 250px; height: 250px; margin-left: 5px; margin-top: 0px; position: absolute;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child:hover .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2):hover .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3):hover .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4):hover .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child:hover .cadre-inner .spip_logos_rappel{ width: 250px; height: 250px; margin-left: 5px; margin-top: 0px;} /*** Les TITRES 1780x1024px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li .spip_titre_rappel{ font-size: 25px; line-height: 29px; margin-left: -9px; padding: 10px 40px; text-align: center; text-shadow: 0 0 1px #FFFFFF, 0 0 1px #FFFFFF, 0 0 2px #FFFFFF, 0 0 5px #FFFFFF, 0 0 10px #FFFFFF, 0 0 16px #FFFFFF; top: 192px; width: 168px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:hover .spip_titre_rappel{ text-shadow: 0 0 1px #FFFFFF, 0 0 1px #FFFFFF, 0 0 2px #FFFFFF, 0 0 5px #FFFFFF, 0 0 10px #FFFFFF, 0 0 16px #FFFFFF;} /*** Les DESCRIPTIFS V1 avec titre sur 1 ligne 1780x1024px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li .spip_descriptif_item-rappel{ display: block; width: 200px; margin-top: 0px; margin-left: 19px; font-size: 13px; line-height: 15px; padding: 10px 5px 1px 15px; border-radius: 10px;} /*** Les DESCRIPTIFS V2 avec titre sur 2 lignes 1780x1024px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li .spip_descriptif_item-rappel2{ border-radius: 5px; display: block; font-size: 12px; line-height: 14px; margin-left: 10px; margin-top: 285px; padding: 10px 10px 1px 10px; width: 183px; height: 153px;} /*** POUR Les BTNS COULEURS(noir en fait) 1780x1024px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final .color-inside .mon-btn-color, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final .color-inside .mon-btn-color, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final .color-inside .mon-btn-color, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final .color-inside .mon-btn-color, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final .color-inside .mon-btn-color{ border-radius: 10px; color: #FFFFFF; font-size: 15px; left: 0; line-height: 8px; margin-left: 59px; margin-top: -50px; padding: 10px; width: 39.5%; z-index: 1000;} /*** POUR Les BTNS NOIR 1780x1024px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final-fix .color-inside .mon-btn, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside .mon-btn, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside .mon-btn, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside .mon-btn, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final-fix .color-inside .mon-btn{ left: 0px; width: 36%; font-size: 16px; line-height: 16px; padding-left: 10px; padding-right: 10px; padding-top: 10px; padding-bottom: 10px; border-radius: 10px; margin-left: 74px; margin-top: 18px; } /*** POUR Les BTNS COULEURS et POUR Les BTNS NOIR 1780x1024px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child:hover .cadre-inner .cadre-item .cadre-item-final .color-inside .mon-btn-color, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2):hover .cadre-inner .cadre-item .cadre-item-final .color-inside .mon-btn-color, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3):hover .cadre-inner .cadre-item .cadre-item-final .color-inside .mon-btn-color, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4):hover .cadre-inner .cadre-item .cadre-item-final .color-inside .mon-btn-color, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child:hover .cadre-inner .cadre-item .cadre-item-final .color-inside .mon-btn-color, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child:hover .cadre-inner .cadre-item .cadre-item-final-fix .color-inside .mon-btn, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2):hover .cadre-inner .cadre-item .cadre-item-final-fix .color-inside .mon-btn, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3):hover .cadre-inner .cadre-item .cadre-item-final-fix .color-inside .mon-btn, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4):hover .cadre-inner .cadre-item .cadre-item-final-fix .color-inside .mon-btn, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child:hover .cadre-inner .cadre-item .cadre-item-final-fix .color-inside .mon-btn{ position: absolute; box-shadow: 0px 0px 1px #fff, 0px 0px 1px #fff , 0px 0px 2px #fff , 0px 0px 5px #fff , 0px 0px 10px #fff, 0px 0px 16px #fff; cursor: pointer; text-decoration: none; opacity: 1;} /******************************************************************************* LES SOUS-RUBRIQUE DE CONTENU 1780x1024px ************************************************************************************/ /*** CONTENU RUBRIQUES ITEMS 1780x1024px *****/ .spip-content .main .wrapper .content .box-texte{ position: absolute; top: 168px; left: 140px; border-radius: 10px 0px 0px 10px; width: 1337px; height: 640px; z-index: 10; text-shadow: none; border-radius: 0px 0px 12px 12px; background-color: rgba(255, 255, 255, 0.25); border: 1px solid #FFFFFF; transition: all 0.35s ease-in-out 0s;} .spip-content .main .wrapper .content .box-texte .inner-txt{ padding: 7px 7px 7px 7px; border-radius: 10px 0px 0px 10px;} .spip-content .main .wrapper .content .box-texte .inner-txt .bg-texte{ width: 1162px; height: 614px; padding: 0px 10px 10px 10px ; border-radius: 7px 0px 0px 7px; background-color: rgba(255, 255, 255, 0.85); border: 1px solid #fff;} .spip-content .main .wrapper .content .box-texte .inner-txt .bg-texte .texte{ border-radius: 5px; color: #808080; float: left; font-family: Arial,Helvetica,sans-serif; font-size: 16px; height: 564px; line-height: 20px; overflow: auto; padding: 42px 90px 20px; text-align: left; width: 992px;} p { margin: 0 0 0px;} /*** TEXTE DE LA RUBRIQUE-B 1780x1024px *****/ .spip-content .main .wrapper .content .texte-rub1{ border-radius: 8px; font-size: 19px; left: 140px; line-height: 21px; top: 10px; padding: 12px 130px 0 130px; width: 1070px; height: 58px;} .spip-content .main #menu_rubriques1 { width: 1600px; height: 350px; left: 70px; margin-top: 240px;} .spip-content .main #menu_rubriques1 li{ font-size: .8em; margin-left: -1px; margin-top: -15px; } /*** DESCRIPTIF SSRUB 1780x1024px *****/ .spip-content .main .wrapper .content .descriptif-ssrub{ background-color: rgba(241, 241, 241, 0.85); border: 1px solid #FFFFFF; border-radius: 8px 8px 0 0; color: #555555; float: left; font-family: Arial,Helvetica,sans-serif; font-size: 20px; line-height: 22px; left: 140px; padding: 18px 160px 0px 160px; position: absolute; text-align: left; top: 90px; width: 1017px; height: 59px;} /*** TAILLE DE L'IMAGE DANS LE CORPS DE TEXTE SPIP 1780x1050px *****/ .spip_documents_left img{width: 100px; height: 100px; margin-left: 37px; margin-top: -18px; background-color: #fbfbfb;} /*** PARTICULARITE RUBRIQUE FORMULAIRE 1780x1024px *****/ .spip-content .main .wrapper .content .box-texte .inner-txt-formulaire{ padding: 7px 7px 7px 7px; border-radius: 10px 0px 0px 10px; font-family: Arial,Helvetica,sans-serif; text-align: left;} .spip-content .main .wrapper .content .box-texte .inner-txt-formulaire .bg-texte-formulaire{ border-radius: 7px 7px 7px 7px; background-color: rgba(255, 255, 255, 0.85); border: 1px solid #fff; float: left; overflow: auto; padding: 2px 160px 20px 80px; text-align: left; float: left; overflow: auto; border-radius: 5px; color: #808080; font-family: Arial,Helvetica,sans-serif; text-align: left; font-size: 18px; line-height: 20px; width: 1080px; height: 602px;} /*** PARTICULARITE RUBRIQUE SIMPLE 1780x1024px *****/ .spip-content .main .wrapper .content .box-texte .inner-txt-simple{ padding: 7px 7px 7px 7px; border-radius: 10px 0px 0px 10px; font-family: Arial,Helvetica,sans-serif; text-align: left;} .spip-content .main .wrapper .content .box-texte .inner-txt-simple .bg-texte-simple{ border-radius: 7px 7px 7px 7px; background-color: rgba(255, 255, 255, 0.85); border: 1px solid #fff; float: left; overflow: auto; padding: 40px 160px 0px 160px; text-align: left; float: left; overflow: auto; border-radius: 5px; color: #808080; font-family: Arial,Helvetica,sans-serif; text-align: left; font-size: 19px; line-height: 21px; width: 1001px; height: 583px;} /*** POUR LE PETIT MENU des SOUS RUBRIQUES en haut à droite 1780x1024x *****/ .spip-content .main #menu_rubriques1 { position: absolute; text-align: left; width: 118px; height: 640px; z-index: 1000; top: -72px; padding-right: 20px; left: 1339px; background-color: rgba(241, 241, 241, 0.7); border-top-left-radius: 0px; border-bottom-left-radius: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 12px; border: 1px solid #fff; } .spip-content .main #menu_rubriques1 li{ font-size: .8em; margin-left: -1px; list-style: none; float: right; margin-top: -15px; } .spip-content .main #menu_rubriques1 li ul li{ font-size: 1em; margin-left: 0em;} .spip-content .main #menu_rubriques1 { list-style-type:none; } .spip-content .main #menu_rubriques1 li { list-style-type: none; } .spip-content .main #menu_rubriques1 li li { list-style-type: none; } .spip-content .main #menu_rubriques1 li li li { list-style-type: none; } .spip-content .main #menu_rubriques1 hr {margin : 0.7em 0;} .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li { width: 114px; } .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li:hover { width: 114px; } .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li .spip_logos_rappel { height: 130px; width: 130px; margin-bottom: 10px; padding-left: 0px; margin-top: 20px;} .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li:hover .spip_logos_rappel {} .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li .spip_titre_rappel { position: absolute; width: 120px; margin-top: -20px; margin-left: 4px; font-family: "Fugaz One"; text-align: center; font-size: 16px; line-height: 18px; list-style: none;} .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li:hover .spip_titre_rappel { } /*** Les currents 1780x1024px ***/ .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li .nav_current_rub{ display: none;width: 120px; } .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li .nav_current_rub .spip_logos_rappel { width: 80px; height: 80px; padding-left: 18px; padding-top: 18px; padding-bottom: 10px;} .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li .nav_current_rub .spip_titre_rappel { position: absolute; width: 120px; margin-top: -14px; margin-left:-1px; text-align: center; font-size: 14px; line-height: 14px; list-style: none; } /*** FIN de 1780x1024px *****/ } /***** MEDIA QUERY SOUS MON AILE 1780x1050px *****/ @media screen and (min-width: 1780px) and (max-width:1899px) and (min-height: 1050px) and (max-height: 1080px){ /**** SPIP CONTENT 1780x1050px *****/ .contenu-mobil.spip-content{ display: none;} .contenu-desktop.spip-content{ display: block; width: 1616px; height: 799px; margin-top: 0px;} /*** FIL d'ARIANE SPIP 17820x1050px *****/ .spip-content .ariane{ width: 1600px; z-index:100; top: 10px; } .spip-content .ariane .arbo{ padding-left: 10px; padding-right: 10px; font-size: 18px; line-height: 18px; width: auto; text-shadow: 0 0 1px #FFFFFF, 0 0 1px #FFFFFF, 0 0 2px #FFFFFF, 0 0 5px #FFFFFF;} /*** CONTNER CONTENU SPIP 1780x1050px *****/ .spip-content .main { width: 1616px; height: 700px; margin-left: 0px; top: 114px;} .spip-content .main .wrapper .content {} /*** TITRES TITRE DE LA RUBRIQUE-1 1780x1050px *****/ .titre-sma{ display: none; font-size: 20px; line-height: 2px; margin-top: 89px; padding-left: 138px; text-shadow: 0 0 1px #FFFFFF, 0 0 1px #FFFFFF, 0 0 2px #FFFFFF, 0 0 5px #FFFFFF, 0 0 10px #FFFFFF, 0 0 16px #FFFFFF; } .spip-content .main .wrapper .content .container2 { width: 1616px; margin-left:0px; margin-top: 0px;} /*** TITRES TITRE DE LA SOUS-RUBRIQUE-1 1780x1050px *****/ h1.titre-sma-rub1, h1.titre-sma-ssrub{ font-size: 42px; left: 140px; line-height: 135px; top: -10px; text-shadow: 0 0 1px #FFFFFF, 0 0 1px #FFFFFF, 0 0 2px #FFFFFF, 0 0 5px #FFFFFF, 0 0 10px #FFFFFF, 0 0 16px #FFFFFF;} h1.titre-sma-rub1 .spip_logos , h1.titre-sma-ssrub .spip_logos { margin: 11px 0 0 -56px; width: 120px; height: 120px; } h1.titre-sma-rub1 .descriptif, h1.titre-sma-ssrub .descriptif{ font-size: 20px; line-height: 2px; top: 100px; left: 0px; width : 1400px;} /*** TEXTE DE LA RUBRIQUE-1 1780x1050px *****/ .spip-content .main .wrapper .content .texte-rub1{ border-radius: 8px; font-size: 20px; left: 140px; line-height: 22px; margin-top: 120px; padding: 10px 5px 3px 55px; width: 1447px;} .spip-content .main #menu_rubriques2 { width: 1600px; height: 350px; left: 70px; margin-top: 240px;} .spip-content .main #menu_rubriques2 li{ font-size: .8em; margin-left: -1px; margin-top: -15px; } /*** LES BLOCS 1780x1050px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li { width: 265px; height: 502px; z-index: 1;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:hover{ width: 265px; height: 502px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child{ left: 1130px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2){ left: 850px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3){ left: 580px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4){ left: 310px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child{ left: 50px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child {border-top-right-radius: 16px; border-bottom-right-radius: 16px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2), .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3), .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4){ margin-left: 10px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child{ border-top-left-radius: 16px; border-bottom-left-radius: 16px; } /*** LES CADRES-INNER 1780x1050px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner{ width: 265px; height: 485px; padding-top: 7px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child:hover .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2):hover .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3):hover .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4):hover .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child:hover .cadre-inner{ width: 265px; height: 485px; padding-top: 7px; } .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner { border-top-right-radius: 15px; border-bottom-right-radius: 15px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner{} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner { border-top-left-radius: 15px; border-bottom-left-radius: 15px;} /*** LES CADRES-ITEM 1780x1050px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item{ width: 249px; height: 486px; margin-left: 7px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item{ border-top-left-radius: 12px; border-bottom-left-radius: 12px; border-top-right-radius: 12px; border-bottom-right-radius: 12px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item{ border-top-left-radius: 12px; border-bottom-left-radius: 12px; border-top-right-radius: 12px; border-bottom-right-radius: 12px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item{ border-top-left-radius: 12px; border-bottom-left-radius: 12px; border-top-right-radius: 12px; border-bottom-right-radius: 12px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child:hover .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2):hover .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3):hover .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4):hover .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child:hover .cadre-inner .cadre-item{ box-shadow: 0 0 2px #FFFFFF, 0 0 5px #FFFFFF, 0 0 10px #ffffff, 0 0 18px #ffffff; } .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child:hover .cadre-inner .cadre-item{ border-top-left-radius: 12px; border-bottom-left-radius: 12px; border-top-right-radius: 12px; border-bottom-right-radius: 12px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2):hover .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3):hover .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4):hover .cadre-inner .cadre-item{ border-top-left-radius: 12px; border-bottom-left-radius: 12px; border-top-right-radius: 12px; border-bottom-right-radius: 12px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child:hover .cadre-inner .cadre-item{ border-top-left-radius: 12px; border-bottom-left-radius: 12px; border-top-right-radius: 12px; border-bottom-right-radius: 12px;} /*** LES CADRES-ITEM-FINAL 1780x1050px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final{ width: 233px; height: 470px; margin-left: 7px; margin-top: 7px; } /*** CADRE ITEM FIX ***/ /*** Gradient Red ***/ /*** Gradient Orange ***/ /*** Gradient Yellow ***/ /*** Gradient Green ***/ /*** Gradient Blue ***/ /** COLOR INSIDE = DEGRADE GRIS 1780x1050px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final .color-inside{ width: 225px; height: 462px; left: 19px; margin-top: 3px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final .color-inside{ border-top-left-radius: 4px; border-bottom-left-radius: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final .color-inside{ border-top-left-radius: 4px; border-bottom-left-radius: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final .color-inside{ border-top-left-radius: 4px; border-bottom-left-radius: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final{ border-top-left-radius: 7px; border-bottom-left-radius: 7px; border-top-right-radius: 7px; border-bottom-right-radius: 7px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final{ border-top-left-radius: 7px; border-bottom-left-radius: 7px; border-top-right-radius: 7px; border-bottom-right-radius: 7px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final{ border-top-left-radius: 7px; border-bottom-left-radius: 7px; border-top-right-radius: 7px; border-bottom-right-radius: 7px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child:hover .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2):hover .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3):hover .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4):hover .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child:hover .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child:hover .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2):hover .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3):hover .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4):hover .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child:hover .cadre-inner .cadre-item .cadre-item-final{ width: 233px; height: 470px; margin-left: 7px; margin-top: 7px;} /*** Les LOGOS 1780x1050px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .spip_logos_rappel{ width: 250px; height: 250px; margin-left: 5px; margin-top: 0px; position: absolute;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child:hover .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2):hover .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3):hover .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4):hover .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child:hover .cadre-inner .spip_logos_rappel{ width: 250px; height: 250px; margin-left: 5px; margin-top: 0px;} /*** Les TITRES 1780x1050px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li .spip_titre_rappel{ font-size: 25px; line-height: 29px; margin-left: -9px; padding: 10px 40px; text-align: center; text-shadow: 0 0 1px #FFFFFF, 0 0 1px #FFFFFF, 0 0 2px #FFFFFF, 0 0 5px #FFFFFF, 0 0 10px #FFFFFF, 0 0 16px #FFFFFF; top: 192px; width: 168px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:hover .spip_titre_rappel{ text-shadow: 0 0 1px #FFFFFF, 0 0 1px #FFFFFF, 0 0 2px #FFFFFF, 0 0 5px #FFFFFF, 0 0 10px #FFFFFF, 0 0 16px #FFFFFF;} /*** Les DESCRIPTIFS V1 avec titre sur 1 ligne 1780x1050px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li .spip_descriptif_item-rappel{ display: block; width: 200px; margin-top: 0px; margin-left: 19px; font-size: 13px; line-height: 15px; padding: 10px 5px 1px 15px; border-radius: 10px;} /*** Les DESCRIPTIFS V2 avec titre sur 2 lignes 1780x1050px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li .spip_descriptif_item-rappel2{ border-radius: 5px; display: block; font-size: 12px; height: 153px; line-height: 14px; margin-left: 10px; margin-top: 285px; padding: 10px 10px 1px; width: 183px;} /*** POUR Les BTNS COULEURS(noir en fait) 1780x1050px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final .color-inside .mon-btn-color, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final .color-inside .mon-btn-color, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final .color-inside .mon-btn-color, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final .color-inside .mon-btn-color, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final .color-inside .mon-btn-color{ border-radius: 10px; color: #FFFFFF; font-size: 15px; left: 0; line-height: 8px; margin-left: 59px; margin-top: -50px; padding: 10px; width: 39.5%; z-index: 1000;} /*** POUR Les BTNS NOIR 1780x1050px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final-fix .color-inside .mon-btn, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside .mon-btn, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside .mon-btn, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside .mon-btn, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final-fix .color-inside .mon-btn{ left: 0px; width: 36%; font-size: 16px; line-height: 16px; padding-left: 10px; padding-right: 10px; padding-top: 10px; padding-bottom: 10px; border-radius: 10px; margin-left: 74px; margin-top: 18px; } /*** POUR Les BTNS COULEURS et POUR Les BTNS NOIR 1780x1050px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child:hover .cadre-inner .cadre-item .cadre-item-final .color-inside .mon-btn-color, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2):hover .cadre-inner .cadre-item .cadre-item-final .color-inside .mon-btn-color, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3):hover .cadre-inner .cadre-item .cadre-item-final .color-inside .mon-btn-color, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4):hover .cadre-inner .cadre-item .cadre-item-final .color-inside .mon-btn-color, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child:hover .cadre-inner .cadre-item .cadre-item-final .color-inside .mon-btn-color, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child:hover .cadre-inner .cadre-item .cadre-item-final-fix .color-inside .mon-btn, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2):hover .cadre-inner .cadre-item .cadre-item-final-fix .color-inside .mon-btn, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3):hover .cadre-inner .cadre-item .cadre-item-final-fix .color-inside .mon-btn, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4):hover .cadre-inner .cadre-item .cadre-item-final-fix .color-inside .mon-btn, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child:hover .cadre-inner .cadre-item .cadre-item-final-fix .color-inside .mon-btn{ position: absolute; box-shadow: 0px 0px 1px #fff, 0px 0px 1px #fff , 0px 0px 2px #fff , 0px 0px 5px #fff , 0px 0px 10px #fff, 0px 0px 16px #fff; cursor: pointer; text-decoration: none; opacity: 1;} /******************************************************************************* LES SOUS-RUBRIQUE DE CONTENU 1780x1050px ************************************************************************************/ /*** CONTENU RUBRIQUES ITEMS 1780x1050px *****/ .spip-content .main .wrapper .content .box-texte{ position: absolute; top: 168px; left: 140px; border-radius: 10px 0px 0px 10px; width: 1337px; height: 640px; z-index: 10; text-shadow: none; border-radius: 0px 0px 12px 12px; background-color: rgba(255, 255, 255, 0.25); border: 1px solid #FFFFFF; transition: all 0.35s ease-in-out 0s;} .spip-content .main .wrapper .content .box-texte .inner-txt{ padding: 7px 7px 7px 7px; border-radius: 10px 0px 0px 10px;} .spip-content .main .wrapper .content .box-texte .inner-txt .bg-texte{ width: 1162px; height: 614px; padding: 0px 10px 10px 10px ; border-radius: 7px 0px 0px 7px; background-color: rgba(255, 255, 255, 0.85); border: 1px solid #fff;} .spip-content .main .wrapper .content .box-texte .inner-txt .bg-texte .texte{ border-radius: 5px; color: #808080; float: left; font-family: Arial,Helvetica,sans-serif; font-size: 16px; height: 564px; line-height: 20px; overflow: auto; padding: 42px 90px 20px; text-align: left; width: 992px;} p { margin: 0 0 0px;} /*** TEXTE DE LA RUBRIQUE-B 1780x1050px *****/ .spip-content .main .wrapper .content .texte-rub1{ border-radius: 8px; font-size: 19px; left: 140px; line-height: 21px; top: 10px; padding: 12px 130px 0 130px; width: 1070px; height: 58px;} .spip-content .main #menu_rubriques1 { width: 1600px; height: 350px; left: 70px; margin-top: 240px;} .spip-content .main #menu_rubriques1 li{ font-size: .8em; margin-left: -1px; margin-top: -15px; } /*** DESCRIPTIF SSRUB 1780x1050px *****/ .spip-content .main .wrapper .content .descriptif-ssrub{ background-color: rgba(241, 241, 241, 0.85); border: 1px solid #FFFFFF; border-radius: 8px 8px 0 0; color: #555555; float: left; font-family: Arial,Helvetica,sans-serif; font-size: 20px; line-height: 22px; left: 140px; padding: 15px 160px 0px 160px; position: absolute; text-align: left; top: 90px; width: 1017px; height: 62px;} /*** TAILLE DE L'IMAGE DANS LE CORPS DE TEXTE SPIP 1780x1050px *****/ .spip_documents_left img{width: 100px; height: 100px; margin-left: 37px; margin-top: -18px; background-color: #fbfbfb;} /*** PARTICULARITE RUBRIQUE FORMULAIRE 1780x1050px *****/ .spip-content .main .wrapper .content .box-texte .inner-txt-formulaire{ padding: 7px 7px 7px 7px; border-radius: 10px 0px 0px 10px; font-family: Arial,Helvetica,sans-serif; text-align: left;} .spip-content .main .wrapper .content .box-texte .inner-txt-formulaire .bg-texte-formulaire{ border-radius: 7px 7px 7px 7px; background-color: rgba(255, 255, 255, 0.85); border: 1px solid #fff; float: left; overflow: auto; padding: 2px 160px 20px 80px; text-align: left; float: left; overflow: auto; border-radius: 5px; color: #808080; font-family: Arial,Helvetica,sans-serif; text-align: left; font-size: 18px; line-height: 20px; width: 1080px; height: 602px;} /*** PARTICULARITE RUBRIQUE SIMPLE 1780x1050px *****/ .spip-content .main .wrapper .content .box-texte .inner-txt-simple{ padding: 7px 7px 7px 7px; border-radius: 10px 0px 0px 10px; font-family: Arial,Helvetica,sans-serif; text-align: left;} .spip-content .main .wrapper .content .box-texte .inner-txt-simple .bg-texte-simple{ border-radius: 7px 7px 7px 7px; background-color: rgba(255, 255, 255, 0.85); border: 1px solid #fff; float: left; overflow: auto; padding: 60px 160px 0px 160px; text-align: left; float: left; overflow: auto; border-radius: 5px; color: #808080; font-family: Arial,Helvetica,sans-serif; text-align: left; font-size: 19px; line-height: 21px; width: 1001px; height: 564px;} /*** POUR LE PETIT MENU des SOUS RUBRIQUES en haut à droite 1780x1050px *****/ .spip-content .main #menu_rubriques1 { position: absolute; text-align: left; width: 118px; height: 640px; z-index: 1000; top: -72px; padding-right: 20px; left: 1339px; background-color: rgba(241, 241, 241, 0.7); border-top-left-radius: 0px; border-bottom-left-radius: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 12px; border: 1px solid #fff; } .spip-content .main #menu_rubriques1 li{ font-size: .8em; margin-left: -1px; list-style: none; float: right; margin-top: -15px; } .spip-content .main #menu_rubriques1 li ul li{ font-size: 1em; margin-left: 0em;} .spip-content .main #menu_rubriques1 { list-style-type:none; } .spip-content .main #menu_rubriques1 li { list-style-type: none; } .spip-content .main #menu_rubriques1 li li { list-style-type: none; } .spip-content .main #menu_rubriques1 li li li { list-style-type: none; } .spip-content .main #menu_rubriques1 hr {margin : 0.7em 0;} .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li { width: 114px; } .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li:hover { width: 114px; } .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li .spip_logos_rappel { height: 130px; width: 130px; margin-bottom: 10px; padding-left: 0px; margin-top: 20px;} .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li:hover .spip_logos_rappel {} .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li .spip_titre_rappel { position: absolute; width: 120px; margin-top: -20px; margin-left: 4px; font-family: "Fugaz One"; text-align: center; font-size: 16px; line-height: 18px; list-style: none;} .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li:hover .spip_titre_rappel { } /*** Les currents 1780x1050px ***/ .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li .nav_current_rub{ display: none;width: 120px; } .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li .nav_current_rub .spip_logos_rappel { width: 80px; height: 80px; padding-left: 18px; padding-top: 18px; padding-bottom: 10px;} .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li .nav_current_rub .spip_titre_rappel { position: absolute; width: 120px; margin-top: -14px; margin-left:-1px; text-align: center; font-size: 14px; line-height: 14px; list-style: none; } /*** FIN de 1780x1050px *****/ } /***** MEDIA QUERY SOUS MON AILE 1780x1200px *****/ @media screen and (min-width: 1780px) and (max-width:1899px) and (min-height: 1081px) and (max-height: 1549px){ /**** SPIP CONTENT 1780x1200px *****/ .contenu-mobil.spip-content{ display: none;} .contenu-desktop.spip-content{ display: block; width: 1615px; height: 871px; margin-top: 0px;} /*** FIL d'ARIANE SPIP 1780x1200px *****/ .spip-content .ariane{ width: 1600px; z-index:100; top: 10px;} .spip-content .ariane .arbo{ padding-left: 10px; padding-right: 10px; font-size: 18px; line-height: 18px; width: auto; text-shadow: 0 0 1px #FFFFFF, 0 0 1px #FFFFFF, 0 0 2px #FFFFFF, 0 0 5px #FFFFFF;} /*** CONTNER CONTENU SPIP 1780x1200px *****/ .spip-content .main { width: 1615px; height: 440px; margin-left: 0px; top: 114px;} .spip-content .main .wrapper .content { width: 1615px; height: 800px;} /*** TITRES TITRE DE LA RUBRIQUE-1 1780x1200px *****/ .titre-sma{ display: none; font-size: 20px; line-height: 2px; margin-top: 89px; padding-left: 138px; text-shadow: 0 0 1px #FFFFFF, 0 0 1px #FFFFFF, 0 0 2px #FFFFFF, 0 0 5px #FFFFFF, 0 0 10px #FFFFFF, 0 0 16px #FFFFFF; } .spip-content .main .wrapper .content .container2 { width: 1795px; margin-left:0px; margin-top: 0px;} /*** TITRES TITRE DE LA SOUS-RUBRIQUE-1 1780x1200px *****/ h1.titre-sma-rub1, h1.titre-sma-ssrub{ font-size: 42px; left: 140px; line-height: 135px; top: -10px; text-shadow: 0 0 1px #FFFFFF, 0 0 1px #FFFFFF, 0 0 2px #FFFFFF, 0 0 5px #FFFFFF, 0 0 10px #FFFFFF, 0 0 16px #FFFFFF;} h1.titre-sma-rub1 .spip_logos , h1.titre-sma-ssrub .spip_logos { margin: 11px 0 0 -56px; width: 120px; height: 120px; } h1.titre-sma-rub1 .descriptif, h1.titre-sma-ssrub .descriptif{ font-size: 20px; line-height: 2px; top: 100px; left: 0px; width : 1400px;} /*** TEXTE DE LA RUBRIQUE-1 1780x1200px *****/ .spip-content .main .wrapper .content .texte-rub1{ border-radius: 8px; font-size: 20px; left: 140px; line-height: 22px; margin-top: 120px; padding: 10px 15px 3px 55px; width: 1236px;} .spip-content .main #menu_rubriques2 { width: 1546px; height: 509px; left: 85px; margin-top: 240px;} .spip-content .main #menu_rubriques2 li{ font-size: .8em; margin-left: -1px; margin-top: -15px; } /*** LES BLOCS 1780x1200px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li { width: 265px; height: 502px; z-index: 1;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:hover{ width: 265px; height: 502px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child{ left: 1130px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2){ left: 850px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3){ left: 580px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4){ left: 310px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child{ left: 50px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child {border-top-right-radius: 16px; border-bottom-right-radius: 16px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2), .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3), .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4){ margin-left: 10px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child{ border-top-left-radius: 16px; border-bottom-left-radius: 16px; } /*** LES CADRES-INNER 1780x1200px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner{ width: 265px; height: 485px; padding-top: 7px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child:hover .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2):hover .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3):hover .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4):hover .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child:hover .cadre-inner{ width: 265px; height: 485px; padding-top: 7px; } .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner { border-top-right-radius: 15px; border-bottom-right-radius: 15px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner{} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner { border-top-left-radius: 15px; border-bottom-left-radius: 15px;} /*** LES CADRES-ITEM 1780x1200px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item{ width: 249px; height: 486px; margin-left: 7px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item{ border-top-left-radius: 12px; border-bottom-left-radius: 12px; border-top-right-radius: 12px; border-bottom-right-radius: 12px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item{ border-top-left-radius: 12px; border-bottom-left-radius: 12px; border-top-right-radius: 12px; border-bottom-right-radius: 12px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item{ border-top-left-radius: 12px; border-bottom-left-radius: 12px; border-top-right-radius: 12px; border-bottom-right-radius: 12px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child:hover .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2):hover .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3):hover .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4):hover .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child:hover .cadre-inner .cadre-item{ box-shadow: 0 0 2px #FFFFFF, 0 0 5px #FFFFFF, 0 0 10px #ffffff, 0 0 18px #ffffff; } .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child:hover .cadre-inner .cadre-item{ border-top-left-radius: 12px; border-bottom-left-radius: 12px; border-top-right-radius: 12px; border-bottom-right-radius: 12px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2):hover .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3):hover .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4):hover .cadre-inner .cadre-item{ border-top-left-radius: 12px; border-bottom-left-radius: 12px; border-top-right-radius: 12px; border-bottom-right-radius: 12px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child:hover .cadre-inner .cadre-item{ border-top-left-radius: 12px; border-bottom-left-radius: 12px; border-top-right-radius: 12px; border-bottom-right-radius: 12px;} /*** LES CADRES-ITEM-FINAL 1780x1200px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final{ width: 233px; height: 470px; margin-left: 7px; margin-top: 7px; } /*** CADRE ITEM FIX ***/ /*** Gradient Red ***/ /*** Gradient Orange ***/ /*** Gradient Yellow ***/ /*** Gradient Green ***/ /*** Gradient Blue ***/ /** COLOR INSIDE = DEGRADE GRIS 1780x1200px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final .color-inside{ width: 225px; height: 462px; left: 19px; margin-top: 3px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final .color-inside{ border-top-left-radius: 4px; border-bottom-left-radius: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final .color-inside{ border-top-left-radius: 4px; border-bottom-left-radius: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final .color-inside{ border-top-left-radius: 4px; border-bottom-left-radius: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final{ border-top-left-radius: 7px; border-bottom-left-radius: 7px; border-top-right-radius: 7px; border-bottom-right-radius: 7px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final{ border-top-left-radius: 7px; border-bottom-left-radius: 7px; border-top-right-radius: 7px; border-bottom-right-radius: 7px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final{ border-top-left-radius: 7px; border-bottom-left-radius: 7px; border-top-right-radius: 7px; border-bottom-right-radius: 7px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child:hover .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2):hover .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3):hover .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4):hover .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child:hover .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child:hover .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2):hover .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3):hover .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4):hover .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child:hover .cadre-inner .cadre-item .cadre-item-final{ width: 233px; height: 470px; margin-left: 7px; margin-top: 7px;} /*** Les LOGOS 1780x1200px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .spip_logos_rappel{ width: 250px; height: 250px; margin-left: 5px; margin-top: 0px; position: absolute;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child:hover .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2):hover .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3):hover .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4):hover .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child:hover .cadre-inner .spip_logos_rappel{ width: 250px; height: 250px; margin-left: 5px; margin-top: 0px;} /*** Les TITRES 1780x1200px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li .spip_titre_rappel{ font-size: 25px; line-height: 29px; margin-left: -9px; padding: 10px 40px; text-align: center; text-shadow: 0 0 1px #FFFFFF, 0 0 1px #FFFFFF, 0 0 2px #FFFFFF, 0 0 5px #FFFFFF, 0 0 10px #FFFFFF, 0 0 16px #FFFFFF; top: 192px; width: 168px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:hover .spip_titre_rappel{ text-shadow: 0 0 1px #FFFFFF, 0 0 1px #FFFFFF, 0 0 2px #FFFFFF, 0 0 5px #FFFFFF, 0 0 10px #FFFFFF, 0 0 16px #FFFFFF;} /*** Les DESCRIPTIFS V1 avec titre sur 1 ligne 1780x1200px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li .spip_descriptif_item-rappel{ display: block; width: 200px; margin-top: 0px; margin-left: 19px; font-size: 13px; line-height: 15px; padding: 10px 5px 1px 15px; border-radius: 10px;} /*** Les DESCRIPTIFS V2 avec titre sur 2 lignes 1780x1200px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li .spip_descriptif_item-rappel2{ border-radius: 5px; display: block; font-size: 12px; line-height: 14px; margin-left: 10px; margin-top: 285px; padding: 10px 10px 1px 10px; width: 183px; height: 153px;} /*** POUR Les BTNS COULEURS(noir en fait) 1780x1200px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final .color-inside .mon-btn-color, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final .color-inside .mon-btn-color, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final .color-inside .mon-btn-color, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final .color-inside .mon-btn-color, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final .color-inside .mon-btn-color{ border-radius: 10px; color: #FFFFFF; font-size: 15px; left: 0; line-height: 8px; margin-left: 59px; margin-top: -50px; padding: 10px; width: 39.5%; z-index: 1000;} /*** POUR Les BTNS NOIR 1780x1200px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final-fix .color-inside .mon-btn, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside .mon-btn, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside .mon-btn, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside .mon-btn, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final-fix .color-inside .mon-btn{ left: 0px; width: 36%; font-size: 16px; line-height: 16px; padding-left: 10px; padding-right: 10px; padding-top: 10px; padding-bottom: 10px; border-radius: 10px; margin-left: 74px; margin-top: 18px; } /*** POUR Les BTNS COULEURS et POUR Les BTNS NOIR 1780x1200px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child:hover .cadre-inner .cadre-item .cadre-item-final .color-inside .mon-btn-color, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2):hover .cadre-inner .cadre-item .cadre-item-final .color-inside .mon-btn-color, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3):hover .cadre-inner .cadre-item .cadre-item-final .color-inside .mon-btn-color, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4):hover .cadre-inner .cadre-item .cadre-item-final .color-inside .mon-btn-color, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child:hover .cadre-inner .cadre-item .cadre-item-final .color-inside .mon-btn-color, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child:hover .cadre-inner .cadre-item .cadre-item-final-fix .color-inside .mon-btn, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2):hover .cadre-inner .cadre-item .cadre-item-final-fix .color-inside .mon-btn, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3):hover .cadre-inner .cadre-item .cadre-item-final-fix .color-inside .mon-btn, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4):hover .cadre-inner .cadre-item .cadre-item-final-fix .color-inside .mon-btn, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child:hover .cadre-inner .cadre-item .cadre-item-final-fix .color-inside .mon-btn{ position: absolute; box-shadow: 0px 0px 1px #fff, 0px 0px 1px #fff , 0px 0px 2px #fff , 0px 0px 5px #fff , 0px 0px 10px #fff, 0px 0px 16px #fff; cursor: pointer; text-decoration: none; opacity: 1;} /******************************************************************************* LES SOUS-RUBRIQUE DE CONTENU 1780x1200px ************************************************************************************/ /*** CONTENU RUBRIQUES ITEMS 1780x1200px *****/ .spip-content .main .wrapper .content .box-texte{ position: absolute; top: 168px; left: 140px; border-radius: 10px 0px 0px 10px; width: 1337px; height: 640px; z-index: 10; text-shadow: none; border-radius: 0px 0px 12px 12px; background-color: rgba(255, 255, 255, 0.25); border: 1px solid #FFFFFF; transition: all 0.35s ease-in-out 0s;} .spip-content .main .wrapper .content .box-texte .inner-txt{ padding: 7px 7px 7px 7px; border-radius: 10px 0px 0px 10px;} .spip-content .main .wrapper .content .box-texte .inner-txt .bg-texte{ width: 1162px; height: 614px; padding: 0px 10px 10px 10px ; border-radius: 7px 0px 0px 7px; background-color: rgba(255, 255, 255, 0.85); border: 1px solid #fff;} .spip-content .main .wrapper .content .box-texte .inner-txt .bg-texte .texte{ border-radius: 5px; color: #808080; float: left; font-family: Arial,Helvetica,sans-serif; font-size: 16px; height: 564px; line-height: 20px; overflow: auto; padding: 42px 90px 20px; text-align: left; width: 992px;} p { margin: 0 0 0px;} /*** TEXTE DE LA RUBRIQUE-B 1780x1200px *****/ .spip-content .main .wrapper .content .texte-rub1{ border-radius: 8px; font-size: 19px; left: 140px; line-height: 21px; top: 10px; padding: 12px 130px 0 130px; width: 1070px; height: 58px;} .spip-content .main #menu_rubriques1 { width: 1600px; height: 350px; left: 70px; margin-top: 240px;} .spip-content .main #menu_rubriques1 li{ font-size: .8em; margin-left: -1px; margin-top: -15px; } /*** DESCRIPTIF SSRUB 1780x1200px *****/ .spip-content .main .wrapper .content .descriptif-ssrub{ background-color: rgba(241, 241, 241, 0.85); border: 1px solid #FFFFFF; border-radius: 8px 8px 0 0; color: #555555; float: left; font-family: Arial,Helvetica,sans-serif; font-size: 20px; line-height: 25px; left: 140px; padding: 13px 160px 0px 160px; position: absolute; text-align: left; top: 90px; width: 1017px; height: 64px;} /*** TAILLE DE L'IMAGE DANS LE CORPS DE TEXTE SPIP 1780x1200px *****/ .spip_documents_left img{width: 100px; height: 100px; margin-left: 37px; margin-top: -18px; background-color: #fbfbfb;} /*** PARTICULARITE RUBRIQUE FORMULAIRE 1780x1200px *****/ .spip-content .main .wrapper .content .box-texte .inner-txt-formulaire{ padding: 7px 7px 7px 7px; border-radius: 10px 0px 0px 10px; font-family: Arial,Helvetica,sans-serif; text-align: left;} .spip-content .main .wrapper .content .box-texte .inner-txt-formulaire .bg-texte-formulaire{ border-radius: 7px 7px 7px 7px; background-color: rgba(255, 255, 255, 0.85); border: 1px solid #fff; float: left; overflow: auto; padding: 2px 160px 20px 80px; text-align: left; float: left; overflow: auto; border-radius: 5px; color: #808080; font-family: Arial,Helvetica,sans-serif; text-align: left; font-size: 18px; line-height: 20px; width: 1080px; height: 602px;} /*** PARTICULARITE RUBRIQUE SIMPLE 1780x1200px *****/ .spip-content .main .wrapper .content .box-texte .inner-txt-simple{ padding: 7px 7px 7px 7px; border-radius: 10px 0px 0px 10px; font-family: Arial,Helvetica,sans-serif; text-align: left;} .spip-content .main .wrapper .content .box-texte .inner-txt-simple .bg-texte-simple{ border-radius: 7px 7px 7px 7px; background-color: rgba(255, 255, 255, 0.85); border: 1px solid #fff; float: left; overflow: auto; padding: 40px 160px 0px 160px; text-align: left; float: left; overflow: auto; border-radius: 5px; color: #808080; font-family: Arial,Helvetica,sans-serif; text-align: left; font-size: 19px; line-height: 21px; width: 1001px; height: 584px;} /*** POUR LE PETIT MENU des SOUS RUBRIQUES en haut à droite 1780x1200px *****/ .spip-content .main #menu_rubriques1 { position: absolute; text-align: left; width: 118px; height: 640px; z-index: 1000; top: -72px; padding-right: 20px; left: 1339px; background-color: rgba(241, 241, 241, 0.7); border-top-left-radius: 0px; border-bottom-left-radius: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 12px; border: 1px solid #fff; } .spip-content .main #menu_rubriques1 li{ font-size: .8em; margin-left: -1px; list-style: none; float: right; margin-top: -15px; } .spip-content .main #menu_rubriques1 li ul li{ font-size: 1em; margin-left: 0em;} .spip-content .main #menu_rubriques1 { list-style-type:none; } .spip-content .main #menu_rubriques1 li { list-style-type: none; } .spip-content .main #menu_rubriques1 li li { list-style-type: none; } .spip-content .main #menu_rubriques1 li li li { list-style-type: none; } .spip-content .main #menu_rubriques1 hr {margin : 0.7em 0;} .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li { width: 114px; } .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li:hover { width: 114px; } .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li .spip_logos_rappel { height: 130px; width: 130px; margin-bottom: 10px; padding-left: 0px; margin-top: 20px;} .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li:hover .spip_logos_rappel {} .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li .spip_titre_rappel { position: absolute; width: 120px; margin-top: -20px; margin-left: 4px; font-family: "Fugaz One"; text-align: center; font-size: 16px; line-height: 18px; list-style: none;} .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li:hover .spip_titre_rappel { } /*** Les currents 1780x1200px ***/ .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li .nav_current_rub{ display: none;width: 120px; } .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li .nav_current_rub .spip_logos_rappel { width: 80px; height: 80px; padding-left: 18px; padding-top: 18px; padding-bottom: 10px;} .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li .nav_current_rub .spip_titre_rappel { position: absolute; width: 120px; margin-top: -14px; margin-left:-1px; text-align: center; font-size: 14px; line-height: 14px; list-style: none; } /*** FIN de 1780x1200px *****/ } /************************************************************************************************************************ ************************************** MEDIA QUERY SOUS MON AILE 1920px de largeur *********************************** *************************************************************************************************************************/ /***** MEDIA QUERY SOUS MON AILE 1920x600px *****/ @media screen and (min-width: 1900px) and (max-width:2400px) and (min-height: 10px) and (max-height: 749px){ /**** SPIP CONTENT 1920x600px *****/ .contenu-mobil.spip-content{ display: none;} .contenu-desktop.spip-content{ display: block; width: 1795px; height: 468px; margin-top: 0px;} /*** FIL d'ARIANE SPIP 1920x600px *****/ .spip-content .ariane{ width: 1780px; z-index:100; top: 5px; } .spip-content .ariane .arbo{ padding-left: 10px; padding-right: 10px; font-size: 12px; line-height: 22px; width: auto; text-shadow: 0 0 1px #FFFFFF, 0 0 1px #FFFFFF, 0 0 2px #FFFFFF, 0 0 5px #FFFFFF;} /*** CONTNER CONTENU SPIP 1920x600px *****/ .spip-content .main { width: 1795px; height: 440px; margin-left: 0px; top: 74px;} .spip-content .main .wrapper .content { height: 418px; width: 1785px;} /*** TAILLE DU CONTENER FORMAULAIRE 1920x600 *****/ .spip-content .main .wrapper .formulaire { width: 800px;} /*** TITRES TITRE DE LA RUBRIQUE-1 1920x600px *****/ .titre-sma{ display: none; font-size: 20px; line-height: 2px; margin-top: 89px; padding-left: 138px; text-shadow: 0 0 1px #FFFFFF, 0 0 1px #FFFFFF, 0 0 2px #FFFFFF, 0 0 5px #FFFFFF, 0 0 10px #FFFFFF, 0 0 16px #FFFFFF; } .spip-content .main .wrapper .content .container2 { width: 1795px; margin-left:0px; margin-top: 0px;} /*** TITRES TITRE DE LA SOUS-RUBRIQUE-1 1920x600px *****/ h1.titre-sma-rub1, h1.titre-sma-ssrub{ font-size: 24px; left: 140px; line-height: 100px; margin-top: -30px; text-shadow: 0 0 1px #FFFFFF, 0 0 1px #FFFFFF, 0 0 2px #FFFFFF, 0 0 5px #FFFFFF, 0 0 10px #FFFFFF, 0 0 16px #FFFFFF;} h1.titre-sma-rub1 .spip_logos , h1.titre-sma-ssrub .spip_logos { margin: 10px 0 0 -43px; width: 90px; height: 90px; } h1.titre-sma-rub1 .descriptif, h1.titre-sma-ssrub .descriptif{ font-size: 16px; line-height: 2px; margin-top: -27px; margin-left: 0px; width : 1400px;} /*** TEXTE DE LA RUBRIQUE-1 1920x600px *****/ .spip-content .main .wrapper .content .texte-rub1{ border-radius: 8px; font-size: 18px; left: 140px; line-height: 20px; top: 90px; padding: 10px 5px 3px 55px; width: 1447px;} .spip-content .main #menu_rubriques2 { width: 1600px; height: 350px; left: 70px; margin-top: 150px;} .spip-content .main #menu_rubriques2 li{ font-size: .8em; margin-left: -1px; margin-top: -15px; } /*** LES BLOCS 1920x600px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li { width: 305px; height: 292px; z-index: 1;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:hover{ width: 305px; height: 292px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child{ left: 1290px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2){ left: 970px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3){ left: 660px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4){ left: 350px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child{ left: 50px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child {border-top-right-radius: 16px; border-bottom-right-radius: 16px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2), .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3), .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4){ margin-left: 10px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child{ border-top-left-radius: 16px; border-bottom-left-radius: 16px; } /*** LES CADRES-INNER 1920x600px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner{ width: 305px; height: 295px; padding-top: 7px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child:hover .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2):hover .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3):hover .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4):hover .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child:hover .cadre-inner{ width: 305px; height: 295px; padding-top: 7px; } .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner { border-top-right-radius: 15px; border-bottom-right-radius: 15px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner{} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner { border-top-left-radius: 15px; border-bottom-left-radius: 15px;} /*** LES CADRES-ITEM 1920x600px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item{ width: 289px; height: 274px; margin-left: 7px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item{ border-top-left-radius: 12px; border-bottom-left-radius: 12px; border-top-right-radius: 12px; border-bottom-right-radius: 12px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item{ border-top-left-radius: 12px; border-bottom-left-radius: 12px; border-top-right-radius: 12px; border-bottom-right-radius: 12px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item{ border-top-left-radius: 12px; border-bottom-left-radius: 12px; border-top-right-radius: 12px; border-bottom-right-radius: 12px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child:hover .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2):hover .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3):hover .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4):hover .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child:hover .cadre-inner .cadre-item{ box-shadow: 0 0 2px #FFFFFF, 0 0 5px #FFFFFF, 0 0 10px #ffffff, 0 0 18px #ffffff; } .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child:hover .cadre-inner .cadre-item{ border-top-left-radius: 12px; border-bottom-left-radius: 12px; border-top-right-radius: 12px; border-bottom-right-radius: 12px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2):hover .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3):hover .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4):hover .cadre-inner .cadre-item{ border-top-left-radius: 12px; border-bottom-left-radius: 12px; border-top-right-radius: 12px; border-bottom-right-radius: 12px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child:hover .cadre-inner .cadre-item{ border-top-left-radius: 12px; border-bottom-left-radius: 12px; border-top-right-radius: 12px; border-bottom-right-radius: 12px;} /*** LES CADRES-ITEM-FINAL 1920x600px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final{ width: 273px; height: 258px; margin-left: 7px; margin-top: 7px; } /*** CADRE ITEM FIX ***/ /*** Gradient Red ***/ /*** Gradient Orange ***/ /*** Gradient Yellow ***/ /*** Gradient Green ***/ /*** Gradient Blue ***/ /** COLOR INSIDE = DEGRADE GRIS 1920x600px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final .color-inside{ width: 265px; height: 250px; left: 19px; margin-top: 3px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final .color-inside{ border-top-left-radius: 4px; border-bottom-left-radius: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final .color-inside{ border-top-left-radius: 4px; border-bottom-left-radius: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final .color-inside{ border-top-left-radius: 4px; border-bottom-left-radius: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final{ border-top-left-radius: 7px; border-bottom-left-radius: 7px; border-top-right-radius: 7px; border-bottom-right-radius: 7px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final{ border-top-left-radius: 7px; border-bottom-left-radius: 7px; border-top-right-radius: 7px; border-bottom-right-radius: 7px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final{ border-top-left-radius: 7px; border-bottom-left-radius: 7px; border-top-right-radius: 7px; border-bottom-right-radius: 7px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child:hover .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2):hover .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3):hover .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4):hover .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child:hover .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child:hover .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2):hover .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3):hover .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4):hover .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child:hover .cadre-inner .cadre-item .cadre-item-final{ width: 273px; height: 258px; margin-left: 7px; margin-top: 7px;} /*** Les LOGOS 1920x600px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .spip_logos_rappel{ height: 90px; margin-left: 8px; margin-top: -3px; width: 90px; position: absolute;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child:hover .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2):hover .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3):hover .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4):hover .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child:hover .cadre-inner .spip_logos_rappel{ height: 90px; margin-left: 8px; margin-top: -3px; width: 90px;} /*** Les TITRES 1920x600px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li .spip_titre_rappel{ top: 10px; width: 133px; font-size: 19px; line-height: 22px; margin-left: 57px; padding: 10px 40px; text-align: left; text-shadow: 0 0 1px #FFFFFF, 0 0 1px #FFFFFF, 0 0 2px #FFFFFF, 0 0 5px #FFFFFF, 0 0 10px #FFFFFF, 0 0 16px #FFFFFF;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:hover .spip_titre_rappel{ text-shadow: 0 0 1px #FFFFFF, 0 0 1px #FFFFFF, 0 0 2px #FFFFFF, 0 0 5px #FFFFFF, 0 0 10px #FFFFFF, 0 0 16px #FFFFFF;} /*** Les DESCRIPTIFS V1 avec titre sur 1 ligne 1920x600px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li .spip_descriptif_item-rappel{ display: block; width: 200px; margin-top: 0px; margin-left: 19px; font-size: 13px; line-height: 15px; padding: 10px 5px 1px 15px; border-radius: 10px;} /*** Les DESCRIPTIFS V2 avec titre sur 2 lignes 1920x600px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li .spip_descriptif_item-rappel2{ display: block; width: 227px; height: 140px; margin-top: 88px; margin-left: 11px; font-size: 13px; line-height: 15px; padding: 10px 5px 1px 10px; border-radius: 5px;} /*** POUR Les BTNS COULEURS(noir en fait) 1920x600px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final .color-inside .mon-btn-color, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final .color-inside .mon-btn-color, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final .color-inside .mon-btn-color, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final .color-inside .mon-btn-color, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final .color-inside .mon-btn-color{ border-radius: 10px; color: #FFFFFF; font-size: 15px; left: 0; line-height: 8px; margin-left: 77px; margin-top: -50px; padding: 10px; width: 33.5%; z-index: 1000;} /*** POUR Les BTNS NOIR 1920x600px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final-fix .color-inside .mon-btn, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside .mon-btn, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside .mon-btn, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside .mon-btn, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final-fix .color-inside .mon-btn{ left: 0px; width: 36%; font-size: 16px; line-height: 16px; padding-left: 10px; padding-right: 10px; padding-top: 10px; padding-bottom: 10px; border-radius: 10px; margin-left: 74px; margin-top: 18px; } /*** POUR Les BTNS COULEURS et POUR Les BTNS NOIR 1920x600px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child:hover .cadre-inner .cadre-item .cadre-item-final .color-inside .mon-btn-color, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2):hover .cadre-inner .cadre-item .cadre-item-final .color-inside .mon-btn-color, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3):hover .cadre-inner .cadre-item .cadre-item-final .color-inside .mon-btn-color, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4):hover .cadre-inner .cadre-item .cadre-item-final .color-inside .mon-btn-color, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child:hover .cadre-inner .cadre-item .cadre-item-final .color-inside .mon-btn-color, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child:hover .cadre-inner .cadre-item .cadre-item-final-fix .color-inside .mon-btn, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2):hover .cadre-inner .cadre-item .cadre-item-final-fix .color-inside .mon-btn, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3):hover .cadre-inner .cadre-item .cadre-item-final-fix .color-inside .mon-btn, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4):hover .cadre-inner .cadre-item .cadre-item-final-fix .color-inside .mon-btn, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child:hover .cadre-inner .cadre-item .cadre-item-final-fix .color-inside .mon-btn{ position: absolute; box-shadow: 0px 0px 1px #fff, 0px 0px 1px #fff , 0px 0px 2px #fff , 0px 0px 5px #fff , 0px 0px 10px #fff, 0px 0px 16px #fff; cursor: pointer; text-decoration: none; opacity: 1;} /******************************************************************************* LES SOUS-RUBRIQUE DE CONTENU et RUBRIQUE FORMULAIRES 1920x600px ************************************************************************************/ /*** CONTENU RUBRIQUES ITEMS 1920x600px *****/ .spip-content .main .wrapper .content .box-texte{ position: absolute; top: 128px; left: 140px; border-radius: 10px 0px 0px 10px; width: 1520px; height: 305px; z-index: 10; text-shadow: none; border-radius: 0px 0px 12px 12px; background-color: rgba(255, 255, 255, 0.25); border: 1px solid #FFFFFF; transition: all 0.35s ease-in-out 0s;} .spip-content .main .wrapper .content .box-texte .inner-txt{ padding: 7px 7px 7px 7px; border-radius: 10px 0px 0px 10px;} .spip-content .main .wrapper .content .box-texte .inner-txt .bg-texte{ width: 1314px; height: 278px; padding: 0px 10px 10px 10px ; border-radius: 7px 0px 0px 7px; background-color: rgba(255, 255, 255, 0.85); border: 1px solid #fff;} .spip-content .main .wrapper .content .box-texte .inner-txt .bg-texte .texte{ border-radius: 5px; color: #808080; float: left; font-family: Arial,Helvetica,sans-serif; font-size: 12px; line-height: 14px; overflow: auto; padding: 30px 210px 20px 121px; text-align: left; width: 993px; height: 238px;} p { margin: 0 0 -16px; } /*** CONTENU RUBRIQUES-B 1920x600px *****/ .spip-content .main .wrapper .content .texte-rub1{ border-radius: 8px; font-size: 14px; left: 140px; line-height: 16px; top: 90px; padding: 7px 200px 0 200px; width: 1100px; height: 40px;} .spip-content .main #menu_rubriques1 { width: 1600px; height: 350px; left: 70px; margin-top: 240px;} .spip-content .main #menu_rubriques1 li{ font-size: .8em; margin-left: -1px; margin-top: -15px; } /*** DESCRIPTIF SSRUB 1920x600px *****/ .spip-content .main .wrapper .content .descriptif-ssrub{ background-color: rgba(241, 241, 241, 0.85); border: 1px solid #FFFFFF; border-radius: 8px 8px 0 0; color: #555555; float: left; font-family: Arial,Helvetica,sans-serif; font-size: 19px; height: 50px; left: 140px; line-height: 20px; padding: 8px 160px 0; position: absolute; text-align: left; top: 69px; width: 1200px;} /*** TAILLE DE L'IMAGE DANS LE CORPS DE TEXTE SPIP 1920x600px *****/ .spip_documents_left img{width: 50px; height: 50px; margin-left: 80px; margin-top: -16px; background-color: #fbfbfb;} /*** PARTICULARITE RUBRIQUE FORMULAIRE 1920x600px *****/ .spip-content .main .wrapper .content .box-texte .inner-txt-formulaire{ padding: 7px 7px 7px 7px; border-radius: 10px 0px 0px 10px; font-family: Arial,Helvetica,sans-serif; text-align: left;} .spip-content .main .wrapper .content .box-texte .inner-txt-formulaire .bg-texte-formulaire{ background-color: rgba(255, 255, 255, 0.85); border: 1px solid #FFFFFF; border-radius: 5px; color: #808080; float: left; font-family: Arial,Helvetica,sans-serif; font-size: 12px; line-height: 14px; overflow: auto; padding: 2px 280px 20px 131px; text-align: left; width: 1094px; height: 268px;} /*** PARTICULARITE RUBRIQUE SIMPLE 1920x600px *****/ .spip-content .main .wrapper .content .box-texte .inner-txt-simple{ padding: 7px 7px 7px 7px; border-radius: 10px 0px 0px 10px; font-family: Arial,Helvetica,sans-serif; text-align: left;} .spip-content .main .wrapper .content .box-texte .inner-txt-simple .bg-texte-simple{ background-color: rgba(255, 255, 255, 0.85); border: 1px solid #FFFFFF; border-radius: 5px; color: #808080; float: left; font-family: Arial,Helvetica,sans-serif; font-size: 19px; line-height: 21px; overflow: auto; padding: 40px 160px 0px 160px; text-align: left; width: 1184px; height: 249px;} /*** POUR LE PETIT MENU des SOUS RUBRIQUES en haut à droite 1920x600px *****/ .spip-content .main #menu_rubriques1 { position: absolute; text-align: left; width: 149px; height: 305px; z-index: 1000; top: -112px; padding-right: 20px; left: 1491px; background-color: rgba(241, 241, 241, 0.7); border-top-left-radius: 0px; border-bottom-left-radius: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 12px; border: 1px solid #fff; } .spip-content .main #menu_rubriques1 li{ font-size: .8em; margin-left: -1px; list-style: none; float: right; margin-top: -15px; } .spip-content .main #menu_rubriques1 li ul li{ font-size: 1em; margin-left: 0em;} .spip-content .main #menu_rubriques1 { list-style-type:none; } .spip-content .main #menu_rubriques1 li { list-style-type: none; } .spip-content .main #menu_rubriques1 li li { list-style-type: none; } .spip-content .main #menu_rubriques1 li li li { list-style-type: none; } .spip-content .main #menu_rubriques1 hr {margin : 0.7em 0;} .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li { width: 114px; } .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li:hover { width: 114px; } .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li .spip_logos_rappel { height: 70px; width: 70px; margin-bottom: 0px; margin-left: -36px; margin-top: 14px;} .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li:hover .spip_logos_rappel {} .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li .spip_titre_rappel{ font-family: "Fugaz One"; font-size: 13px; line-height: 15px; list-style: none outside none; margin-left: 33px; margin-top: -40px; position: absolute; text-align: left; width: 95px;} .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li:hover .spip_titre_rappel { } /*** Les currents 1920x600px ***/ .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li .nav_current_rub{ display: none;width: 120px; } .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li .nav_current_rub .spip_logos_rappel { width: 80px; height: 80px; padding-left: 18px; padding-top: 18px; padding-bottom: 10px;} .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li .nav_current_rub .spip_titre_rappel { position: absolute; width: 120px; margin-top: -14px; margin-left:-1px; text-align: center; font-size: 14px; line-height: 14px; list-style: none; } /*** FIN de 1920x600px *****/ } /***** MEDIA QUERY SOUS MON AILE 1920x768px *****/ @media screen and (min-width: 1900px) and (max-width:2400px) and (min-height: 750px) and (max-height: 899px){ /**** SPIP CONTENT 1920x768px *****/ .contenu-mobil.spip-content{ display: none;} .contenu-desktop.spip-content{ display: block; width: 1795px; height: 620px; margin-top: 0px;} /*** FIL d'ARIANE SPIP 1920x768px *****/ .spip-content .ariane{ width: 1780px; z-index:100; top: 10px; } .spip-content .ariane .arbo{ padding-left: 10px; padding-right: 10px; font-size: 18px; line-height: 18px; width: auto; text-shadow: 0 0 1px #FFFFFF, 0 0 1px #FFFFFF, 0 0 2px #FFFFFF, 0 0 5px #FFFFFF;} /*** CONTNER CONTENU SPIP 1920x768px *****/ .spip-content .main { width: 1795px; height: 534px; margin-left: 0px; top: 74px;} .spip-content .main .wrapper .content { width: 1785px; height: 534px; margin-top: -40px;} /*** TITRES TITRE DE LA RUBRIQUE-1 1920x768px *****/ .titre-sma{ display: none; font-size: 20px; line-height: 2px; margin-top: 89px; padding-left: 138px; text-shadow: 0 0 1px #FFFFFF, 0 0 1px #FFFFFF, 0 0 2px #FFFFFF, 0 0 5px #FFFFFF, 0 0 10px #FFFFFF, 0 0 16px #FFFFFF; } .spip-content .main .wrapper .content .container2 { width: 1795px; margin-left:0px; margin-top: 0px;} /*** TITRES TITRE DE LA SOUS-RUBRIQUE-1 1920x768px *****/ h1.titre-sma-rub1, h1.titre-sma-ssrub{ font-size: 32px; left: 150px; line-height: 125px; top: 0px; text-shadow: 0 0 1px #FFFFFF, 0 0 1px #FFFFFF, 0 0 2px #FFFFFF, 0 0 5px #FFFFFF, 0 0 10px #FFFFFF, 0 0 16px #FFFFFF;} h1.titre-sma-rub1 .spip_logos , h1.titre-sma-ssrub .spip_logos { margin: 11px 0 0 -56px; width: 110px; height: 110px; } h1.titre-sma-rub1 .descriptif, h1.titre-sma-ssrub .descriptif{ font-size: 20px; line-height: 2px; top: 90px; left: 0px; width : 1400px;} /*** TEXTE DE LA RUBRIQUE-1 1920x768px *****/ .spip-content .main .wrapper .content .texte-rub1{ border-radius: 8px; font-size: 20px; left: 140px; line-height: 22px; top: 100px; padding: 10px 5px 3px 55px; width: 1447px;} .spip-content .main #menu_rubriques2 { width: 1600px; height: 350px; left: 70px; top: 220px;} .spip-content .main #menu_rubriques2 li{ font-size: .8em; margin-left: -1px; margin-top: -15px; } /*** LES BLOCS 1920x768px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li { width: 305px; height: 352px; z-index: 1;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:hover{ width: 305px; height: 352px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child{ left: 1290px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2){ left: 970px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3){ left: 660px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4){ left: 350px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child{ left: 50px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child {border-top-right-radius: 16px; border-bottom-right-radius: 16px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2), .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3), .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4){ margin-left: 10px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child{ border-top-left-radius: 16px; border-bottom-left-radius: 16px; } /*** LES CADRES-INNER 1920x768px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner{ width: 305px; height: 352px; padding-top: 7px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child:hover .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2):hover .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3):hover .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4):hover .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child:hover .cadre-inner{ width: 305px; height: 352px; padding-top: 7px; } .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner { border-top-right-radius: 15px; border-bottom-right-radius: 15px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner{} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner { border-top-left-radius: 15px; border-bottom-left-radius: 15px;} /*** LES CADRES-ITEM 1920x768px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item{ width: 289px; height: 324px; margin-left: 7px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item{ border-top-left-radius: 12px; border-bottom-left-radius: 12px; border-top-right-radius: 12px; border-bottom-right-radius: 12px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item{ border-top-left-radius: 12px; border-bottom-left-radius: 12px; border-top-right-radius: 12px; border-bottom-right-radius: 12px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item{ border-top-left-radius: 12px; border-bottom-left-radius: 12px; border-top-right-radius: 12px; border-bottom-right-radius: 12px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child:hover .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2):hover .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3):hover .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4):hover .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child:hover .cadre-inner .cadre-item{ box-shadow: 0 0 2px #FFFFFF, 0 0 5px #FFFFFF, 0 0 10px #ffffff, 0 0 18px #ffffff;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child:hover .cadre-inner .cadre-item{ border-top-left-radius: 12px; border-bottom-left-radius: 12px; border-top-right-radius: 12px; border-bottom-right-radius: 12px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2):hover .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3):hover .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4):hover .cadre-inner .cadre-item{ border-top-left-radius: 12px; border-bottom-left-radius: 12px; border-top-right-radius: 12px; border-bottom-right-radius: 12px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child:hover .cadre-inner .cadre-item{ border-top-left-radius: 12px; border-bottom-left-radius: 12px; border-top-right-radius: 12px; border-bottom-right-radius: 12px;} /*** LES CADRES-ITEM-FINAL 1920x768px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final{ width: 273px; height: 308px; margin-left: 7px; margin-top: 7px;} /** COLOR INSIDE = DEGRADE GRIS 1920x768px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final .color-inside{ width: 265px; height: 300px; left: 19px; margin-top: 3px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final .color-inside{ border-top-left-radius: 4px; border-bottom-left-radius: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final .color-inside{ border-top-left-radius: 4px; border-bottom-left-radius: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final .color-inside{ border-top-left-radius: 4px; border-bottom-left-radius: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final{ border-top-left-radius: 7px; border-bottom-left-radius: 7px; border-top-right-radius: 7px; border-bottom-right-radius: 7px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final{ border-top-left-radius: 7px; border-bottom-left-radius: 7px; border-top-right-radius: 7px; border-bottom-right-radius: 7px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final{ border-top-left-radius: 7px; border-bottom-left-radius: 7px; border-top-right-radius: 7px; border-bottom-right-radius: 7px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child:hover .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2):hover .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3):hover .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4):hover .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child:hover .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child:hover .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2):hover .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3):hover .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4):hover .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child:hover .cadre-inner .cadre-item .cadre-item-final{ width: 273px; height: 308px; margin-left: 7px; margin-top: 7px;} /*** Les LOGOS 1920x768px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .spip_logos_rappel{ height: 120px; margin-left: -9px; margin-top: -8px; width: 120px; position: absolute;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child:hover .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2):hover .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3):hover .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4):hover .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child:hover .cadre-inner .spip_logos_rappel{ height: 120px; margin-left: -9px; margin-top: -8px; width: 120px;} /*** Les TITRES 1920x768px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li .spip_titre_rappel { width: 185px; top: 20px; margin-left: 60px; text-align: left; font-size: 21px; line-height: 22px; text-shadow: 0 0 1px #FFFFFF, 0 0 1px #FFFFFF, 0 0 2px #FFFFFF, 0 0 5px #FFFFFF, 0 0 10px #FFFFFF, 0 0 16px #FFFFFF; padding-top: 10px; padding-bottom: 10px; padding-left: 40px; padding-right: 40px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:hover .spip_titre_rappel{ text-shadow: 0 0 1px #FFFFFF, 0 0 1px #FFFFFF, 0 0 2px #FFFFFF, 0 0 5px #FFFFFF, 0 0 10px #FFFFFF, 0 0 16px #FFFFFF;} /*** Les DESCRIPTIFS V1 avec titre sur 1 ligne 1920x768px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li .spip_descriptif_item-rappel{ display: block; width: 200px; margin-top: 0px; margin-left: 19px; font-size: 13px; line-height: 15px; padding: 10px 5px 1px 15px; border-radius: 10px;} /*** Les DESCRIPTIFS V2 avec titre sur 2 lignes 1920x768px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li .spip_descriptif_item-rappel2{ display: block; width: 227px; height: 167px; margin-top: 110px; margin-left: 11px; font-size: 13px; line-height: 15px; padding: 10px 5px 1px 10px; border-radius: 5px;} /*** POUR Les BTNS COULEURS(noir en fait) 1920x768px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final .color-inside .mon-btn-color, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final .color-inside .mon-btn-color, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final .color-inside .mon-btn-color, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final .color-inside .mon-btn-color, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final .color-inside .mon-btn-color{ border-radius: 10px; color: #FFFFFF; font-size: 15px; left: 0; line-height: 8px; margin-left: 77px; margin-top: -50px; padding: 10px; width: 33.5%; z-index: 1000;} /*** POUR Les BTNS NOIR 1920x768px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final-fix .color-inside .mon-btn, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside .mon-btn, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside .mon-btn, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside .mon-btn, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final-fix .color-inside .mon-btn{ left: 0px; width: 36%; font-size: 16px; line-height: 16px; padding-left: 10px; padding-right: 10px; padding-top: 10px; padding-bottom: 10px; border-radius: 10px; margin-left: 74px; margin-top: 18px; } /*** POUR Les BTNS COULEURS et POUR Les BTNS NOIR 1920x768px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child:hover .cadre-inner .cadre-item .cadre-item-final .color-inside .mon-btn-color, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2):hover .cadre-inner .cadre-item .cadre-item-final .color-inside .mon-btn-color, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3):hover .cadre-inner .cadre-item .cadre-item-final .color-inside .mon-btn-color, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4):hover .cadre-inner .cadre-item .cadre-item-final .color-inside .mon-btn-color, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child:hover .cadre-inner .cadre-item .cadre-item-final .color-inside .mon-btn-color, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child:hover .cadre-inner .cadre-item .cadre-item-final-fix .color-inside .mon-btn, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2):hover .cadre-inner .cadre-item .cadre-item-final-fix .color-inside .mon-btn, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3):hover .cadre-inner .cadre-item .cadre-item-final-fix .color-inside .mon-btn, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4):hover .cadre-inner .cadre-item .cadre-item-final-fix .color-inside .mon-btn, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child:hover .cadre-inner .cadre-item .cadre-item-final-fix .color-inside .mon-btn{ position: absolute; box-shadow: 0px 0px 1px #fff, 0px 0px 1px #fff , 0px 0px 2px #fff , 0px 0px 5px #fff , 0px 0px 10px #fff, 0px 0px 16px #fff; cursor: pointer; text-decoration: none; opacity: 1;} /******************************************************************************* LES SOUS-RUBRIQUE DE CONTENU et RUBRIQUE FORMULAIRES 1920x768px ************************************************************************************/ /*** CONTENU RUBRIQUES ITEMS 1920x768px *****/ .spip-content .main .wrapper .content .box-texte{ position: absolute; top: 149px; left: 140px; border-radius: 10px 0px 0px 10px; width: 1520px; height: 444px; z-index: 10; text-shadow: none; border-radius: 0px 0px 12px 12px; background-color: rgba(255, 255, 255, 0.25); border: 1px solid #FFFFFF; transition: all 0.35s ease-in-out 0s;} .spip-content .main .wrapper .content .box-texte .inner-txt{ padding: 7px 7px 7px 7px; border-radius: 10px 0px 0px 10px;} .spip-content .main .wrapper .content .box-texte .inner-txt .bg-texte{ width: 1345px; height: 418px; padding: 0px 10px 10px 10px ; border-radius: 7px 0px 0px 7px; background-color: rgba(255, 255, 255, 0.85); border: 1px solid #fff;} .spip-content .main .wrapper .content .box-texte .inner-txt .bg-texte .texte{ border-radius: 5px; color: #808080; float: left; font-family: Arial,Helvetica,sans-serif; font-size: 14px; line-height: 15px; overflow: auto; padding: 30px 70px 1px 111px; text-align: left; width: 1174px; height: 397px;} p { margin: 0 0 -5px;} /*** CONTENU RUBRIQUES-B 1920x768px *****/ .spip-content .main .wrapper .content .texte-rub1{ border-radius: 8px; font-size: 19px; left: 140px; line-height: 21px; top: 110px; padding: 7px 200px 0 200px; width: 1100px; height: 51px;} .spip-content .main #menu_rubriques1 { width: 1600px; height: 350px; left: 70px; margin-top: 240px;} .spip-content .main #menu_rubriques1 li{ font-size: .8em; margin-left: -1px; margin-top: -15px; } .spip-content .main .wrapper .content .descriptif-ssrub{ background-color: rgba(241, 241, 241, 0.85); border: 1px solid #FFFFFF; border-radius: 8px 8px 0 0; color: #555555; float: left; font-family: Arial,Helvetica,sans-serif; font-size: 19px; line-height: 20px; left: 140px; padding: 8px 160px 0px 160px; position: absolute; text-align: left; top: 90px; width: 1200px; height: 50px;} /*** TAILLE DE L'IMAGE DANS LE CORPS DE TEXTE SPIP 1920x768px *****/ .spip_documents_left img{width: 60px; height: 60px; margin-left: 63px; margin-top: -12px; background-color: #fbfbfb;} /*** PARTICULARITE RUBRIQUE FORMULAIRE 1920x768px *****/ .spip-content .main .wrapper .content .box-texte .inner-txt-formulaire{ padding: 7px 7px 7px 7px; border-radius: 10px 0px 0px 10px; font-family: Arial,Helvetica,sans-serif; text-align: left;} .spip-content .main .wrapper .content .box-texte .inner-txt-formulaire .bg-texte-formulaire{ border-radius: 7px 7px 7px 7px; background-color: rgba(255, 255, 255, 0.85); border: 1px solid #fff;float: left; overflow: auto; padding: 0px 210px 20px 121px; text-align: left; float: left; overflow: auto; border-radius: 5px; color: #808080; font-family: Arial,Helvetica,sans-serif; text-align: left; font-size: 14px; line-height: 15px; width: 1173px; height: 408px;} /*** PARTICULARITE RUBRIQUE SIMPLE 1920x768px *****/ .spip-content .main .wrapper .content .box-texte .inner-txt-simple{ padding: 7px 7px 7px 7px; border-radius: 10px 0px 0px 10px; font-family: Arial,Helvetica,sans-serif; text-align: left;} .spip-content .main .wrapper .content .box-texte .inner-txt-simple .bg-texte-simple{ border-radius: 7px 7px 7px 7px; background-color: rgba(255, 255, 255, 0.85); border: 1px solid #fff;float: left; overflow: auto; padding: 40px 160px 0px 160px; text-align: left; float: left; overflow: auto; border-radius: 5px; color: #808080; font-family: Arial,Helvetica,sans-serif; text-align: left; font-size: 19px; line-height: 21px; width: 1184px; height: 387px;} /*** POUR LE PETIT MENU des SOUS RUBRIQUES en haut à droite 1920x768px *****/ .spip-content .main #menu_rubriques1 { position: absolute; text-align: left; width: 118px; height: 444px; z-index: 1000; top: -91px; padding-right: 20px; left: 1522px; background-color: rgba(241, 241, 241, 0.7); border-top-left-radius: 0px; border-bottom-left-radius: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 12px; border: 1px solid #fff; } .spip-content .main #menu_rubriques1 li{ font-size: .8em; margin-left: -1px; list-style: none; float: right; margin-top: -15px; } .spip-content .main #menu_rubriques1 li ul li{ font-size: 1em; margin-left: 0em;} .spip-content .main #menu_rubriques1 { list-style-type:none; } .spip-content .main #menu_rubriques1 li { list-style-type: none; } .spip-content .main #menu_rubriques1 li li { list-style-type: none; } .spip-content .main #menu_rubriques1 li li li { list-style-type: none; } .spip-content .main #menu_rubriques1 hr {margin : 0.7em 0;} .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li { width: 114px; } .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li:hover { width: 114px; } .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li .spip_logos_rappel { height: 90px; width: 90px; margin-bottom: 10px; padding-left: 19px; margin-top: 15px;} .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li:hover .spip_logos_rappel {} .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li .spip_titre_rappel { position: absolute; width: 106px; margin-top: -21px; margin-left: 11px; font-family: "Fugaz One"; text-align: center; font-size: 12px; line-height: 15px; list-style: none;} .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li:hover .spip_titre_rappel { } /*** Les currents 1920x768px ***/ .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li .nav_current_rub{ display: none;width: 120px; } .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li .nav_current_rub .spip_logos_rappel { width: 80px; height: 80px; padding-left: 18px; padding-top: 18px; padding-bottom: 10px;} .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li .nav_current_rub .spip_titre_rappel { position: absolute; width: 120px; margin-top: -14px; margin-left:-1px; text-align: center; font-size: 14px; line-height: 14px; list-style: none; } /*** FIN de 1920x768px *****/ } /************************************************/ /***** MEDIA QUERY SOUS MON AILE 1920x900px *****/ /************************************************/ @media screen and (min-width: 1900px) and (max-width:2400px) and (min-height:900px) and (max-height: 1023px){ /**** SPIP CONTENT 1920x900px *****/ .contenu-mobil.spip-content{ display: none;} .contenu-desktop.spip-content{ display: block; width: 1795px; height: 752px; margin-top: 0px;} /*** FIL d'ARIANE SPIP 1920x900px *****/ .spip-content .ariane{ width: 1780px; z-index:100; top: 10px; } .spip-content .ariane .arbo{ padding-left: 10px; padding-right: 10px; font-size: 18px; line-height: 18px; width: auto; text-shadow: 0 0 1px #FFFFFF, 0 0 1px #FFFFFF, 0 0 2px #FFFFFF, 0 0 5px #FFFFFF;} /*** CONTNER CONTENU SPIP 1920x900px *****/ .spip-content .main { width: 1795px; height: 700px; margin-left: 0px; top: 74px;} .spip-content .main .wrapper .content { width: 1785px; height: 752px;} /*** TITRES TITRE DE LA RUBRIQUE-1 1920x900px *****/ .titre-sma{ display: none; font-size: 20px; line-height: 2px; margin-top: 89px; padding-left: 138px; text-shadow: 0 0 1px #FFFFFF, 0 0 1px #FFFFFF, 0 0 2px #FFFFFF, 0 0 5px #FFFFFF, 0 0 10px #FFFFFF, 0 0 16px #FFFFFF; } .spip-content .main .wrapper .content .container2 { width: 1795px; margin-left:0px; margin-top: 0px;} /*** TITRES TITRE DE LA SOUS-RUBRIQUE-1 1920x900px *****/ h1.titre-sma-rub1, h1.titre-sma-ssrub{ font-size: 32px; left: 150px; line-height: 125px; top: 0px; text-shadow: 0 0 1px #FFFFFF, 0 0 1px #FFFFFF, 0 0 2px #FFFFFF, 0 0 5px #FFFFFF, 0 0 10px #FFFFFF, 0 0 16px #FFFFFF;} h1.titre-sma-rub1 .spip_logos , h1.titre-sma-ssrub .spip_logos { margin: 11px 0 0 -56px; width: 110px; height: 110px; } h1.titre-sma-rub1 .descriptif, h1.titre-sma-ssrub .descriptif{ font-size: 20px; line-height: 2px; top: 90px; left: 0px; width : 1400px;} /*** TEXTE DE LA RUBRIQUE-1 1920x900px *****/ .spip-content .main .wrapper .content .texte-rub1{ border-radius: 8px; font-size: 20px; left: 140px; line-height: 22px; top: 110px; padding: 10px 5px 3px 55px; width: 1447px;} .spip-content .main #menu_rubriques2 { width: 1600px; height: 350px; left: 70px; margin-top: 220px;} .spip-content .main #menu_rubriques2 li{ font-size: .8em; margin-left: -1px; margin-top: -15px; } /*** LES BLOCS 1920x900px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li { width: 305px; height: 352px; z-index: 1;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:hover{ width: 305px; height: 352px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child{ left: 1290px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2){ left: 970px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3){ left: 660px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4){ left: 350px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child{ left: 50px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child {border-top-right-radius: 16px; border-bottom-right-radius: 16px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2), .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3), .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4){ margin-left: 10px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child{ border-top-left-radius: 16px; border-bottom-left-radius: 16px; } /*** LES CADRES-INNER 1920x900px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner{ width: 305px; height: 352px; padding-top: 7px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child:hover .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2):hover .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3):hover .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4):hover .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child:hover .cadre-inner{ width: 305px; height: 352px; padding-top: 7px; } .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner { border-top-right-radius: 15px; border-bottom-right-radius: 15px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner{} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner { border-top-left-radius: 15px; border-bottom-left-radius: 15px;} /*** LES CADRES-ITEM 1920x900px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item{ width: 289px; height: 424px; margin-left: 7px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item{ border-top-left-radius: 12px; border-bottom-left-radius: 12px; border-top-right-radius: 12px; border-bottom-right-radius: 12px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item{ border-top-left-radius: 12px; border-bottom-left-radius: 12px; border-top-right-radius: 12px; border-bottom-right-radius: 12px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item{ border-top-left-radius: 12px; border-bottom-left-radius: 12px; border-top-right-radius: 12px; border-bottom-right-radius: 12px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child:hover .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2):hover .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3):hover .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4):hover .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child:hover .cadre-inner .cadre-item{ box-shadow: 0 0 2px #FFFFFF, 0 0 5px #FFFFFF, 0 0 10px #ffffff, 0 0 18px #ffffff; } .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child:hover .cadre-inner .cadre-item{ border-top-left-radius: 12px; border-bottom-left-radius: 12px; border-top-right-radius: 12px; border-bottom-right-radius: 12px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2):hover .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3):hover .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4):hover .cadre-inner .cadre-item{ border-top-left-radius: 12px; border-bottom-left-radius: 12px; border-top-right-radius: 12px; border-bottom-right-radius: 12px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child:hover .cadre-inner .cadre-item{ border-top-left-radius: 12px; border-bottom-left-radius: 12px; border-top-right-radius: 12px; border-bottom-right-radius: 12px;} /*** LES CADRES-ITEM-FINAL 1920x900px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final{ width: 273px; height: 408px; margin-left: 7px; margin-top: 7px; } /*** CADRE ITEM FIX ***/ /*** Gradient Red ***/ /*** Gradient Orange ***/ /*** Gradient Yellow ***/ /*** Gradient Green ***/ /*** Gradient Blue ***/ /** COLOR INSIDE = DEGRADE GRIS 1920x900px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final .color-inside{ width: 265px; height: 400px; left: 19px; margin-top: 3px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final .color-inside{ border-top-left-radius: 4px; border-bottom-left-radius: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final .color-inside{ border-top-left-radius: 4px; border-bottom-left-radius: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final .color-inside{ border-top-left-radius: 4px; border-bottom-left-radius: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final{ border-top-left-radius: 7px; border-bottom-left-radius: 7px; border-top-right-radius: 7px; border-bottom-right-radius: 7px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final{ border-top-left-radius: 7px; border-bottom-left-radius: 7px; border-top-right-radius: 7px; border-bottom-right-radius: 7px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final{ border-top-left-radius: 7px; border-bottom-left-radius: 7px; border-top-right-radius: 7px; border-bottom-right-radius: 7px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child:hover .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2):hover .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3):hover .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4):hover .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child:hover .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child:hover .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2):hover .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3):hover .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4):hover .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child:hover .cadre-inner .cadre-item .cadre-item-final{ width: 273px; height: 408px; margin-left: 7px; margin-top: 7px;} /*** Les LOGOS 1920x900px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .spip_logos_rappel{ width: 200px; height: 200px; margin-left: 34px; margin-top: -18px; position: absolute; } .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child:hover .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2):hover .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3):hover .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4):hover .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child:hover .cadre-inner .spip_logos_rappel{ width: 200px; height: 200px; margin-left: 34px;} /*** Les TITRES 1920x900px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li .spip_titre_rappel { width: 185px; top: 150px; margin-left: 0px; font-size: 21px; line-height: 22px; text-shadow: 0 0 1px #FFFFFF, 0 0 1px #FFFFFF, 0 0 2px #FFFFFF, 0 0 5px #FFFFFF, 0 0 10px #FFFFFF, 0 0 16px #FFFFFF; padding-top: 10px; padding-bottom: 10px; padding-left: 40px; padding-right: 40px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:hover .spip_titre_rappel{ text-shadow: 0 0 1px #FFFFFF, 0 0 1px #FFFFFF, 0 0 2px #FFFFFF, 0 0 5px #FFFFFF, 0 0 10px #FFFFFF, 0 0 16px #FFFFFF;} /*** Les DESCRIPTIFS V1 avec titre sur 1 ligne 1920x900px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li .spip_descriptif_item-rappel{ display: block; width: 200px; margin-top: 0px; margin-left: 19px; font-size: 13px; line-height: 15px; padding: 10px 5px 1px 15px; border-radius: 10px;} /*** Les DESCRIPTIFS V2 avec titre sur 2 lignes 1920x900px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li .spip_descriptif_item-rappel2{ border-radius: 5px; display: block; font-size: 13px; line-height: 15px; margin-left: 11px; margin-top: 220px; padding: 10px 5px 1px 10px; width: 227px; height: 154px;} /*** POUR Les BTNS COULEURS(noir en fait) 1920x900px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final .color-inside .mon-btn-color, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final .color-inside .mon-btn-color, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final .color-inside .mon-btn-color, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final .color-inside .mon-btn-color, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final .color-inside .mon-btn-color{ border-radius: 10px; color: #FFFFFF; font-size: 15px; left: 0; line-height: 8px; margin-left: 77px; margin-top: -50px; padding: 10px; width: 33.5%; z-index: 1000;} /*** POUR Les BTNS NOIR 1920x900px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final-fix .color-inside .mon-btn, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside .mon-btn, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside .mon-btn, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside .mon-btn, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final-fix .color-inside .mon-btn{ left: 0px; width: 36%; font-size: 16px; line-height: 16px; padding-left: 10px; padding-right: 10px; padding-top: 10px; padding-bottom: 10px; border-radius: 10px; margin-left: 74px; margin-top: 18px; } /*** POUR Les BTNS COULEURS et POUR Les BTNS NOIR 1920x900px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child:hover .cadre-inner .cadre-item .cadre-item-final .color-inside .mon-btn-color, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2):hover .cadre-inner .cadre-item .cadre-item-final .color-inside .mon-btn-color, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3):hover .cadre-inner .cadre-item .cadre-item-final .color-inside .mon-btn-color, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4):hover .cadre-inner .cadre-item .cadre-item-final .color-inside .mon-btn-color, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child:hover .cadre-inner .cadre-item .cadre-item-final .color-inside .mon-btn-color, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child:hover .cadre-inner .cadre-item .cadre-item-final-fix .color-inside .mon-btn, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2):hover .cadre-inner .cadre-item .cadre-item-final-fix .color-inside .mon-btn, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3):hover .cadre-inner .cadre-item .cadre-item-final-fix .color-inside .mon-btn, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4):hover .cadre-inner .cadre-item .cadre-item-final-fix .color-inside .mon-btn, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child:hover .cadre-inner .cadre-item .cadre-item-final-fix .color-inside .mon-btn{ position: absolute; box-shadow: 0px 0px 1px #fff, 0px 0px 1px #fff , 0px 0px 2px #fff , 0px 0px 5px #fff , 0px 0px 10px #fff, 0px 0px 16px #fff; cursor: pointer; text-decoration: none; opacity: 1;} /******************************************************************************* LES SOUS-RUBRIQUE DE CONTENU et RUBRIQUE FORMULAIRES 1920x900px ************************************************************************************/ /*** CONTENU RUBRIQUES ITEMS 1920x900px *****/ .spip-content .main .wrapper .content .box-texte{ position: absolute; top: 168px; left: 140px; border-radius: 10px 0px 0px 10px; width: 1520px; height: 560px; z-index: 10; text-shadow: none; border-radius: 0px 0px 12px 12px; background-color: rgba(255, 255, 255, 0.25); border: 1px solid #FFFFFF; transition: all 0.35s ease-in-out 0s;} .spip-content .main .wrapper .content .box-texte .inner-txt{ padding: 7px 7px 7px 7px; border-radius: 10px 0px 0px 10px;} .spip-content .main .wrapper .content .box-texte .inner-txt .bg-texte{ width: 1345px; height: 534px; padding: 0px 10px 10px 10px ; border-radius: 7px 0px 0px 7px; background-color: rgba(255, 255, 255, 0.85); border: 1px solid #fff;} .spip-content .main .wrapper .content .box-texte .inner-txt .bg-texte .texte{ border-radius: 5px; color: #808080; float: left; font-family: Arial,Helvetica,sans-serif; font-size: 17px; line-height: 18px; overflow: auto; padding: 40px 110px 1px 110px; text-align: left; width: 1135px; height: 493px;} p { margin: 0 0 -5px;} /*** TEXTE DE LA RUBRIQUE-B 1920x900px *****/ .spip-content .main .wrapper .content .texte-rub1{ border-radius: 8px; font-size: 18px; left: 140px; line-height: 20px; top: 120px; padding: 15px 160px 0 160px; width: 1170px; height: 56px;} .spip-content .main #menu_rubriques1 { width: 1600px; height: 350px; left: 70px; margin-top: 240px;} .spip-content .main #menu_rubriques1 li{ font-size: .8em; margin-left: -1px; margin-top: -15px; } .spip-content .main .wrapper .content .descriptif-ssrub{ background-color: rgba(241, 241, 241, 0.85); border: 1px solid #FFFFFF; border-radius: 8px 8px 0 0; color: #555555; float: left; font-family: Arial,Helvetica,sans-serif; font-size: 19px; line-height: 20px; left: 140px; padding: 18px 160px 0px 160px; position: absolute; text-align: left; top: 90px; width: 1200px; height: 59px;} /*** TAILLE DE L'IMAGE DANS LE CORPS DE TEXTE SPIP 1920x900px *****/ .spip_documents_left img{width: 80px; height: 80px; margin-left: 57px; margin-top: -12px; background-color: #fbfbfb;} /*** PARTICULARITE RUBRIQUE FORMULAIRE 1920x900px *****/ .spip-content .main .wrapper .content .box-texte .inner-txt-formulaire{ padding: 7px 7px 7px 7px; border-radius: 10px 0px 0px 10px; font-family: Arial,Helvetica,sans-serif; text-align: left;} .spip-content .main .wrapper .content .box-texte .inner-txt-formulaire .bg-texte-formulaire{ border-radius: 7px 7px 7px 7px; background-color: rgba(255, 255, 255, 0.85); border: 1px solid #fff; float: left; overflow: auto; padding: 12px 230px 20px 120px; text-align: left; float: left; overflow: auto; border-radius: 5px; color: #808080; font-family: Arial,Helvetica,sans-serif; text-align: left; font-size: 17px; line-height: 19px; width: 1153px; height: 512px;} /*** PARTICULARITE RUBRIQUE SIMPLE 1920x900px *****/ .spip-content .main .wrapper .content .box-texte .inner-txt-simple{ padding: 7px 7px 7px 7px; border-radius: 10px 0px 0px 10px; font-family: Arial,Helvetica,sans-serif; text-align: left;} .spip-content .main .wrapper .content .box-texte .inner-txt-simple .bg-texte-simple{ border-radius: 7px 7px 7px 7px; background-color: rgba(255, 255, 255, 0.85); border: 1px solid #fff; float: left; overflow: auto; padding: 40px 160px 0px 160px; text-align: left; float: left; overflow: auto; border-radius: 5px; color: #808080; font-family: Arial,Helvetica,sans-serif; text-align: left; font-size: 19px; line-height: 21px; width: 1183px; height: 504px;} /*** POUR LE PETIT MENU des SOUS RUBRIQUES en haut à droite 1920x900px *****/ .spip-content .main #menu_rubriques1 { position: absolute; text-align: left; width: 118px; height: 560px; z-index: 1000; top: -72px; padding-right: 20px; left: 1522px; background-color: rgba(241, 241, 241, 0.7); border-top-left-radius: 0px; border-bottom-left-radius: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 12px; border: 1px solid #fff; } .spip-content .main #menu_rubriques1 li{ font-size: .8em; margin-left: -1px; list-style: none; float: right; margin-top: -15px; } .spip-content .main #menu_rubriques1 li ul li{ font-size: 1em; margin-left: 0em;} .spip-content .main #menu_rubriques1 { list-style-type:none; } .spip-content .main #menu_rubriques1 li { list-style-type: none; } .spip-content .main #menu_rubriques1 li li { list-style-type: none; } .spip-content .main #menu_rubriques1 li li li { list-style-type: none; } .spip-content .main #menu_rubriques1 hr {margin : 0.7em 0;} .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li { width: 114px; } .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li:hover { width: 114px; } .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li .spip_logos_rappel { height: 120px; width: 120px; margin-bottom: 10px; padding-left: 3px; margin-top: 17px;} .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li:hover .spip_logos_rappel {} .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li .spip_titre_rappel { position: absolute; width: 120px; margin-top: -24px; margin-left: 4px; font-family: "Fugaz One"; text-align: center; font-size: 14px; line-height: 16px; list-style: none;} .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li:hover .spip_titre_rappel { } /*** Les currents 1920x900px ***/ .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li .nav_current_rub{ display: none;width: 120px; } .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li .nav_current_rub .spip_logos_rappel { width: 80px; height: 80px; padding-left: 18px; padding-top: 18px; padding-bottom: 10px;} .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li .nav_current_rub .spip_titre_rappel { position: absolute; width: 120px; margin-top: -14px; margin-left:-1px; text-align: center; font-size: 14px; line-height: 14px; list-style: none; } /*** FIN de 1920x900px *****/ } /*************************************************/ /***** MEDIA QUERY SOUS MON AILE 1920x1024px *****/ /*************************************************/ @media screen and (min-width: 1900px) and (max-width:2400px) and (min-height: 1024px) and (max-height: 1049px){ /**** SPIP CONTENT 1920x1024px *****/ .contenu-mobil.spip-content{ display: none;} .contenu-desktop.spip-content{ display: block; width: 1795px; height: 852px; margin-top: 0px;} /*** FIL d'ARIANE SPIP 1920x1024px *****/ .spip-content .ariane{ width: 1780px; z-index:100; top: 10px; } .spip-content .ariane .arbo{ padding-left: 10px; padding-right: 10px; font-size: 18px; line-height: 18px; width: auto; text-shadow: 0 0 1px #FFFFFF, 0 0 1px #FFFFFF, 0 0 2px #FFFFFF, 0 0 5px #FFFFFF;} /*** CONTNER CONTENU SPIP 1920x1024px *****/ .spip-content .main { width: 1795px; height: 700px; margin-left: 0px; top: 74px;} .spip-content .main .wrapper .content { width: 1785px; height: 762px;} /*** TITRES TITRE DE LA RUBRIQUE-1 1920x1024px *****/ .titre-sma{ display: none; font-size: 20px; line-height: 2px; margin-top: 89px; padding-left: 138px; text-shadow: 0 0 1px #FFFFFF, 0 0 1px #FFFFFF, 0 0 2px #FFFFFF, 0 0 5px #FFFFFF, 0 0 10px #FFFFFF, 0 0 16px #FFFFFF; } .spip-content .main .wrapper .content .container2 { width: 1795px; margin-left:0px; margin-top: 0px;} /*** TITRES TITRE DE LA SOUS-RUBRIQUE-1 1920x1024px *****/ h1.titre-sma-rub1, h1.titre-sma-ssrub{ font-size: 42px; left: 140px; line-height: 135px; top: -10px; text-shadow: 0 0 1px #FFFFFF, 0 0 1px #FFFFFF, 0 0 2px #FFFFFF, 0 0 5px #FFFFFF, 0 0 10px #FFFFFF, 0 0 16px #FFFFFF;} h1.titre-sma-rub1 .spip_logos , h1.titre-sma-ssrub .spip_logos { margin: 11px 0 0 -56px; width: 120px; height: 120px; } h1.titre-sma-rub1 .descriptif, h1.titre-sma-ssrub .descriptif{ font-size: 20px; line-height: 2px; top: 100px; left: 0px; width : 1400px;} /*** TEXTE DE LA RUBRIQUE-1 1920x1024px *****/ .spip-content .main .wrapper .content .texte-rub1{ border-radius: 8px; font-size: 20px; left: 140px; line-height: 22px; margin-top: 120px; padding: 10px 5px 3px 55px; width: 1447px;} .spip-content .main #menu_rubriques2 { width: 1600px; height: 350px; left: 70px; margin-top: 220px;} .spip-content .main #menu_rubriques2 li{ font-size: .8em; margin-left: -1px; margin-top: -15px; } /*** LES BLOCS 1920x1024px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li { width: 305px; height: 502px; z-index: 1;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:hover{ width: 305px; height: 502px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child{ left: 1290px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2){ left: 970px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3){ left: 660px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4){ left: 350px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child{ left: 50px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child {border-top-right-radius: 16px; border-bottom-right-radius: 16px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2), .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3), .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4){ margin-left: 10px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child{ border-top-left-radius: 16px; border-bottom-left-radius: 16px; } /*** LES CADRES-INNER 1920x1024px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner{ width: 305px; height: 495px; padding-top: 7px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child:hover .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2):hover .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3):hover .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4):hover .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child:hover .cadre-inner{ width: 305px; height: 495px; padding-top: 7px; } .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner { border-top-right-radius: 15px; border-bottom-right-radius: 15px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner{} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner { border-top-left-radius: 15px; border-bottom-left-radius: 15px;} /*** LES CADRES-ITEM 1920x1024px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item{ width: 289px; height: 486px; margin-left: 7px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item{ border-top-left-radius: 12px; border-bottom-left-radius: 12px; border-top-right-radius: 12px; border-bottom-right-radius: 12px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item{ border-top-left-radius: 12px; border-bottom-left-radius: 12px; border-top-right-radius: 12px; border-bottom-right-radius: 12px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item{ border-top-left-radius: 12px; border-bottom-left-radius: 12px; border-top-right-radius: 12px; border-bottom-right-radius: 12px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child:hover .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2):hover .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3):hover .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4):hover .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child:hover .cadre-inner .cadre-item{ box-shadow: 0 0 2px #FFFFFF, 0 0 5px #FFFFFF, 0 0 10px #ffffff, 0 0 18px #ffffff; } .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child:hover .cadre-inner .cadre-item{ border-top-left-radius: 12px; border-bottom-left-radius: 12px; border-top-right-radius: 12px; border-bottom-right-radius: 12px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2):hover .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3):hover .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4):hover .cadre-inner .cadre-item{ border-top-left-radius: 12px; border-bottom-left-radius: 12px; border-top-right-radius: 12px; border-bottom-right-radius: 12px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child:hover .cadre-inner .cadre-item{ border-top-left-radius: 12px; border-bottom-left-radius: 12px; border-top-right-radius: 12px; border-bottom-right-radius: 12px;} /*** LES CADRES-ITEM-FINAL 1920x1024px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final{ width: 273px; height: 470px; margin-left: 7px; margin-top: 7px; } /*** CADRE ITEM FIX ***/ /*** Gradient Red ***/ /*** Gradient Orange ***/ /*** Gradient Yellow ***/ /*** Gradient Green ***/ /*** Gradient Blue ***/ /** COLOR INSIDE = DEGRADE GRIS 1920x1024px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final .color-inside{ width: 265px; height: 462px; left: 19px; margin-top: 3px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final .color-inside{ border-top-left-radius: 4px; border-bottom-left-radius: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final .color-inside{ border-top-left-radius: 4px; border-bottom-left-radius: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final .color-inside{ border-top-left-radius: 4px; border-bottom-left-radius: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final{ border-top-left-radius: 7px; border-bottom-left-radius: 7px; border-top-right-radius: 7px; border-bottom-right-radius: 7px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final{ border-top-left-radius: 7px; border-bottom-left-radius: 7px; border-top-right-radius: 7px; border-bottom-right-radius: 7px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final{ border-top-left-radius: 7px; border-bottom-left-radius: 7px; border-top-right-radius: 7px; border-bottom-right-radius: 7px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child:hover .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2):hover .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3):hover .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4):hover .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child:hover .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child:hover .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2):hover .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3):hover .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4):hover .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child:hover .cadre-inner .cadre-item .cadre-item-final{ width: 273px; height: 470px; margin-left: 7px; margin-top: 7px;} /*** Les LOGOS 1920x1024px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .spip_logos_rappel{ width: 250px; height: 250px; margin-left: 26px; margin-top: 0px; position: absolute;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child:hover .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2):hover .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3):hover .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4):hover .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child:hover .cadre-inner .spip_logos_rappel{ width: 250px; height: 250px; margin-left: 26px;} /*** Les TITRES 1920x1024px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li .spip_titre_rappel { width: 193px; top: 192px; margin-left: 0px; font-size: 23px; line-height: 25px; text-shadow: 0 0 1px #FFFFFF, 0 0 1px #FFFFFF, 0 0 2px #FFFFFF, 0 0 5px #FFFFFF, 0 0 10px #FFFFFF, 0 0 16px #FFFFFF; padding-top: 10px; padding-bottom: 10px; padding-left: 40px; padding-right: 40px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:hover .spip_titre_rappel{ text-shadow: 0 0 1px #FFFFFF, 0 0 1px #FFFFFF, 0 0 2px #FFFFFF, 0 0 5px #FFFFFF, 0 0 10px #FFFFFF, 0 0 16px #FFFFFF;} /*** Les DESCRIPTIFS V1 avec titre sur 1 ligne 1920x1024px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li .spip_descriptif_item-rappel{ display: block; width: 200px; margin-top: 0px; margin-left: 19px; font-size: 13px; line-height: 15px; padding: 10px 5px 1px 15px; border-radius: 10px;} /*** Les DESCRIPTIFS V2 avec titre sur 2 lignes 1920x1024px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li .spip_descriptif_item-rappel2{ border-radius: 5px; display: block; font-size: 13px; line-height: 15px; margin-left: 11px; margin-top: 260px; padding: 10px 5px 1px 10px; width: 227px; height: 177px;} /*** POUR Les BTNS COULEURS(noir en fait) 1920x1024px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final .color-inside .mon-btn-color, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final .color-inside .mon-btn-color, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final .color-inside .mon-btn-color, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final .color-inside .mon-btn-color, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final .color-inside .mon-btn-color{ left: 0px; width: 36%; font-size: 16px; line-height: 16px; z-index:1000; color: #ffffff; padding-left: 10px; padding-right: 10px; padding-top: 10px; padding-bottom: 10px; border-radius: 10px; margin-left: 74px; margin-top: -60px; } /*** POUR Les BTNS NOIR 1920x1024px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final-fix .color-inside .mon-btn, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside .mon-btn, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside .mon-btn, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside .mon-btn, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final-fix .color-inside .mon-btn{ left: 0px; width: 36%; font-size: 16px; line-height: 16px; padding-left: 10px; padding-right: 10px; padding-top: 10px; padding-bottom: 10px; border-radius: 10px; margin-left: 74px; margin-top: 18px; } /*** POUR Les BTNS COULEURS et POUR Les BTNS NOIR 1920x1024px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child:hover .cadre-inner .cadre-item .cadre-item-final .color-inside .mon-btn-color, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2):hover .cadre-inner .cadre-item .cadre-item-final .color-inside .mon-btn-color, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3):hover .cadre-inner .cadre-item .cadre-item-final .color-inside .mon-btn-color, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4):hover .cadre-inner .cadre-item .cadre-item-final .color-inside .mon-btn-color, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child:hover .cadre-inner .cadre-item .cadre-item-final .color-inside .mon-btn-color, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child:hover .cadre-inner .cadre-item .cadre-item-final-fix .color-inside .mon-btn, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2):hover .cadre-inner .cadre-item .cadre-item-final-fix .color-inside .mon-btn, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3):hover .cadre-inner .cadre-item .cadre-item-final-fix .color-inside .mon-btn, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4):hover .cadre-inner .cadre-item .cadre-item-final-fix .color-inside .mon-btn, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child:hover .cadre-inner .cadre-item .cadre-item-final-fix .color-inside .mon-btn{ position: absolute; box-shadow: 0px 0px 1px #fff, 0px 0px 1px #fff , 0px 0px 2px #fff , 0px 0px 5px #fff , 0px 0px 10px #fff, 0px 0px 16px #fff; cursor: pointer; text-decoration: none; opacity: 1;} /******************************************************************************* LES SOUS-RUBRIQUE DE CONTENU et RUBRIQUE FORMULAIRES 1920x1024px ************************************************************************************/ /*** CONTENU RUBRIQUES ITEMS 1920x1024px *****/ .spip-content .main .wrapper .content .box-texte{ position: absolute; top: 168px; left: 140px; border-radius: 10px 0px 0px 10px; width: 1520px; height: 640px; z-index: 10; text-shadow: none; border-radius: 0px 0px 12px 12px; background-color: rgba(255, 255, 255, 0.25); border: 1px solid #FFFFFF; transition: all 0.35s ease-in-out 0s;} .spip-content .main .wrapper .content .box-texte .inner-txt{ padding: 7px 7px 7px 7px; border-radius: 10px 0px 0px 10px;} .spip-content .main .wrapper .content .box-texte .inner-txt .bg-texte{ width: 1345px; height: 614px; padding: 0px 10px 10px 10px ; border-radius: 7px 0px 0px 7px; background-color: rgba(255, 255, 255, 0.85); border: 1px solid #fff;} .spip-content .main .wrapper .content .box-texte .inner-txt .bg-texte .texte{ border-radius: 5px; color: #808080; float: left; font-family: Arial,Helvetica,sans-serif; font-size: 17px; height: 564px; line-height: 20px; overflow: auto; padding: 42px 100px 20px 130px; text-align: left; width: 1125px;} p { margin: 0 0 0px;} /*** TEXTE DE LA RUBRIQUE-B 1920x1024px *****/ .spip-content .main .wrapper .content .texte-rub1{ border-radius: 8px; font-size: 20px; left: 140px; line-height: 22px; top: 10px; padding: 13px 160px 0 160px; width: 1170px; height: 58px;} .spip-content .main #menu_rubriques1 { width: 1600px; height: 350px; left: 70px; margin-top: 240px;} .spip-content .main #menu_rubriques1 li{ font-size: .8em; margin-left: -1px; margin-top: -15px; } /*** DESCRIPTIF SSRUB 1920x1024px *****/ .spip-content .main .wrapper .content .descriptif-ssrub{ background-color: rgba(241, 241, 241, 0.85); border: 1px solid #FFFFFF; border-radius: 8px 8px 0 0; color: #555555; float: left; font-family: Arial,Helvetica,sans-serif; font-size: 20px; line-height: 21px; left: 140px; padding: 18px 160px 0 160px; position: absolute; text-align: left; top: 90px; width: 1200px; height: 59px;} /*** TAILLE DE L'IMAGE DANS LE CORPS DE TEXTE SPIP 1920x1050px *****/ .spip_documents_left img{width: 100px; height: 100px; margin-left: 37px; margin-top: -18px; background-color: #fbfbfb;} /*** PARTICULARITE RUBRIQUE FORMULAIRE 1920x1024px *****/ .spip-content .main .wrapper .content .box-texte .inner-txt-formulaire{ padding: 7px 7px 7px 7px; border-radius: 10px 0px 0px 10px; font-family: Arial,Helvetica,sans-serif; text-align: left;} .spip-content .main .wrapper .content .box-texte .inner-txt-formulaire .bg-texte-formulaire{ border-radius: 7px 7px 7px 7px; background-color: rgba(255, 255, 255, 0.85); border: 1px solid #fff; float: left; overflow: auto; padding: 0 160px 20px 140px; text-align: left; float: left; overflow: auto; border-radius: 5px; color: #808080; font-family: Arial,Helvetica,sans-serif; text-align: left; font-size: 19px; line-height: 21px; width: 1204px; height: 604px;} /*** PARTICULARITE RUBRIQUE SIMPLE 1920x1024px *****/ .spip-content .main .wrapper .content .box-texte .inner-txt-simple{ padding: 7px 7px 7px 7px; border-radius: 10px 0px 0px 10px; font-family: Arial,Helvetica,sans-serif; text-align: left;} .spip-content .main .wrapper .content .box-texte .inner-txt-simple .bg-texte-simple{ border-radius: 7px 7px 7px 7px; background-color: rgba(255, 255, 255, 0.85); border: 1px solid #fff; float: left; overflow: auto; padding: 40px 160px 20px 160px; text-align: left; float: left; overflow: auto; border-radius: 5px; color: #808080; font-family: Arial,Helvetica,sans-serif; text-align: left; font-size: 20px; line-height: 21px; width: 1183px; height: 564px;} /*** POUR LE PETIT MENU des SOUS RUBRIQUES en haut à droite 1920x1024px *****/ .spip-content .main #menu_rubriques1 { position: absolute; text-align: left; width: 118px; height: 640px; z-index: 1000; top: -72px; padding-right: 20px; left: 1522px; background-color: rgba(241, 241, 241, 0.7); border-top-left-radius: 0px; border-bottom-left-radius: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 12px; border: 1px solid #fff; } .spip-content .main #menu_rubriques1 li{ font-size: .8em; margin-left: -1px; list-style: none; float: right; margin-top: -15px; } .spip-content .main #menu_rubriques1 li ul li{ font-size: 1em; margin-left: 0em;} .spip-content .main #menu_rubriques1 { list-style-type:none; } .spip-content .main #menu_rubriques1 li { list-style-type: none; } .spip-content .main #menu_rubriques1 li li { list-style-type: none; } .spip-content .main #menu_rubriques1 li li li { list-style-type: none; } .spip-content .main #menu_rubriques1 hr {margin : 0.7em 0;} .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li { width: 114px; } .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li:hover { width: 114px; } .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li .spip_logos_rappel { height: 130px; width: 130px; margin-bottom: 10px; padding-left: 0px; margin-top: 20px;} .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li:hover .spip_logos_rappel {} .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li .spip_titre_rappel { position: absolute; width: 120px; margin-top: -20px; margin-left: 4px; font-family: "Fugaz One"; text-align: center; font-size: 16px; line-height: 18px; list-style: none;} .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li:hover .spip_titre_rappel { } /*** Les currents 1920x1024px ***/ .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li .nav_current_rub{ display: none;width: 120px; } .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li .nav_current_rub .spip_logos_rappel { width: 80px; height: 80px; padding-left: 18px; padding-top: 18px; padding-bottom: 10px;} .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li .nav_current_rub .spip_titre_rappel { position: absolute; width: 120px; margin-top: -14px; margin-left:-1px; text-align: center; font-size: 14px; line-height: 14px; list-style: none; } /*** FIN de 1920x1024px *****/ } /*************************************************/ /***** MEDIA QUERY SOUS MON AILE 1920x1050px *****/ /*************************************************/ @media screen and (min-width: 1900px) and (max-width:2400px) and (min-height: 1050px) and (max-height: 1080px){ /**** SPIP CONTENT 1920x1050px *****/ .contenu-mobil.spip-content{ display: none;} .contenu-desktop.spip-content{ display: block; width: 1795px; height: 799px; margin-top: 0px;} /*** FIL d'ARIANE SPIP 1920x1050px *****/ .spip-content .ariane{ width: 1780px; z-index:100; top: 10px; } .spip-content .ariane .arbo{ padding-left: 10px; padding-right: 10px; font-size: 18px; line-height: 18px; width: auto; text-shadow: 0 0 1px #FFFFFF, 0 0 1px #FFFFFF, 0 0 2px #FFFFFF, 0 0 5px #FFFFFF;} /*** CONTNER CONTENU SPIP 1920x1050px *****/ .spip-content .main { width: 1795px; height: 700px; margin-left: 0px; top: 114px;} .spip-content .main .wrapper .content { height: 762px; width: 1785px;} /*** TITRES TITRE DE LA RUBRIQUE-1 1920x1050px *****/ .titre-sma{ display: none; font-size: 20px; line-height: 2px; margin-top: 89px; padding-left: 138px; text-shadow: 0 0 1px #FFFFFF, 0 0 1px #FFFFFF, 0 0 2px #FFFFFF, 0 0 5px #FFFFFF, 0 0 10px #FFFFFF, 0 0 16px #FFFFFF; } .spip-content .main .wrapper .content .container2 { width: 1795px; margin-left:0px; margin-top: 0px;} /*** TITRES TITRE DE LA SOUS-RUBRIQUE-1 1920x1050px *****/ h1.titre-sma-rub1, h1.titre-sma-ssrub{ font-size: 42px; left: 140px; line-height: 135px; top: -10px; text-shadow: 0 0 1px #FFFFFF, 0 0 1px #FFFFFF, 0 0 2px #FFFFFF, 0 0 5px #FFFFFF, 0 0 10px #FFFFFF, 0 0 16px #FFFFFF;} h1.titre-sma-rub1 .spip_logos , h1.titre-sma-ssrub .spip_logos { margin: 11px 0 0 -56px; width: 120px; height: 120px; } h1.titre-sma-rub1 .descriptif, h1.titre-sma-ssrub .descriptif{ font-size: 20px; line-height: 2px; top: 100px; left: 0px; width : 1400px;} /*** TEXTE DE LA RUBRIQUE-1 1920x1050px *****/ .spip-content .main .wrapper .content .texte-rub1{ border-radius: 8px; font-size: 20px; left: 140px; line-height: 22px; margin-top: 120px; padding: 10px 5px 3px 55px; width: 1447px;} .spip-content .main #menu_rubriques2 { width: 1600px; height: 350px; left: 70px; margin-top: 240px;} .spip-content .main #menu_rubriques2 li{ font-size: .8em; margin-left: -1px; margin-top: -15px; } /*** LES BLOCS 1920x1050px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li { width: 305px; height: 502px; z-index: 1;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:hover{ width: 305px; height: 502px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child{ left: 1290px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2){ left: 970px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3){ left: 660px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4){ left: 350px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child{ left: 50px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child {border-top-right-radius: 16px; border-bottom-right-radius: 16px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2), .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3), .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4){ margin-left: 10px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child{ border-top-left-radius: 16px; border-bottom-left-radius: 16px; } /*** LES CADRES-INNER 1920x1050px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner{ width: 305px; height: 495px; padding-top: 7px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child:hover .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2):hover .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3):hover .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4):hover .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child:hover .cadre-inner{ width: 305px; height: 495px; padding-top: 7px; } .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner { border-top-right-radius: 15px; border-bottom-right-radius: 15px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner{} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner { border-top-left-radius: 15px; border-bottom-left-radius: 15px;} /*** LES CADRES-ITEM 1920x1050px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item{ width: 289px; height: 486px; margin-left: 7px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item{ border-top-left-radius: 12px; border-bottom-left-radius: 12px; border-top-right-radius: 12px; border-bottom-right-radius: 12px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item{ border-top-left-radius: 12px; border-bottom-left-radius: 12px; border-top-right-radius: 12px; border-bottom-right-radius: 12px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item{ border-top-left-radius: 12px; border-bottom-left-radius: 12px; border-top-right-radius: 12px; border-bottom-right-radius: 12px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child:hover .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2):hover .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3):hover .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4):hover .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child:hover .cadre-inner .cadre-item{ box-shadow: 0 0 2px #FFFFFF, 0 0 5px #FFFFFF, 0 0 10px #ffffff, 0 0 18px #ffffff; } .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child:hover .cadre-inner .cadre-item{ border-top-left-radius: 12px; border-bottom-left-radius: 12px; border-top-right-radius: 12px; border-bottom-right-radius: 12px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2):hover .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3):hover .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4):hover .cadre-inner .cadre-item{ border-top-left-radius: 12px; border-bottom-left-radius: 12px; border-top-right-radius: 12px; border-bottom-right-radius: 12px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child:hover .cadre-inner .cadre-item{ border-top-left-radius: 12px; border-bottom-left-radius: 12px; border-top-right-radius: 12px; border-bottom-right-radius: 12px;} /*** LES CADRES-ITEM-FINAL 1920x1050px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final{ width: 273px; height: 470px; margin-left: 7px; margin-top: 7px; } /*** CADRE ITEM FIX ***/ /*** Gradient Red ***/ /*** Gradient Orange ***/ /*** Gradient Yellow ***/ /*** Gradient Green ***/ /*** Gradient Blue ***/ /** COLOR INSIDE = DEGRADE GRIS 1920x1050px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final .color-inside{ width: 265px; height: 462px; left: 19px; margin-top: 3px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final .color-inside{ border-top-left-radius: 4px; border-bottom-left-radius: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final .color-inside{ border-top-left-radius: 4px; border-bottom-left-radius: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final .color-inside{ border-top-left-radius: 4px; border-bottom-left-radius: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final{ border-top-left-radius: 7px; border-bottom-left-radius: 7px; border-top-right-radius: 7px; border-bottom-right-radius: 7px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final{ border-top-left-radius: 7px; border-bottom-left-radius: 7px; border-top-right-radius: 7px; border-bottom-right-radius: 7px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final{ border-top-left-radius: 7px; border-bottom-left-radius: 7px; border-top-right-radius: 7px; border-bottom-right-radius: 7px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child:hover .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2):hover .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3):hover .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4):hover .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child:hover .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child:hover .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2):hover .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3):hover .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4):hover .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child:hover .cadre-inner .cadre-item .cadre-item-final{ width: 273px; height: 470px; margin-left: 7px; margin-top: 7px;} /*** Les LOGOS 1920x1050px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .spip_logos_rappel{ width: 250px; height: 250px; margin-left: 26px; margin-top: 0px; position: absolute;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child:hover .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2):hover .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3):hover .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4):hover .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child:hover .cadre-inner .spip_logos_rappel{ width: 250px; height: 250px; margin-left: 26px;} /*** Les TITRES 1920x1050px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li .spip_titre_rappel { width: 193px; top: 192px; margin-left: 0px; font-size: 23px; line-height: 25px; text-shadow: 0 0 1px #FFFFFF, 0 0 1px #FFFFFF, 0 0 2px #FFFFFF, 0 0 5px #FFFFFF, 0 0 10px #FFFFFF, 0 0 16px #FFFFFF; padding-top: 10px; padding-bottom: 10px; padding-left: 40px; padding-right: 40px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:hover .spip_titre_rappel{ text-shadow: 0 0 1px #FFFFFF, 0 0 1px #FFFFFF, 0 0 2px #FFFFFF, 0 0 5px #FFFFFF, 0 0 10px #FFFFFF, 0 0 16px #FFFFFF;} /*** Les DESCRIPTIFS V1 avec titre sur 1 ligne 1920x1050px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li .spip_descriptif_item-rappel{ display: block; width: 200px; margin-top: 0px; margin-left: 19px; font-size: 13px; line-height: 15px; padding: 10px 5px 1px 15px; border-radius: 10px;} /*** Les DESCRIPTIFS V2 avec titre sur 2 lignes 1920x1050px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li .spip_descriptif_item-rappel2{ border-radius: 5px; display: block; font-size: 13px; height: 167px; line-height: 15px; margin-left: 11px; margin-top: 270px; padding: 10px 5px 1px 10px; width: 227px;} /*** POUR Les BTNS COULEURS(noir en fait) 1920x1050px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final .color-inside .mon-btn-color, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final .color-inside .mon-btn-color, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final .color-inside .mon-btn-color, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final .color-inside .mon-btn-color, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final .color-inside .mon-btn-color{ left: 0px; width: 36%; font-size: 16px; line-height: 16px; z-index:1000; color: #ffffff; padding-left: 10px; padding-right: 10px; padding-top: 10px; padding-bottom: 10px; border-radius: 10px; margin-left: 74px; margin-top: -60px; } /*** POUR Les BTNS NOIR 1920x1050px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final-fix .color-inside .mon-btn, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside .mon-btn, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside .mon-btn, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside .mon-btn, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final-fix .color-inside .mon-btn{ left: 0px; width: 36%; font-size: 16px; line-height: 16px; padding-left: 10px; padding-right: 10px; padding-top: 10px; padding-bottom: 10px; border-radius: 10px; margin-left: 74px; margin-top: 18px; } /*** POUR Les BTNS COULEURS et POUR Les BTNS NOIR 1920x1050px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child:hover .cadre-inner .cadre-item .cadre-item-final .color-inside .mon-btn-color, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2):hover .cadre-inner .cadre-item .cadre-item-final .color-inside .mon-btn-color, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3):hover .cadre-inner .cadre-item .cadre-item-final .color-inside .mon-btn-color, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4):hover .cadre-inner .cadre-item .cadre-item-final .color-inside .mon-btn-color, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child:hover .cadre-inner .cadre-item .cadre-item-final .color-inside .mon-btn-color, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child:hover .cadre-inner .cadre-item .cadre-item-final-fix .color-inside .mon-btn, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2):hover .cadre-inner .cadre-item .cadre-item-final-fix .color-inside .mon-btn, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3):hover .cadre-inner .cadre-item .cadre-item-final-fix .color-inside .mon-btn, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4):hover .cadre-inner .cadre-item .cadre-item-final-fix .color-inside .mon-btn, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child:hover .cadre-inner .cadre-item .cadre-item-final-fix .color-inside .mon-btn{ position: absolute; box-shadow: 0px 0px 1px #fff, 0px 0px 1px #fff , 0px 0px 2px #fff , 0px 0px 5px #fff , 0px 0px 10px #fff, 0px 0px 16px #fff; cursor: pointer; text-decoration: none; opacity: 1;} /******************************************************************************* LES SOUS-RUBRIQUE DE CONTENU et RUBRIQUE FORMULAIRES 1920x1050px ************************************************************************************/ /*** CONTENU RUBRIQUES ITEMS 1920x1050px *****/ .spip-content .main .wrapper .content .box-texte{ position: absolute; top: 168px; left: 140px; border-radius: 10px 0px 0px 10px; width: 1520px; height: 640px; z-index: 10; text-shadow: none; border-radius: 0px 0px 12px 12px; background-color: rgba(255, 255, 255, 0.25); border: 1px solid #FFFFFF; transition: all 0.35s ease-in-out 0s;} .spip-content .main .wrapper .content .box-texte .inner-txt{ padding: 7px 7px 7px 7px; border-radius: 10px 0px 0px 10px;} .spip-content .main .wrapper .content .box-texte .inner-txt .bg-texte{ width: 1345px; height: 614px; padding: 0px 10px 10px 10px ; border-radius: 7px 0px 0px 7px; background-color: rgba(255, 255, 255, 0.85); border: 1px solid #fff;} .spip-content .main .wrapper .content .box-texte .inner-txt .bg-texte .texte{ border-radius: 5px; color: #808080; float: left; font-family: Arial,Helvetica,sans-serif; font-size: 17px; height: 564px; line-height: 20px; overflow: auto; padding: 42px 100px 20px 130px; text-align: left; width: 1125px;} p { margin: 0 0 0px;} /*** TEXTE DE LA RUBRIQUE-B 1920x1050px *****/ .spip-content .main .wrapper .content .texte-rub1{ border-radius: 8px; font-size: 20px; left: 140px; line-height: 22px; top: 10px; padding: 13px 160px 0 160px; width: 1170px; height: 58px;} .spip-content .main #menu_rubriques1 { width: 1600px; height: 350px; left: 70px; margin-top: 240px;} .spip-content .main #menu_rubriques1 li{ font-size: .8em; margin-left: -1px; margin-top: -15px; } /*** DESCRIPTIF SSRUB 1920x1050px *****/ .spip-content .main .wrapper .content .descriptif-ssrub{ background-color: rgba(241, 241, 241, 0.85); border: 1px solid #FFFFFF; border-radius: 8px 8px 0 0; color: #555555; float: left; font-family: Arial,Helvetica,sans-serif; font-size: 20px; line-height: 22px; left: 140px; padding: 15px 160px 0 160px; position: absolute; text-align: left; top: 90px; width: 1200px; height: 62px;} /*** TAILLE DE L'IMAGE DANS LE CORPS DE TEXTE SPIP 1920x1050px *****/ .spip_documents_left img{width: 100px; height: 100px; margin-left: 37px; margin-top: -18px; background-color: #fbfbfb;} /*** PARTICULARITE RUBRIQUE FORMULAIRE 1920x1050px *****/ .spip-content .main .wrapper .content .box-texte .inner-txt-formulaire{ padding: 7px 7px 7px 7px; border-radius: 10px 0px 0px 10px; font-family: Arial,Helvetica,sans-serif; text-align: left;} .spip-content .main .wrapper .content .box-texte .inner-txt-formulaire .bg-texte-formulaire{ border-radius: 7px 7px 7px 7px; background-color: rgba(255, 255, 255, 0.85); border: 1px solid #fff; float: left; overflow: auto; padding: 0 160px 20px 140px; text-align: left; float: left; overflow: auto; border-radius: 5px; color: #808080; font-family: Arial,Helvetica,sans-serif; text-align: left; font-size: 19px; line-height: 21px; width: 1204px; height: 604px;} /*** PARTICULARITE RUBRIQUE FORMULAIRE 1920x1050px *****/ .spip-content .main .wrapper .content .box-texte .inner-txt-simple { padding: 7px 7px 7px 7px; border-radius: 10px 0px 0px 10px; font-family: Arial,Helvetica,sans-serif; text-align: left;} .spip-content .main .wrapper .content .box-texte .inner-txt-simple .bg-texte-simple{ border-radius: 7px 7px 7px 7px; background-color: rgba(255, 255, 255, 0.85); border: 1px solid #fff; float: left; overflow: auto; padding: 60px 160px 20px 160px; float: left; overflow: auto; border-radius: 5px; color: #808080; font-family: Arial,Helvetica,sans-serif; text-align: left; font-size: 20px; line-height: 22px; width: 1183px; height: 544px;} /*** POUR LE PETIT MENU des SOUS RUBRIQUES en haut à droite 1920x1050px *****/ .spip-content .main #menu_rubriques1 { position: absolute; text-align: left; width: 118px; height: 640px; z-index: 1000; top: -72px; padding-right: 20px; left: 1522px; background-color: rgba(241, 241, 241, 0.7); border-top-left-radius: 0px; border-bottom-left-radius: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 12px; border: 1px solid #fff; } .spip-content .main #menu_rubriques1 li{ font-size: .8em; margin-left: -1px; list-style: none; float: right; margin-top: -15px; } .spip-content .main #menu_rubriques1 li ul li{ font-size: 1em; margin-left: 0em;} .spip-content .main #menu_rubriques1 { list-style-type:none; } .spip-content .main #menu_rubriques1 li { list-style-type: none; } .spip-content .main #menu_rubriques1 li li { list-style-type: none; } .spip-content .main #menu_rubriques1 li li li { list-style-type: none; } .spip-content .main #menu_rubriques1 hr {margin : 0.7em 0;} .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li { width: 114px; } .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li:hover { width: 114px; } .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li .spip_logos_rappel { height: 130px; width: 130px; margin-bottom: 10px; padding-left: 0px; margin-top: 20px;} .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li:hover .spip_logos_rappel {} .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li .spip_titre_rappel { position: absolute; width: 120px; margin-top: -20px; margin-left: 4px; font-family: "Fugaz One"; text-align: center; font-size: 16px; line-height: 18px; list-style: none;} .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li:hover .spip_titre_rappel { } /*** Les currents 1920x1050px ***/ .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li .nav_current_rub{ display: none;width: 120px; } .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li .nav_current_rub .spip_logos_rappel { width: 80px; height: 80px; padding-left: 18px; padding-top: 18px; padding-bottom: 10px;} .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li .nav_current_rub .spip_titre_rappel { position: absolute; width: 120px; margin-top: -14px; margin-left:-1px; text-align: center; font-size: 14px; line-height: 14px; list-style: none; } /*** FIN de 1920x1050px *****/ } /*************************************************/ /***** MEDIA QUERY SOUS MON AILE 1920x1200px *****/ /*************************************************/ @media screen and (min-width: 1900px) and (max-width:2400px) and (min-height: 1081px) and (max-height: 1549px){ /**** SPIP CONTENT 1920x1200px *****/ .contenu-mobil.spip-content{ display: none; width: 1795px; height: 873px; top: -10px;} .contenu-desktop.spip-content{ display: block; width: 1795px; height: 873px; top: -10px;} /*** FIL d'ARIANE SPIP 1920x1200px *****/ .spip-content .ariane{ width: 1780px; z-index:100; top: 10px; } .spip-content .ariane .arbo{ padding-left: 10px; padding-right: 10px; font-size: 18px; line-height: 18px; width: auto; text-shadow: 0 0 1px #FFFFFF, 0 0 1px #FFFFFF, 0 0 2px #FFFFFF, 0 0 5px #FFFFFF;} /*** CONTNER CONTENU SPIP 1920x1200px *****/ .spip-content .main { width: 1795px; height: 799px; margin-left: 0px; top: 114px;} .spip-content .main .wrapper .content { height: 762px; width: 1785px;} /*** TITRES TITRE DE LA RUBRIQUE-1 1920x1200px *****/ .titre-sma{ display: none; font-size: 20px; line-height: 2px; margin-top: 89px; padding-left: 138px; text-shadow: 0 0 1px #FFFFFF, 0 0 1px #FFFFFF, 0 0 2px #FFFFFF, 0 0 5px #FFFFFF, 0 0 10px #FFFFFF, 0 0 16px #FFFFFF; } /*** TITRES TITRE DE LA SOUS-RUBRIQUE-1 1920x1200px *****/ h1.titre-sma-rub1, h1.titre-sma-ssrub{ font-size: 42px; left: 140px; line-height: 135px; top: -10px; text-shadow: 0 0 1px #FFFFFF, 0 0 1px #FFFFFF, 0 0 2px #FFFFFF, 0 0 5px #FFFFFF, 0 0 10px #FFFFFF, 0 0 16px #FFFFFF;} h1.titre-sma-rub1 .spip_logos , h1.titre-sma-ssrub .spip_logos { margin: 11px 0 0 -56px; width: 120px; height: 120px; } h1.titre-sma-rub1 .descriptif, h1.titre-sma-ssrub .descriptif{ font-size: 20px; line-height: 2px; top: 100px; left: 0px; width : 1400px;} /*** TEXTE DE LA RUBRIQUE-1 1920x1200px *****/ .spip-content .main .wrapper .content .texte-rub1{ border-radius: 8px; font-size: 20px; left: 140px; line-height: 22px; margin-top: 120px; padding: 10px 5px 3px 55px; width: 1447px;} .spip-content .main #menu_rubriques2 { width: 1600px; height: 350px; left: 70px; margin-top: 240px;} .spip-content .main #menu_rubriques2 li{ font-size: .8em; margin-left: -1px; margin-top: -15px; } /*** LES BLOCS 1920x1200px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li { width: 305px; height: 502px; z-index: 1;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:hover{ width: 305px; height: 502px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child{ left: 1290px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2){ left: 970px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3){ left: 660px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4){ left: 350px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child{ left: 50px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child {border-top-right-radius: 16px; border-bottom-right-radius: 16px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2), .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3), .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4){ margin-left: 10px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child{ border-top-left-radius: 16px; border-bottom-left-radius: 16px; } /*** LES CADRES-INNER 1920x1200px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner{ width: 305px; height: 495px; padding-top: 7px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child:hover .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2):hover .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3):hover .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4):hover .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child:hover .cadre-inner{ width: 305px; height: 495px; padding-top: 7px; } .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner { border-top-right-radius: 15px; border-bottom-right-radius: 15px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner{} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner { border-top-left-radius: 15px; border-bottom-left-radius: 15px;} /*** LES CADRES-ITEM 1920x1200px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item{ width: 289px; height: 486px; margin-left: 7px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item{ border-top-left-radius: 12px; border-bottom-left-radius: 12px; border-top-right-radius: 12px; border-bottom-right-radius: 12px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item{ border-top-left-radius: 12px; border-bottom-left-radius: 12px; border-top-right-radius: 12px; border-bottom-right-radius: 12px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item{ border-top-left-radius: 12px; border-bottom-left-radius: 12px; border-top-right-radius: 12px; border-bottom-right-radius: 12px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child:hover .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2):hover .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3):hover .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4):hover .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child:hover .cadre-inner .cadre-item{ box-shadow: 0 0 2px #FFFFFF, 0 0 5px #FFFFFF, 0 0 10px #ffffff, 0 0 18px #ffffff; } .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child:hover .cadre-inner .cadre-item{ border-top-left-radius: 12px; border-bottom-left-radius: 12px; border-top-right-radius: 12px; border-bottom-right-radius: 12px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2):hover .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3):hover .cadre-inner .cadre-item, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4):hover .cadre-inner .cadre-item{ border-top-left-radius: 12px; border-bottom-left-radius: 12px; border-top-right-radius: 12px; border-bottom-right-radius: 12px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child:hover .cadre-inner .cadre-item{ border-top-left-radius: 12px; border-bottom-left-radius: 12px; border-top-right-radius: 12px; border-bottom-right-radius: 12px;} /*** LES CADRES-ITEM-FINAL 1920x1200px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final{ width: 273px; height: 470px; margin-left: 7px; margin-top: 7px; } /*** CADRE ITEM FIX ***/ /*** Gradient Red ***/ /*** Gradient Orange ***/ /*** Gradient Yellow ***/ /*** Gradient Green ***/ /*** Gradient Blue ***/ /** COLOR INSIDE = DEGRADE GRIS 1920x1200px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final .color-inside{ width: 265px; height: 462px; left: 19px; margin-top: 3px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final .color-inside{ border-top-left-radius: 4px; border-bottom-left-radius: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final .color-inside{ border-top-left-radius: 4px; border-bottom-left-radius: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final-fix .color-inside, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final .color-inside{ border-top-left-radius: 4px; border-bottom-left-radius: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final{ border-top-left-radius: 7px; border-bottom-left-radius: 7px; border-top-right-radius: 7px; border-bottom-right-radius: 7px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final{ border-top-left-radius: 7px; border-bottom-left-radius: 7px; border-top-right-radius: 7px; border-bottom-right-radius: 7px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final{ border-top-left-radius: 7px; border-bottom-left-radius: 7px; border-top-right-radius: 7px; border-bottom-right-radius: 7px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child:hover .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2):hover .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3):hover .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4):hover .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child:hover .cadre-inner .cadre-item .cadre-item-final-fix, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child:hover .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2):hover .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3):hover .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4):hover .cadre-inner .cadre-item .cadre-item-final, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child:hover .cadre-inner .cadre-item .cadre-item-final{ width: 273px; height: 470px; margin-left: 7px; margin-top: 7px;} /*** Les LOGOS 1920x1200px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .spip_logos_rappel{ width: 250px; height: 250px; margin-left: 26px; margin-top: 0px; position: absolute;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child:hover .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2):hover .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3):hover .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4):hover .cadre-inner .spip_logos_rappel, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child:hover .cadre-inner .spip_logos_rappel{ width: 250px; height: 250px; margin-left: 26px;} /*** Les TITRES 1920x1200px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li .spip_titre_rappel { width: 193px; top: 192px; margin-left: 0px; font-size: 23px; line-height: 25px; text-shadow: 0 0 1px #FFFFFF, 0 0 1px #FFFFFF, 0 0 2px #FFFFFF, 0 0 5px #FFFFFF, 0 0 10px #FFFFFF, 0 0 16px #FFFFFF; padding-top: 10px; padding-bottom: 10px; padding-left: 40px; padding-right: 40px;} .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:hover .spip_titre_rappel{ text-shadow: 0 0 1px #FFFFFF, 0 0 1px #FFFFFF, 0 0 2px #FFFFFF, 0 0 5px #FFFFFF, 0 0 10px #FFFFFF, 0 0 16px #FFFFFF;} /*** Les DESCRIPTIFS V1 avec titre sur 1 ligne 1920x1200px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li .spip_descriptif_item-rappel{ display: block; width: 200px; margin-top: 0px; margin-left: 19px; font-size: 13px; line-height: 15px; padding: 10px 5px 1px 15px; border-radius: 10px;} /*** Les DESCRIPTIFS V2 avec titre sur 2 lignes 1920x1200px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li .spip_descriptif_item-rappel2{ border-radius: 5px; display: block; font-size: 13px; height: 170px; line-height: 15px; margin-left: 11px; margin-top: 270px; padding: 10px 5px 1px 10px; width: 227px;} /*** POUR Les BTNS COULEURS(noir en fait) 1920x1200px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final .color-inside .mon-btn-color, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final .color-inside .mon-btn-color, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final .color-inside .mon-btn-color, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final .color-inside .mon-btn-color, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final .color-inside .mon-btn-color{ float: bottom; left: 0px; width: 36%; font-size: 16px; line-height: 16px; z-index:1000; color: #ffffff; padding-left: 10px; padding-right: 10px; padding-top: 10px; padding-bottom: 10px; margin-left: 74px; margin-top: -60px; border-radius: 10px; } /*** POUR Les BTNS NOIR 1920x1200px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child .cadre-inner .cadre-item .cadre-item-final-fix .color-inside .mon-btn, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside .mon-btn, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside .mon-btn, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4) .cadre-inner .cadre-item .cadre-item-final-fix .color-inside .mon-btn, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child .cadre-inner .cadre-item .cadre-item-final-fix .color-inside .mon-btn{ left: 0px; width: 36%; font-size: 16px; line-height: 16px; padding-left: 10px; padding-right: 10px; padding-top: 10px; padding-bottom: 10px; border-radius: 10px; margin-left: 74px; margin-top: 18px; } /*** POUR Les BTNS COULEURS et POUR Les BTNS NOIR 1920x1200px *****/ .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child:hover .cadre-inner .cadre-item .cadre-item-final .color-inside .mon-btn-color, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2):hover .cadre-inner .cadre-item .cadre-item-final .color-inside .mon-btn-color, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3):hover .cadre-inner .cadre-item .cadre-item-final .color-inside .mon-btn-color, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4):hover .cadre-inner .cadre-item .cadre-item-final .color-inside .mon-btn-color, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child:hover .cadre-inner .cadre-item .cadre-item-final .color-inside .mon-btn-color, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:first-child:hover .cadre-inner .cadre-item .cadre-item-final-fix .color-inside .mon-btn, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(2):hover .cadre-inner .cadre-item .cadre-item-final-fix .color-inside .mon-btn, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(3):hover .cadre-inner .cadre-item .cadre-item-final-fix .color-inside .mon-btn, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:nth-child(4):hover .cadre-inner .cadre-item .cadre-item-final-fix .color-inside .mon-btn, .spip-content .main #menu_rubriques2 ul.spip_logos_bloc li:last-child:hover .cadre-inner .cadre-item .cadre-item-final-fix .color-inside .mon-btn{ position: absolute; box-shadow: 0px 0px 1px #fff, 0px 0px 1px #fff , 0px 0px 2px #fff , 0px 0px 5px #fff , 0px 0px 10px #fff, 0px 0px 16px #fff; cursor: pointer; text-decoration: none; opacity: 1;} /******************************************************************************* LES SOUS-RUBRIQUE DE CONTENU et RUBRIQUE FORMULAIRES 1920x1200px ************************************************************************************/ /*** CONTENU RUBRIQUES ITEMS 1920x1200px *****/ .spip-content .main .wrapper .content .box-texte{ position: absolute; top: 168px; left: 140px; border-radius: 10px 0px 0px 10px; width: 1520px; height: 640px; z-index: 10; text-shadow: none; border-radius: 0px 0px 12px 12px; background-color: rgba(255, 255, 255, 0.25); border: 1px solid #FFFFFF; transition: all 0.35s ease-in-out 0s;} .spip-content .main .wrapper .content .box-texte .inner-txt{ padding: 7px 7px 7px 7px; border-radius: 10px 0px 0px 10px;} .spip-content .main .wrapper .content .box-texte .inner-txt .bg-texte{ width: 1345px; height: 614px; padding: 0px 10px 10px 10px ; border-radius: 7px 0px 0px 7px; background-color: rgba(255, 255, 255, 0.85); border: 1px solid #fff;} .spip-content .main .wrapper .content .box-texte .inner-txt .bg-texte .texte{ border-radius: 5px; color: #808080; float: left; font-family: Arial,Helvetica,sans-serif; font-size: 17px; height: 564px; line-height: 20px; overflow: auto; padding: 42px 100px 20px 130px; text-align: left; width: 1125px;} p { margin: 0 0 0px;} /*** TEXTE DE LA RUBRIQUE-B 1920x1200px *****/ .spip-content .main .wrapper .content .texte-rub1{ border-radius: 8px; font-size: 20px; left: 140px; line-height: 22px; top: 10px; padding: 13px 160px 0 160px; width: 1170px; height: 58px;} .spip-content .main #menu_rubriques1 { width: 1600px; height: 350px; left: 70px; margin-top: 240px;} .spip-content .main #menu_rubriques1 li{ font-size: .8em; margin-left: -1px; margin-top: -15px; } /*** DESCRIPTIF SSRUB 1920x1200px *****/ .spip-content .main .wrapper .content .descriptif-ssrub{ background-color: rgba(241, 241, 241, 0.85); border: 1px solid #FFFFFF; border-radius: 8px 8px 0 0; color: #555555; float: left; font-family: Arial,Helvetica,sans-serif; font-size: 20px; line-height: 25px; left: 140px; padding: 13px 160px 0 160px; position: absolute; text-align: left; top: 90px; width: 1200px; height: 64px;} /*** TAILLE DE L'IMAGE DANS LE CORPS DE TEXTE SPIP 1920x1200px *****/ .spip_documents_left img{width: 100px; height: 100px; margin-left: 37px; margin-top: -18px; background-color: #fbfbfb;} /*** PARTICULARITE RUBRIQUE FORMULAIRE 1920x1200px *****/ .spip-content .main .wrapper .content .box-texte .inner-txt-formulaire{ padding: 7px 7px 7px 7px; border-radius: 10px 0px 0px 10px; font-family: Arial,Helvetica,sans-serif; text-align: left;} .spip-content .main .wrapper .content .box-texte .inner-txt-formulaire .bg-texte-formulaire{ border-radius: 7px 7px 7px 7px; background-color: rgba(255, 255, 255, 0.85); border: 1px solid #fff; float: left; overflow: auto; padding: 0 160px 20px 140px; text-align: left; float: left; overflow: auto; border-radius: 5px; color: #808080; font-family: Arial,Helvetica,sans-serif; text-align: left; font-size: 19px; line-height: 21px; width: 1204px; height: 604px;} /*** PARTICULARITE RUBRIQUE SIMPLE 1920x1200px *****/ .spip-content .main .wrapper .content .box-texte .inner-txt-simple{ padding: 7px 7px 7px 7px; border-radius: 10px 0px 0px 10px; font-family: Arial,Helvetica,sans-serif; text-align: left;} .spip-content .main .wrapper .content .box-texte .inner-txt-simple .bg-texte-simple{ border-radius: 7px 7px 7px 7px; background-color: rgba(255, 255, 255, 0.85); border: 1px solid #fff; float: left; overflow: auto; padding: 60px 160px 20px 160px; text-align: left; float: left; overflow: auto; border-radius: 5px; color: #808080; font-family: Arial,Helvetica,sans-serif; text-align: left; font-size: 19px; line-height: 21px; width: 1184px; height: 544px;} /*** POUR LE PETIT MENU des SOUS RUBRIQUES en haut à droite 1920x1200px *****/ .spip-content .main #menu_rubriques1 { position: absolute; text-align: left; width: 118px; height: 640px; z-index: 1000; top: -72px; padding-right: 20px; left: 1522px; background-color: rgba(241, 241, 241, 0.7); border-top-left-radius: 0px; border-bottom-left-radius: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 12px; border: 1px solid #fff; } .spip-content .main #menu_rubriques1 li{ font-size: .8em; margin-left: -1px; list-style: none; float: right; margin-top: -15px; } .spip-content .main #menu_rubriques1 li ul li{ font-size: 1em; margin-left: 0em;} .spip-content .main #menu_rubriques1 { list-style-type:none; } .spip-content .main #menu_rubriques1 li { list-style-type: none; } .spip-content .main #menu_rubriques1 li li { list-style-type: none; } .spip-content .main #menu_rubriques1 li li li { list-style-type: none; } .spip-content .main #menu_rubriques1 hr {margin : 0.7em 0;} .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li { width: 114px; } .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li:hover { width: 114px; } .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li .spip_logos_rappel { height: 130px; width: 130px; margin-bottom: 10px; padding-left: 0px; margin-top: 20px;} .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li:hover .spip_logos_rappel {} .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li .spip_titre_rappel { position: absolute; width: 120px; margin-top: -20px; margin-left: 4px; font-family: "Fugaz One"; text-align: center; font-size: 16px; line-height: 18px; list-style: none;} .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li:hover .spip_titre_rappel { } /*** Les currents 1920x1200px ***/ .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li .nav_current_rub{ display: none;width: 120px; } .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li .nav_current_rub .spip_logos_rappel { width: 80px; height: 80px; padding-left: 18px; padding-top: 18px; padding-bottom: 10px;} .spip-content .main #menu_rubriques1 ul.spip_logos_bloc li .nav_current_rub .spip_titre_rappel { position: absolute; width: 120px; margin-top: -14px; margin-left:-1px; text-align: center; font-size: 14px; line-height: 14px; list-style: none; } /*** FIN de 1920x1200px *****/ }