body { color: #505050; margin:0; padding:0; } #conteneur { /* div qui contient tout le site */ z-index: 5; width: 1000px; position: relative; } #conteneur_page { background-color: #E9E9E9; display: block; min-height: 1500px; } #habillage_cliquable { /* quand on a un habillage cliquable, ajouter en haut de top.php :
*/ width: 100%; height: 100%; z-index: 1; left:0; top:0; cursor: pointer; position: fixed; } #emo_news { clear: both; margin-top: 15px; display: inline-block; } #emo_news .emo_news_titre { font-weight: bold; margin-bottom: 2px; color: #DD1C1C; } #emo_news .bout_emo_news { background: url(../img-deco/emo_news_fond_bout.gif); float: left; margin: 5px; padding: 3px 7px 2px 7px; width: 188px; cursor: pointer; border: solid 1px #CCC; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; } #emo_news .smiley { margin-right: 4px; } #emo_news .validate { background-position: 0px 35px; color: #FFFFFF; } #emo_news .desactive { cursor: default; } #emo_news .emo_news_pourcentage { float: right; margin-top: 6px; } .ui-datepicker-trigger { margin: 0 0 -3px 2px; } /*/ MENUS GAUCHE & DROITE ... /*/ .menu-sections-principales { font-family: Open Sans, sans-serif; font-weight:bold; text-transform:uppercase; min-height:21px; line-height:21px; font-size: 14px; font-style: normal; color: #FFFFFF; background-color:#454545; margin:0px; padding:10px 8px;} .menu-sections-principales h1 { padding: 0px; margin: 0px; font-size: 14px; } .menu-sections-principales a { color:#FFF; text-decoration:underline; } .menu-sections-principales a:hover { color:#FFF; text-decoration:none; } .bandeau-page { font-family: Open Sans, sans-serif; font-weight:bold; min-height:21px; line-height:21px; font-size: 14px; font-style: normal; color:#FFFFFF; background-color:#454545; margin:0px; padding:10px 8px; } .bandeau-page h1 { padding: 0px; margin: 0px; font-size: 14px; } .bandeau-page a { color:#FFF; text-decoration:underline; text-transform:uppercase; } .bandeau-page a:hover { color:#FFF; text-decoration:none; } .bandeau-page-left { float:left; } .bandeau-page-right { float:right; font-size:11px; font-weight:normal; } #bandeau-actualites-left { float:left; } #bandeau-actualites-right { float:right; font-size:11px; font-weight: normal; } #bandeau-a-ne-pas-manquer-left { float:left; } #bandeau-a-ne-pas-manquer-right { float:right; } #bandeau-a-ne-pas-manquer-right a { float: left; margin: 4px 2px 0px 2px; } #bandeau-concours { background-color:#b21a57; } #bandeau_agenda_left { float:left; } #bandeau_agenda_right { float:right; font-size:11px; font-weight: normal; } #bandeau-agenda-categories { font-family: Open Sans, sans-serif; height:20px; line-height:20px; font-size: 14px; font-style: normal; color: #FFFFFF; padding:10px 8px; } #bandeau-agenda-categories a {color:#FFF; text-decoration:underline;} #bandeau-agenda-categories-left { float:left; font-style:italic; font-weight: bold; } #bandeau-agenda-categories-right { float:right;} .contenu-page { background-color: #ffffff; padding:10px 10px; float:left; width:657px; font-family: Arial,Sans-serif; font-size: 12px; } .menu-texte-gris {font-family: Arial, Verdana, sans-serif;font-size: 12px;font-style: normal;font-weight: normal; line-height:15px; color: #505050;padding-left:4px;} .menu-texte-gris a, .menu-texte-gris a:link, .menu-texte-gris a:visited {color: #505050; text-decoration:none;} .menu-texte-gris a:hover, .menu-texte-gris a:active {color: #505050; text-decoration:underline;} .texte-menus-petit { font-family: Arial,Sans-serif; font-size: 10px; font-weight: normal; line-height: 15px;} a.texte-menus-petit:link,a.texte-menus-petit:hover { line-height: 15px;} .cadre-menus-sub { visibility: hidden; z-index:99999; position: absolute; background: #FFFFFF; border: 1px solid #C7C7C7; padding:1px 5px 3px; line-height: 15px; filter: progid:DXImageTransform.Microsoft.Shadow(color=#A7A7A7,direction=130,strength=2);} .cadre-menus-sub a { display:block;} /*/ TEXTES /*/ a { text-decoration: none; color: #505050;} a:hover { text-decoration: underline; color: #000000;} .texte-normal { font-family: Arial,Sans-serif; font-size: 12px;} a.texte-normal:link,a.texte-normal:hover { color: #505050;} .texte-moyen { font-family: Arial,Sans-serif; font-size: 11px;} .texte-note { font-family: Arial,Sans-serif; font-size: 10px; line-height:11px;} a.texte-note:link,a.texte-note:hover { color: #000000;} .texte-blanc {font-family: Arial,Sans-serif;font-size: 12px;color: #FFFFFF;line-height: 16px;font-weight: bold;text-transform: uppercase;} .titre-section-blanc-15 {font-family: Arial, Verdana, sans-serif; text-transform: uppercase; font-size: 14px; line-height:normal; color: #FFFFFF;} .titre-section-blanc-15 a, .titre-section-blanc-15 a:link, .titre-section-blanc-15 a:hover, .titre-section-blanc-15 a:visited, .titre-section-blanc-15 a:active {font-family: Arial, Verdana, sans-serif; font-size: 14px; line-height:normal; color: #FFFFFF; text-decoration:underline} .titre-section-blanc-11 {font-family: Arial, Verdana, sans-serif; text-transform: uppercase; font-size: 11px; color: #FFFFFF; text-decoration:none} .titre-section-blanc-11 a, .titre-section-blanc-11 a:link, .titre-section-blanc-11 a:hover, .titre-section-blanc-11 a:visited, .titre-section-blanc-11 a:active {font-family: Arial, Verdana, sans-serif; font-size: 11px; line-height:normal; color: #FFFFFF; text-decoration:underline} .texte-gris-16 {font-family: Arial, Helvetica, sans-serif; font-size: 16px; color: #505050;} .texte-gris-16 a, .texte-gris-16 a:link, .texte-gris-16 a:visited {font-family: Arial, Helvetica, sans-serif; font-size: 16px; color: #000000; text-decoration:underline;} .texte-gris-16 a:hover, .texte-gris-16 a:active {font-family: Arial, Helvetica, sans-serif; font-size: 16px; color: #000000; text-decoration:underline;} .texte-gris-12 {font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #505050;} .texte-gris-12 a, .texte-gris-12 a:link, .texte-gris-12 a:visited {font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000000; text-decoration:underline;} .texte-gris-12 a:hover, .texte-gris-12 a:active {font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000000; text-decoration:underline;} .texte-gris-11 {font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #505050;} .texte-gris-11 a, .texte-gris-11 a:link, .texte-gris-11 a:visited {font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #000000; text-decoration:underline;} .texte-gris-11 a:hover, .texte-gris-11 a:active {font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #000000; text-decoration:underline;} .texte-gris-10 {font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #505050;} .texte-gris-10 a, .texte-gris-10 a:link, .texte-gris-10 a:visited {font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #000000; text-decoration:underline;} .texte-gris-10 a:hover, .texte-gris-10 a:active {font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #000000; text-decoration:underline;} .texte-rouge-11 {font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #dd1c1c; text-decoration:none;} .texte-rouge-11 a, .texte-rouge-11 a:link, .texte-rouge-11 a:visited {font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #dd1c1c; text-decoration:none;} .texte-rouge-11 a:hover, .texte-rouge-11 a:active {font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #dd1c1c; text-decoration:underline;} .texte-rouge-12 {font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #dd1c1c; text-decoration:none;} .texte-rouge-12 a, .texte-rouge-12 a:link, .texte-rouge-12 a:visited {font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #dd1c1c; text-decoration:none;} .texte-rouge-12 a:hover, .texte-rouge-12 a:active {font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #dd1c1c; text-decoration:underline;} .texte-rouge-16 {font-family: Arial, Helvetica, sans-serif; font-size: 16px; color: #dd1c1c; text-decoration:none;} .texte-rouge-16 a, .texte-rouge-16 a:link, .texte-rouge-16 a:visited {font-family: Arial, Helvetica, sans-serif; font-size: 16px; color: #dd1c1c; text-decoration:none;} .texte-rouge-16 a:hover, .texte-rouge-16 a:active {font-family: Arial, Helvetica, sans-serif; font-size: 16px; color: #dd1c1c; text-decoration:underline;} .texte-cyan-11, .texte-cyan-11 a, .texte-cyan-11 a:link, .texte-cyan-11 a:visited {font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #4fb6e9; text-decoration:none;} .texte-cyan-11 a:hover, .texte-cyan-11 a:active {font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #4fb6e9; text-decoration:underline;} .texte-orange-11, .texte-orange-11 a, .texte-orange-11 a:link, .texte-orange-11 a:visited {font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #ff6600; text-decoration:none;} .texte-orange-11 a:hover, .texte-orange-11 a:active {font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #ff6600; text-decoration:underline;} .texte-orange-12, .texte-orange-12 a, .texte-orange-12 a:link, .texte-orange-12 a:visited {font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #ff6600; text-decoration:none;} .texte-orange-12 a:hover, .texte-orange-12 a:active {font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #ff6600; text-decoration:underline;} .texte-orange-16, .texte-orange-16 a, .texte-orange-16 a:link, .texte-orange-16 a:visited {font-family: Arial, Helvetica, sans-serif; font-size: 16px; color: #ff6600; text-decoration:none;} .texte-orange-16 a:hover, .texte-orange-16 a:active {font-family: Arial, Helvetica, sans-serif; font-size: 16px; color: #ff6600; text-decoration:underline;} .texte-bleu-16, .texte-bleu-16 a, .texte-bleu-16 a:link, .texte-bleu-16 a:visited {font-family: Arial, Helvetica, sans-serif; font-size: 16px; color: #2678c5; text-decoration:none;} .texte-bleu-16 a:hover, .texte-bleu-16 a:active {font-family: Arial, Helvetica, sans-serif; font-size: 16px; color: #2678c5; text-decoration:underline;} .texte-bleu-11 {font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #2678c5;} .texte-bleu-11 a, .texte-bleu-11 a:link, texte-bleu-11 a:visited {font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #2678c5; text-decoration:underline;} .texte-bleu-11 a:hover, .texte-bleu-11 a:active {font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #2678c5; text-decoration:underline;} .texte-bleu-12 {font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #2678c5;} .texte-bleu-12 a, .texte-bleu-11 a:link, texte-bleu-11 a:visited {font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #2678c5; text-decoration:underline;} .texte-bleu-12 a:hover, .texte-bleu-11 a:active {font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #2678c5; text-decoration:underline;} .texte-vert-11 {font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #5a8e01;} .texte-vert-11 a, .texte-vert-11 a:link, texte-vert-11 a:visited {font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #5a8e01; text-decoration:underline;} .texte-vert-11 a:hover, .texte-vert-11 a:active {font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #5a8e01; text-decoration:underline;} .texte-vert-16 {font-family: Arial, Helvetica, sans-serif; font-size: 16px; color: #5a8e01;} .texte-vert-16 a, .texte-vert-16 a:link, texte-vert-16 a:visited {font-family: Arial, Helvetica, sans-serif; font-size: 16px; color: #5a8e01; text-decoration:underline;} .texte-vert-16 a:hover, .texte-vert-16 a:active {font-family: Arial, Helvetica, sans-serif; font-size: 16px; color: #5a8e01; text-decoration:underline;} .texte-blanc-11 {font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #ffffff; text-decoration:none;} .texte-blanc-11 a, .texte-blanc-11 a:link, .texte-blanc-11 a:visited {font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #ffffff; text-decoration:none;} .texte-blanc-11 a:hover, .texte-blanc-11 a:active {font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #ffffff; text-decoration:underline;} .texte-blanc-12 {font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #ffffff; text-decoration:none;} .texte-blanc-12 a, .texte-blanc-12 a:link, .texte-blanc-12 a:visited {font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #ffffff; text-decoration:none;} .texte-blanc-12 a:hover, .texte-blanc-12 a:active {font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #ffffff; text-decoration:underline;} .texte-blanc-16 {font-family: Arial, Helvetica, sans-serif; font-size: 16px; color: #ffffff; text-decoration:none;} .texte-blanc-16 a, .texte-blanc-16 a:link, .texte-blanc-16 a:visited {font-family: Arial, Helvetica, sans-serif; font-size: 16px; color: #ffffff; text-decoration:none;} .texte-blanc-16 a:hover, .texte-blanc-16 a:active {font-family: Arial, Helvetica, sans-serif; font-size: 16px; color: #ffffff; text-decoration:underline;} .texte-encart {font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #505050; text-decoration:none;} .texte-encart a, .texte-encart a:link, .texte-encart a:visited {font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000000; text-decoration:none;} .texte-encart a:hover, .texte-encart a:active {font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000000; text-decoration:underline;} .texteagenda {font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #505050; text-decoration:none;} .texteagenda a, .texteagenda a:link, .texteagenda a:visited {font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000000; text-decoration:none;} .texteagenda a:hover, .texteagenda a:active {font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000000; text-decoration:underline;} #menu-sous-rubrique { border:solid 1px #CCCCCC; padding: 2px; margin-bottom:10px; } #menu-sous-rubrique ul { width:670px; margin:0px; padding-left:3%; } #menu-sous-rubrique li { float:left; width:50%; list-style-type:none; } .stop_float { clear:both; } .login-champ { font-family: Arial,Sans-serif; font-size: 10px; color: #000000; background-color: #FFFFFF; border: 1px double #CCCCCC;} #bloc_rech_agenda #rech-site { width: 390px; } #bloc_rech_agenda #categories_agenda { text-align: center; width: 600px; margin: 4px auto 0px auto; } #bloc_rech_agenda #categories_agenda a { display: inline-block; margin: 0px 0px 4px 4px; padding: 3px 6px; background-color: #666; color: #FFF; text-decoration: none; font-family: Arial, Helvetica, sans-serif; font-size: 14px; } #bloc_rech_agenda #categories_agenda a:hover { background-color: #999; } .agenda-titre-evenement { font-family: Arial,Sans-serif; font-size: 16px;} .agenda-categories { font-family: Arial,Sans-serif; font-size: 12px; color: #FFFFFF;} /*.agenda-categories-petit{ font-family: Arial,Sans-serif; font-size: 10px; color: #FFFFFF;}*/ a.agenda-categories-petit:link{color: #FFFFFF;} a.agenda-categories-petit:hover{color: #FFFFFF;} .agenda-a-ne-pas-manquer { font-family: Arial,Sans-serif; font-size: 12px; color: #F04C23;} .agenda-sports-loisirs { font-family: Arial,Sans-serif; font-size: 12px; color: #33CC99;} .agenda-musique-soirees { font-family: Arial,Sans-serif; font-size: 12px; color: #9933FF;} .cellule-pistache { background-color: #D7FFA4; border-bottom: 1px solid #C7C7C7;} .zone-login { background-color: #454545;} .texte-login { color: #FFFFFF; font-family: Arial, Verdana, sans-serif; font-size: 11px; line-height: 16px;} .texte-login a, .texte-login a:hover {color: #FFFFFF;} .cadre-gris { border: 1px solid #ADADAD;} .cadre-menus { padding-top: 6px; padding-bottom: 4px; background-color: #FFF;} .cadre-menus-b { padding-top: 2px; padding-bottom: 2px; padding-left: 0px; padding-right: 0px; border-top: 1px none #C7C7C7; border-right: 1px solid #C7C7C7; border-bottom: 1px solid #C7C7C7; border-left: 1px solid #C7C7C7;} .cadre-gris-clair { border: 1px solid #D7D7D7;} .recherche-champ { font-family: Arial,Sans-serif; font-size: 11px; height: 18px; line-height: 14px; background-color: #ffffff; border: 1px double #CCCCCC;} .formulaire-champ { font-family: Arial,Sans-serif; font-size: 12px; color: #00507C; background-color: #FAFAFA; border: 1px double #CCCCCC;} .formulaire-champ { font-family: Arial,Sans-serif; font-size: 12px; color: #00507C; background-color: #FAFAFA; border: 1px double #CCCCCC;} #bloc_loged { float: left; line-height:25px; margin-left: 10px; } #bloc_login { float: left; } #onglets { float: left; display: inline-block; border-right: solid 1px #FFFFFF; margin-left: 10px; } #onglets div { float: left; display: block; height:25px;} #onglets #logo-appli { margin-top: 4px; } #onglets a { display:block; line-height:25px; height:25px; background-color:#454545; color:#FFFFFF; border-left: solid 1px #FFFFFF; margin:0px; padding:0px 6px; text-decoration:none; text-transform:uppercase; text-align: center;} #onglets a:hover { background-color:#FFFFFF; color:#000000; border-left: solid 1px #454545; text-align: center; text-transform:uppercase;} #onglets a.lien_fb_menu { padding:0px; } #onglets a.lien_fb_menu:hover { border-left: solid 1px #ffffff;} /*#onglets #current a { background-color:#FFF; color:#000000; border-left: solid 1px #000000; }*/ #onglets #picto-accueil-menu{ margin:0px 3px -2px 0px; border: none; } .submenuscss{ white-space: nowrap; width: 190px; position:absolute; visibility: hidden; border:1px solid #454545; border-bottom-width: 0; font:normal 11px Sans-serif,Arial; line-height: 16px; z-index: 1000; filter: progid:DXImageTransform.Microsoft.Shadow(color=#A7A7A7,direction=130,strength=2);} .submenuscss a{ white-space: nowrap; width: 190px; display: block; text-indent: 3px; border-bottom: 1px solid #454545; padding: 1px 0; text-decoration: none; font-weight: normal; text-indent: 3px; color: #FFFFFF; background-color: #454545;} .submenuscss a:hover{ text-decoration: none; background-color: #FFFFFF; color: #000000;} .titre-normal { font-family: Arial,Sans-serif; font-size: 16px; color: #F04C23; font-weight: bold;} .titre-vert {font-family: Arial, Sans-serif; font-size: 16px; color: #189100; font-weight: bold;} .error { font-family: Arial,Sans-serif; font-size: 12px; color: #FF0000; font-weight: normal;} .champs { font-family: Arial,Sans-serif; font-size: 12px; color: #333333; background-color: #F7F7F7; border: 1px solid #999999;} .champserror { font-family: Arial,Sans-serif; font-size: 12px; color: #333333; background-color: #FF6666; border: 1px solid #999999;} .highlighted { background-color: #FFFF00; padding-left: 1px ; padding-right: 1px ; padding-top: 0px ; padding-bottom: 0px ; color:black; font-weight:bolder;} .zoomy {width:139px; height:128px; background-repeat:no-repeat;} .onglet-logotexte {width:68px; height:21px; padding-bottom:1px;} .prix_pa { font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #505050;} .fczoom_groupe, .fczoom_groupe a, .fczoom_groupe a:link, .fczoom_groupe a:hover {font-family:Arial, Sans-serif; font-size:9px; font-weight:normal; line-height:normal; color:#FFFFFF; text-decoration:none;} .color_genre_feminin {color:#FF3399;} .color_genre_masculin {color:#2678c5;} .qtip-content {font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #ffffff; text-decoration:none;} /*pour les info-bulles jQuery*/ /*** Menu de droite ***/ .item-right-menu { } a.item-right-menu:hover { text-decoration: underline; } .open_ss_menu_right:hover { cursor:pointer; text-decoration: underline; } .item-right-menu img { border: none; } .ss_menu_right { display:none; padding: 3px 0px 0px 0px; } .ss_menu_right a { padding: 2px 0px 2px 11px; margin: 2px 0px; } .ss_menu_right a:hover { text-decoration: underline; } /*** MLTI ***/ .onglet-logotexte { font-family: Open Sans; font-size: 11px; text-align: center; border-bottom: solid 1px #999999; line-height: 20px; height: 20px; width: 64px; background-color: #F2F2F2; color:#999; } .onglet-logotexte a { text-decoration: none; display: block; height: 20px; color: #FFF; } .onglet-logotexte a:hover { text-decoration: none; color: #FFF; } .onglet-logotexte-activated { background-color: #454545; font-weight: bold; } .onglet-logotexte-activated:hover { background-color: #616161; } .onglet-stats { width: 4px; height: 22px; background-color: #1ABC9C; float: left; } .onglet-web { margin-left: 4px; } .onglet-email { border-left: 4px solid #F39C12; } .onglet-boutique { border-left: 4px solid #3498DB; } .onglet-plan { border-left: 4px solid #FF76A5; } .onglet-promotion { border-left: 4px solid #9B59B6; } .onglet-agenda { border-left: 4px solid #2ECC71; } .onglet-annonces { border-left: 4px solid #F1C40F; } .onglet-vv { border-left: 4px solid #e74c3c; height: 21px; } .onglet-envoyer { border-left: 4px solid #7DA7FF; height: 21px; } .tel_hipaymobile { display: block; width: 284px; height: 47px; background: url(../img-deco/allopass-tel.gif); padding: 12px 0 0 9px; box-sizing: border-box; text-align: left; font-family: Arial, Helvetica, sans-serif; font-size: 20px; font-weight: bold; color: #000; } .grecaptcha-badge { display: none; }