/* CSS DU SITE MER ET VACANCES / SEAN AND HOLIDAYS */ /* =============================================================================================================== */ /* ============================================ NAVIGATION DU MENU =============================================== */ /* =============================================================================================================== */ .colonnePAD { padding:0px 5px; } .colonneOFF, .colonneON { font-family:Arial, Helvetica, sans-serif; color:#656565; font-size:10px; height:35px;} .colonneOFF { background-color:#EEEEEE; cursor:pointer;cursor:pointer; font-family: Arial, Helvetica, sans-serif; color:#656565; font-size:10px; height:35px; } .colonneON { background-color:#23A2F8; cursor:hand;cursor:pointer; color:#FFFFFF; } .navPAD { padding:0px 5px; } .navOFF, .navON { font-family:Verdana, Arial, Helvetica, sans-serif; color:#FFF; font-size:10px; height:20px; text-align:center; } .navOFF { cursor:pointer;cursor:pointer; font-family:Verdana, Arial, Helvetica, sans-serif; color:#FFFFFF; font-size:10px; height:20px; } .navON { background-color:#4590B8; cursor:hand;cursor:pointer; color:#FFFFFF; } .navPAD { padding:0px 5px; } .navOFFmembre, .navONmembre { font-family:Verdana, Arial, Helvetica, sans-serif; color:#FFF; font-size:10px; height:20px; text-align:center; } .navOFFmembre { cursor:pointer;cursor:pointer; font-family:Verdana, Arial, Helvetica, sans-serif; color:#FEC30F; font-size:10px; height:20px; } .navONmembre { background-color:#FEC30F; cursor:hand;cursor:pointer; color:#FFFFFF; } .navPAD { padding:0px 5px; } .navOFFactu, .navONactu { font-family:Verdana, Arial, Helvetica, sans-serif; color:#FFF; font-size:10px; height:20px; text-align:center; } .navOFFactu { background-color:#FFFFFF; cursor:pointer;cursor:pointer; font-family:Verdana, Arial, Helvetica, sans-serif; color:#43B0FF; font-size:10px; height:20px; } .navONactu { background-color:#eeeeee; cursor:hand;cursor:pointer; color:#15384C; } .navPAD { padding:0px 5px; } .navOFFcoeur, .navONcoeur { font-family:Verdana, Arial, Helvetica, sans-serif; color:#FFF; font-size:10px; height:20px; text-align:center; } .navOFFcoeur { background-color:#E6E6E6; cursor:pointer;cursor:pointer; font-family:Verdana, Arial, Helvetica, sans-serif; color:#ffffff; font-size:10px; height:20px; } .navONcoeur { background-color:#D52B4D; cursor:pointer;cursor:pointer; font-family:Verdana, Arial, Helvetica, sans-serif; color:#FFFFFF; font-size:10px; height:20px; } .navPAD { padding:0px 5px; } .navOFFannonces, .navONannonces { font-family:Verdana, Arial, Helvetica, sans-serif; color:#FFF; font-size:10px; height:20px; text-align:center; } .navOFFannonces { background-color:#E6E6E6; cursor:pointer;cursor:pointer; font-family:Verdana, Arial, Helvetica, sans-serif; color:#ffffff; font-size:10px; height:20px; } .navONannonces { background-color:#00A8DA; cursor:pointer;cursor:pointer; font-family:Verdana, Arial, Helvetica, sans-serif; color:#FFFFFF; font-size:10px; height:20px; } /* =============================================================================================================== */ /* ============================================ TEXTE ============================================================ */ /* =============================================================================================================== */ .TexteCharte { COLOR: #99A9AA; FONT-FAMILY: Verdana,Arial,Helvetica, sans-serif; FONT-SIZE:11px; } .Texteactu { COLOR: #2F2F2F; FONT-FAMILY: Verdana,Arial,Helvetica, sans-serif; FONT-SIZE:10px; } .Texteactu11 { COLOR: #1F1F1F; FONT-FAMILY: Verdana,Arial,Helvetica, sans-serif; FONT-SIZE:11px; } .Vert { COLOR: #657A7B; FONT-FAMILY: Verdana,Arial,Helvetica, sans-serif; FONT-SIZE:11px; } .Rouge { COLOR: #FF0000; FONT-FAMILY: Verdana,Arial,Helvetica, sans-serif; FONT-SIZE:11px; } .Bleuclair11 { COLOR: #43B0FF; FONT-FAMILY: Verdana,Arial,Helvetica, sans-serif; FONT-SIZE:11px; } .Bleuclair10 { COLOR: #43B0FF; FONT-FAMILY: Verdana,Arial,Helvetica, sans-serif; FONT-SIZE:10px; } .GrisBleu11 { COLOR: #657385; FONT-FAMILY: Verdana,Arial,Helvetica, sans-serif; FONT-SIZE:11px; } .GrisBleu10 { COLOR: #657385; FONT-FAMILY: Verdana,Arial,Helvetica, sans-serif; FONT-SIZE:10px; } .RougeCoeur10 { COLOR: #DD0B0B; FONT-FAMILY: Verdana,Arial,Helvetica, sans-serif; FONT-SIZE:10px; } .Blanc11 { COLOR: #FFFFFF; FONT-FAMILY: Verdana,Arial,Helvetica, sans-serif; FONT-SIZE:11px; } .Bordeaux12 { COLOR: #910B00; FONT-FAMILY: Verdana,Arial,Helvetica, sans-serif; FONT-SIZE:11px; } .RougeBordeaux { COLOR: #8E5656; FONT-FAMILY: Verdana,Arial,Helvetica, sans-serif; FONT-SIZE:11px; } .RougeItalique12 { COLOR: #990000; FONT-FAMILY: Verdana,Arial,Helvetica, sans-serif; FONT-SIZE:12px; font-style: italic; } .Violet14 { COLOR: #9A017B; FONT-FAMILY: Verdana,Arial,Helvetica, sans-serif; FONT-SIZE:14px; font-style: bold; } .TitreJaune { COLOR: #FFAE00; FONT-FAMILY: Verdana,Arial,Helvetica, sans-serif; FONT-SIZE:12px; } .Jaune12 { COLOR: #FFAE00; FONT-FAMILY: Verdana,Arial,Helvetica, sans-serif; FONT-SIZE:12px; } .Jaune14 { COLOR: #FFAE00; FONT-FAMILY: Verdana,Arial,Helvetica, sans-serif; FONT-SIZE:14px; } A.LienGrisFonce11 { COLOR: #333333; FONT-FAMILY: Verdana, Arial, Verdana, Helvetica, sans-serif; FONT-SIZE:1em; TEXT-DECORATION:none; } A:hover.LienGrisFonce11 { COLOR: #05B701; FONT-FAMILY: Verdana,Arial,Verdana,Helvetica, sans-serif; FONT-SIZE:11px; TEXT-DECORATION:none; } A.LienBleu10 { COLOR: #6AA8BC; FONT-FAMILY: Verdana,Arial,Verdana,Helvetica, sans-serif; FONT-SIZE:10px; TEXT-DECORATION:none; } A:hover.LienBleu10 { COLOR: #172F37; FONT-FAMILY: Verdana,Arial,Verdana,Helvetica, sans-serif; FONT-SIZE:10px; TEXT-DECORATION:none; } A.LienActu10 { COLOR: #313C44; FONT-FAMILY: Verdana,Arial,Verdana,Helvetica, sans-serif; FONT-SIZE:10px; TEXT-DECORATION:none; } A:hover.LienActu10 { COLOR: #537397; FONT-FAMILY: Verdana,Arial,Verdana,Helvetica, sans-serif; FONT-SIZE:10px; TEXT-DECORATION:underline; } A.LienGris9 { COLOR: #535353; FONT-FAMILY: Verdana,Arial,Verdana,Helvetica, sans-serif; FONT-SIZE:9px; TEXT-DECORATION:none; } A:hover.LienGris9 { COLOR: #ffffff; FONT-FAMILY: Verdana,Arial,Verdana,Helvetica, sans-serif; FONT-SIZE:9px; TEXT-DECORATION:none; } A.LienVert11 { COLOR: #2A6745; FONT-FAMILY: Verdana,Arial,Verdana,Helvetica, sans-serif; FONT-SIZE:11px; TEXT-DECORATION:none; } A:hover.LienVert11 { COLOR: #05B701; FONT-FAMILY: Verdana,Arial,Verdana,Helvetica, sans-serif; FONT-SIZE:11px; TEXT-DECORATION:none; } A.LienGris11 { COLOR: #D7DBE3; FONT-FAMILY: Verdana,Arial,Verdana,Helvetica, sans-serif; FONT-SIZE:1em; TEXT-DECORATION:none; } A:hover.LienGris11 { COLOR: #8A0000; FONT-FAMILY: Verdana,Arial,Verdana,Helvetica, sans-serif; FONT-SIZE:1em; TEXT-DECORATION:none; } A.LienVert11 { COLOR: #05B701; FONT-FAMILY: Verdana,Arial,Verdana,Helvetica, sans-serif; FONT-SIZE:11px; TEXT-DECORATION:none; } A:hover.LienVert11 { COLOR: #D30D0D; FONT-FAMILY: Verdana,Arial,Verdana,Helvetica, sans-serif; FONT-SIZE:11px; TEXT-DECORATION:none; } A.LienRouge11 { COLOR: #8E0606; FONT-FAMILY: Verdana,Arial,Verdana,Helvetica, sans-serif; FONT-SIZE:11px; TEXT-DECORATION:none; } A:hover.LienRouge11 { COLOR: #05B701; FONT-FAMILY: Verdana,Arial,Verdana,Helvetica, sans-serif; FONT-SIZE:11px; TEXT-DECORATION:none; } /* =============================================================================================================== */ /* ================================= Personalisation des bouton submit =========================================== */ /* =============================================================================================================== */ input.bouton { border:1px solid #657A7B; FONT-FAMILY: Verdana,Arial,Helvetica, sans-serif; FONT-SIZE:12px; background-color:#507994; color: #FFFFFF; cursor:pointer; } input.bouton:hover { background-color:#FFFFFF; FONT-FAMILY: Verdana,Arial,Helvetica, sans-serif; FONT-SIZE:12px; color:#657A7B; } input.bouton:active { border:1px solid #FFFFFF; FONT-FAMILY: Verdana,Arial,Helvetica, sans-serif; FONT-SIZE:12px; background-color:#82B8A7; color: #FFFFFF; } input.champformulaire { border:1px solid #C7C7C7; FONT-FAMILY: Verdana,Arial,Helvetica, sans-serif; FONT-SIZE:11px; background-color:#FFFFFF; color: #2D546C; cursor:pointer; } input.champformulaire:hover { border:1px solid #A5E2FF; background-color:#FFFFFF; FONT-FAMILY: Verdana,Arial,Helvetica, sans-serif; FONT-SIZE:11px; color:#2D546C; cursor:pointer; } input.champformulaire:active { border:1px solid #C7C7C7; FONT-FAMILY: Verdana,Arial,Helvetica, sans-serif; FONT-SIZE:11px; background-color:#FFFFFF; color: #2D546C; cursor:pointer; } /* =============================================================================================================== */ /* ================================= Personalisation sousrubriques (page annonces) =============================== */ /* =============================================================================================================== */ div#menu ul a { display: block ; height: 20px ; /* hauteur des boutons */ width: 300px; text-indent: 00px ; /* décalage du texte sur la droite */ line-height: 20px ; /* hauteur du texte dans le bouton */ color: #00ABE2 ; text-decoration: none ; FONT-FAMILY: Verdana,Arial,Helvetica, sans-serif; FONT-SIZE:11px; border-bottom: 00px solid #acc6e8 ; border-right: 00px solid #00ABE2 ; background: url(fr/images/flecheoff.gif) ; } div#menu ul a:hover { background: url(fr/images/flecheon.gif) ; color: #094052 ; border-right: 00px solid #23A629 ; width: 300px; } /* =============================================================================================================== */ /* ================================= STYLE DE TEXTE POUR LA RUBRIQUE EQUIPEMENT ================================== */ /* =============================================================================================================== */ .relax-blanc12 { COLOR: #FFFFFF; FONT-FAMILY: Verdana,Arial,Helvetica, sans-serif; FONT-SIZE:12px; } .equipementGrisBleu12 { COLOR: #C3CADB; FONT-FAMILY: Verdana,Arial,Helvetica, sans-serif; FONT-SIZE:12px; } .equipementVert10 { COLOR: #07C002; FONT-FAMILY: Verdana,Arial,Helvetica, sans-serif; FONT-SIZE:10px; } .equipementOrangeSoutenu11 { COLOR: #D74308; FONT-FAMILY: Verdana,Arial,Helvetica, sans-serif; FONT-SIZE:11px; } .equipementJaune14 { COLOR: #FFB400; FONT-FAMILY: Verdana,Arial,Helvetica, sans-serif; FONT-SIZE:14px; font-weight: bold; } /* =============================================================================================================== */ /* ================================= CSS pour la rubrique DOTCLEAR DU SITE ======================================= */ /* =============================================================================================================== */ /* textes */ .dotclearTitreVert14 {COLOR: #9ED200; FONT-FAMILY: Verdana,Arial,Helvetica, sans-serif; FONT-SIZE:18px; font-weight: bold;} .dotclearTitreVert11 {COLOR: #9ED200; FONT-FAMILY: Verdana,Arial,Helvetica, sans-serif; FONT-SIZE:11px; } .dotclearTexte { COLOR: #afafaf; FONT-FAMILY: Verdana,Arial,Helvetica, sans-serif; FONT-SIZE:12px; } .dotclearBleu18 { COLOR: #0096ff; FONT-FAMILY: Verdana,Arial,Helvetica, sans-serif; FONT-SIZE:18px; } .dotclearBlanc18 { COLOR: #ffffff; FONT-FAMILY: Verdana,Arial,Helvetica, sans-serif; FONT-SIZE:18px; } .dotclearRouge { COLOR: #FF0000; FONT-FAMILY: Verdana,Arial,Helvetica, sans-serif; FONT-SIZE:11px; } .dotclearCommentaire { COLOR: #7b8296; FONT-FAMILY: Verdana,Arial,Helvetica, sans-serif; FONT-SIZE:10px; } A.dotclearLienBleu18 { COLOR: #0096ff; FONT-FAMILY: Verdana,Arial,Verdana,Helvetica, sans-serif; FONT-SIZE:18px; TEXT-DECORATION:none; font-weight: bold;} A:hover.dotclearLienBleu18 { COLOR: #0096ff; FONT-FAMILY: Verdana,Arial,Verdana,Helvetica, sans-serif; FONT-SIZE:18px; TEXT-DECORATION:underline; font-weight: bold; } A.dotclearLienBleu12 { COLOR: #0096ff; FONT-FAMILY: Verdana,Arial,Verdana,Helvetica, sans-serif; FONT-SIZE:12px; TEXT-DECORATION:none; font-weight: bold;} A:hover.dotclearLienBleu12 { COLOR: #0096ff; FONT-FAMILY: Verdana,Arial,Verdana,Helvetica, sans-serif; FONT-SIZE:12px; TEXT-DECORATION:underline; font-weight: bold; } A.dotclearLienBlanc18 { COLOR: #FFFFFF; FONT-FAMILY: Verdana,Arial,Verdana,Helvetica, sans-serif; FONT-SIZE:18px; TEXT-DECORATION:none; font-weight: bold;} A:hover.dotclearLienBlanc18 { COLOR: #FFFFFF; FONT-FAMILY: Verdana,Arial,Verdana,Helvetica, sans-serif; FONT-SIZE:18px; TEXT-DECORATION:underline; font-weight: bold; } /* Calendrier colonne de droite */ #calendar { text-align: center; } #calendar h2 { display : none; } #calendar a{ text-decoration: none; } #calendar table { font-size : 11px; margin : 0 auto; width: 12em; } #calendar caption { padding : 0 0 0.3em 0; font-size : 10px; margin : 0 auto; } #calendar abbr { border : none; } #calendar th{ color: #9ED200; font-style: normal; } #calendar td { color: #999999; background: #EEE; text-align: center; } #calendar td a{ font-weight : bold; display: block; color: #666; background: #FFF url(http://www.meretvacances.com/fr/actus/themes/default/images/dayevent.png) no-repeat right top; } #calendar td a:visited{ color: #888; background: #FFF url(http://www.meretvacances.com/fr/actus/themes/default/images/dayeventv.png) no-repeat right top; } #calendar td.active a{ color: #F60; background: #FFF url(http://www.meretvacances.com/fr/actus/themes/default/images/dayevent.png) no-repeat right top; } /* Contenu ****************************************************************/ #content { margin: 10px; padding-bottom: 1em; padding-left: 20px; } .day-date{ display: none; } /* post-title */ .post-title { background : transparent url(http://www.meretvacances.com/fr/actus/themes/default/images/sstar.png) no-repeat 0 0.2em; padding-left : 20px; margin: 0 0 0 -20px; } .post-title a { color : #000; text-decoration : none; } /* post-info */ .post-info{ font-size: 0.85em; margin-top: 0; color: #333; background: transparent; } .post-content, .post-chapo{ line-height: 1.6em; text-align: justify; color: #222; background: transparent; } .post-content ul{ list-style-image: url(http://www.meretvacances.com/fr/actus/themes/default/images/puce.png); } /* Pour limiter la taille des images trop grandes * ajoutez un slash derrière l'étoile -> * .post-content img{ max-width: 100%; } /**/ /* post-info-co */ .post-info-co { clear: both; font-size: 0.85em; text-align: right; margin-bottom: 3em; } .post-info-co span{ display: none; } .post-info-co a{ padding-left: 12px; background: transparent url(http://www.meretvacances.com/fr/actus/themes/default/images/co.png) no-repeat left; }