/**************** FEUILLE DE STYLE - CG06 - GRILLES *****************/ /********** HACK IE6 *********************** http://rhum:81/cg06-internet/site/web/cms/cg06/css/ */ * {margin:0; padding:0;} #agenda .liste_agenda table.liste td.picture img {height:79px; width:126px; overflow: hidden;} /*******************************************************************************************************************************************************************/ /* RESET WHITE SPACE /*******************************************************************************************************************************************************************/ body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {margin:0; padding:0; } table { border-collapse:collapse; border-spacing:0; } fieldset { border:0; } address,caption,cite,code,dfn,em,th,var { font-style:normal; font-weight:normal; } ol,ul { list-style:none; } caption,th { text-align:left; } h1,h2,h3,h4,h5,h6 { font-size:100%; font-weight:normal; } /*******************************************************************************************************************************************************************/ /* HTML, BODY /*******************************************************************************************************************************************************************/ html, body {} body {font:10px Arial, Helvetica, sans-serif; color: #000000; } /*text-align:justify;*/ body.general_body {background-image:url("images/bgr-bottom.gif"); background-repeat:repeat-x; background-position:bottom left; /*line-height:1.3em;*/ } *+html body.general_body {background-image:url("images/bgr-bottom.gif"); background-repeat:repeat-x; background-position:bottom left; /*line-height:1.3em;*/ } /*******************************************************************************************************************************************************************/ /* OBJETS GLOBALS /*******************************************************************************************************************************************************************/ a { color:#565656; text-decoration:none; outline:none; position:relative;} p { } a:hover {text-decoration:underline;} img { border:none; } ul, li {list-style:none; text-align:left;} /* Personnalisation du H1 pour mettre en forme les titres sur la pages en IFRAME, apparemment non prévu */ .general_body .gamme-1 h1 { font-size:18px; font-weight:bold; text-transform:uppercase; background-image:url("gammes/puces/puces_titre_gamme_1.gif"); background-repeat:no-repeat; background-position:0 2px; !background-position:0 1px; padding-left:25px; margin:10px 0 10px 0;} .general_body .gamme-14 h1 { font-size:18px; font-weight:bold; text-transform:uppercase; background-image:url("gammes/puces/puces_titre_gamme_14.gif"); background-repeat:no-repeat; background-position:0 2px; !background-position:0 1px; padding-left:25px; margin:10px 0 10px 0;} .general_body .gamme-15 h1 { font-size:18px; font-weight:bold; text-transform:uppercase; background-image:url("gammes/puces/puces_titre_gamme_15.gif"); background-repeat:no-repeat; background-position:0 2px; !background-position:0 1px; padding-left:25px; margin:10px 0 10px 0;} .general_body .gamme-16 h1 {font-size:18px; font-weight:bold; text-transform:uppercase; background-image:url("gammes/puces/puces_titre_gamme_16.gif"); background-repeat:no-repeat; background-position:0 2px; !background-position:0 1px; padding-left:25px; margin:10px 0 10px 0;} /*******************************************************************************************************************************************************************/ /* MISC CLASSES /*******************************************************************************************************************************************************************/ .offline { border:1px solid red; /*display:none*/} .no-url { border:1px solid blue; /*display:none*/} .btn-back { text-align: right; padding-top: 20px;} .bloc-list-01 { padding-bottom:2px} .left { float:left} .right { float:right} .txt-left { text-align:left} .txt-right { text-align:right} .clear { clear:both; padding-bottom:2px} .filet{margin-top:10px; margin-bottom:3px; width:100%; height:1px;} /*******************************************************************************************************************************************************************/ /* PRINT /*******************************************************************************************************************************************************************/ #image_print {display:none;} /*******************************************************************************************************************************************************************/ /* JUMP PAGE /*******************************************************************************************************************************************************************/ /* Original de .jump_body {background-image:url("images/bgr_jump.gif"); background-repeat:repeat-x; background-position:top left; } */ /* HABILLAGE STANDARD*/ /*.habillage_promo {background-image:url("images/habillage-standard.gif"); background-repeat:repeat-x; background-position:top center;} */ .habillage_promo {background-image:url("images/habillage-promotionnel.jpg"); background-repeat:no-repeat; background-position:top center;} .jump_body #header {background:none;margin-top:150px;} .jump_body #center {background:none;} .jump_body #footer {background:none;} *html .jump_body #header {filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='', sizingMethod='scale');background: none;} *html .jump_body #center {filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='', sizingMethod='scale');background: none;} *html .jump_body #footer {filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='', sizingMethod='scale');background: none;} .jump_body #bandeau {background-image:url("images/bandeau_jump.jpg"); background-repeat:repeat-x; background-position:top left; height:294px; width:945px; } .jump_body .homepage_grid {margin:10px 0 0 8px; } .jump_body .homepage_grid {width:945px;} /*******************************************************************************************************************************************************************/ /* vignette /*******************************************************************************************************************************************************************/ .jump_body .acces {padding-top:64px; !padding-top:64px; margin-left:8px; } /*******************************************************************************************************************************************************************/ /* enfants /*******************************************************************************************************************************************************************/ .jump_body .acces .enfants {float:left;width:134px; margin-left:22px;} *html .jump_body .acces .enfants {margin-left:13px;} .jump_body .acces .enfants .images{width:134px; height:132px; overflow:hidden;} .jump_body .acces .enfants .liens{padding-top:8px; !padding-top:6px; padding-left:45px;} .jump_body .acces .enfants .liens a.lien{font-size:14px; font-weight:bold; color:#FFFFFF; text-transform:uppercase;} /*******************************************************************************************************************************************************************/ /* jeunes /*******************************************************************************************************************************************************************/ .jump_body .acces .jeunes {float:left;width:134px; margin-left:13px;} .jump_body .acces .jeunes .images{width:134px; height:132px; overflow:hidden;} .jump_body .acces .jeunes .liens{padding-top:8px; !padding-top:6px; padding-left:45px;} .jump_body .acces .jeunes .liens a.lien{font-size:14px; font-weight:bold; color:#FFFFFF; text-transform:uppercase;} /*******************************************************************************************************************************************************************/ /* actifs /*******************************************************************************************************************************************************************/ .jump_body .acces .actifs {float:left;width:134px; margin-left:14px;} .jump_body .acces .actifs .images{width:134px; height:132px; overflow:hidden;} .jump_body .acces .actifs .liens{padding-top:8px; !padding-top:6px; padding-left:48px;} .jump_body .acces .actifs .liens a.lien{font-size:14px; font-weight:bold; color:#FFFFFF; text-transform:uppercase;} /*******************************************************************************************************************************************************************/ /* handicapes /*******************************************************************************************************************************************************************/ .jump_body .acces .handicapes {float:left;width:134px; margin-left:19px; !margin-left:15px;} .jump_body .acces .handicapes .images{width:134px; height:132px; overflow:hidden;} .jump_body .acces .handicapes .liens{padding-top:8px; !padding-top:6px; padding-left:30px;} .jump_body .acces .handicapes .liens a.lien{font-size:14px; font-weight:bold; color:#FFFFFF; text-transform:uppercase;} /*******************************************************************************************************************************************************************/ /* seniors /*******************************************************************************************************************************************************************/ .jump_body .acces .seniors {float:left;width:134px; margin-left:13px;} *html .jump_body .acces .seniors{margin-left:11px;} *+html .jump_body .acces .seniors{margin-left:15px; } .jump_body .acces .seniors .images{width:134px; height:132px; overflow:hidden;} .jump_body .acces .seniors .liens{padding-top:8px; !padding-top:6px; padding-left:42px;} .jump_body .acces .seniors .liens a.lien{font-size:14px; font-weight:bold; color:#FFFFFF; text-transform:uppercase;} /*******************************************************************************************************************************************************************/ /* autres /*******************************************************************************************************************************************************************/ .jump_body .acces .autres {float:left;width:134px; margin-left:13px;} .jump_body .acces .autres .images{width:134px; height:132px; overflow:hidden;} .jump_body .acces .autres .liens{padding-top:8px; !padding-top:6px; padding-left:50px;} .jump_body .acces .autres .liens a.lien{font-size:14px; font-weight:bold; color:#FFFFFF; text-transform:uppercase;} *html .jump_body .gamme-1 #menu .sous_menu .top {filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://217.174.222.104/cg06-internet/cms/cg06/css/gammes/menu/top.png', sizingMethod='scale');background: none;} *html .jump_body .gamme-1 #menu .sous_menu .main {filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://217.174.222.104/cg06-internet/cms/cg06/css/gammes/menu/repeat.png', sizingMethod='scale');background: none; width:296px; background-repeat:repeat-y;} *html .jump_body .gamme-1 #menu .sous_menu .bottom {filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://217.174.222.104/cg06-internet/cms/cg06/css/gammes/menu/bottom.png', sizingMethod='scale');background: none;} /*******************************************************************************************************************************************************************/ /* focus de gauche /*******************************************************************************************************************************************************************/ .jump_body .actualites_hp {} /*******************************************************************************************************************************************************************/ /* focus du centre /*******************************************************************************************************************************************************************/ .jump_body .publicite {float:left;margin-left:0px; width: 225px; height: 200px; overflow:hidden; margin-top:0px; border:1px solid #dfdfdf;} /*******************************************************************************************************************************************************************/ /* focus de droite /*******************************************************************************************************************************************************************/ .jump_body .focus_right {background-image:url("images/jumpg_right4.jpg"); background-repeat:no-repeat; background-position:top left; height:209px; width:242px; } .jump_body .focus_right .recherche{height:90px;} .jump_body .focus_right .recherche .titre {font-size:17px; color:#FFFFFF; font-weight:bold; padding:15px 0 0 20px;} .jump_body .focus_right .recherche .titre p:first-letter{ text-transform: uppercase; } .jump_body .focus_right .recherche .formulaire {padding:15px 0 0 45px; !padding:13px 0 0 45px;} .jump_body .focus_right .recherche .formulaire .search {border:0px; font-size:11px; width:105px;} .jump_body .focus_right .recherche .formulaire .submit { background:none; border:none; cursor:pointer; margin:1px 0 0 9px; !margin:3px 0 0 9px; text-transform:uppercase; color:#FFFFFF; font-weight:bold;} .jump_body .focus_right .service_en_ligne{background:none; height:35px; padding:2px 0 0 45px; line-height:1.5;} .jump_body .focus_right .service_en_ligne p:first-letter{ text-transform: uppercase; } .jump_body .focus_right .service_en_ligne a{font-size:17px; color:#697C94; font-weight:bold;} .jump_body .focus_right .service_en_ligne a:first-letter{ text-transform: uppercase; } /*CG06*/ .jump_body .focus_right .service_en_ligne a:hover {text-decoration:none;} .jump_body .focus_right .web_tv{background:none; height:35px; padding:18px 0 0 90px;} .jump_body .focus_right .web_tv p:first-letter{ text-transform: uppercase; } .jump_body .focus_right .web_tv a{font-size:12px; color:#FFFFFF; font-weight:bold;} .jump_body .focus_right .web_tv a:first-letter{ text-transform: uppercase;} /*CG06*/ .jump_body .focus_right .web_tv a:hover {text-decoration:none;} #ciotti{font-size:16px; font-weight:bold; color: #FFCC00; background:none; position:relative; left: 60px; } /* .jump_body .focus_right .service_en_ligne{background:none; height:35px; padding:20px 0 0 45px;} .jump_body .focus_right .web_tv{background:none; height:35px; padding:8px 0 0 90px;} */ /*******************************************************************************************************************************************************************/ /* menu header /*******************************************************************************************************************************************************************/ /* menu */ *html .jump_body .gamme-1 #menu {margin-top: -35px;} .jump_body .gamme-1 #menu {background-image:url("images/menu_header_jump.gif"); background-repeat:no-repeat; background-position:top left;width:966px; height:44px; margin: 0 0 0 -6px;} .jump_body .gamme-1 #menu li.n_1{float:left; width:295px; background:none;margin-top:2px;} *html .jump_body .gamme-1 #menu li.n_1 { width:290px;} .jump_body .gamme-1 #menu li.n_1 a {display:block; margin-top:10px; height:21px; } .jump_body .gamme-1 #menu li.n_1 a.menu_1 {background-image:url("images/bgr_menu_bulle.gif"); background-repeat:no-repeat; background-position:25px 1px; margin-left:-25px; color:#626262; font-weight:bold; text-transform:uppercase; font-size:14px; text-align:center; padding-top:3px;} .jump_body .gamme-1 #menu li.n_1 a.menu_2 {background-image:url("images/bgr_menu_bulle.gif"); background-repeat:no-repeat; background-position:top left; color:#626262; font-weight:bold; text-transform:uppercase; font-size:14px; text-align:center; padding-top:3px;} .jump_body .gamme-1 #menu li.n_1 a.menu_3 {background-image:url("images/bgr_menu_bulle.gif"); background-repeat:no-repeat; background-position:top left; color:#626262; font-weight:bold; text-transform:uppercase; font-size:14px; text-align:center; padding-top:3px;} .jump_body .gamme-1 #menu li.n_1 a.menu_1:hover {text-decoration:none;background-image:url("images/bgr_menu_bulle_gamme_2.gif"); background-repeat:no-repeat; background-position:25px 1px; margin-left:-25px;} .jump_body .gamme-1 #menu li.n_1 a.menu_2:hover {text-decoration:none;background-image:url("images/bgr_menu_bulle_gamme_3.gif"); background-repeat:no-repeat; background-position:top left;} .jump_body .gamme-1 #menu li.n_1 a.menu_3:hover {text-decoration:none;background-image:url("images/bgr_menu_bulle_gamme_4.gif"); background-repeat:no-repeat; background-position:top left;} .jump_body .gamme-1 #menu .sous_menu{margin-top:14px;} .jump_body .gamme-1 #menu .sous_menu .top{background-image:url("gammes/menu/top.png"); background-repeat:no-repeat; background-position:top left; width:296px; height:11px; font-size:8px;} .jump_body .gamme-1 #menu .sous_menu .main{background-image:url("gammes/menu/repeat.png"); background-repeat:repeat-y; background-position:top left; width:296px;} .jump_body .gamme-1 #menu .sous_menu .bottom{background-image:url("gammes/menu/bottom.png"); background-repeat:no-repeat; background-position:top left; width:296px; height:26px;} .jump_body .gamme-1 #menu #menu_1 {overflow:hidden; position:absolute; margin-left:15px; top :363px; z-index:15;} .jump_body .gamme-1 #menu #menu_2 {overflow:hidden; position:absolute; margin-left:340px;top :363px; z-index:15;} .jump_body .gamme-1 #menu #menu_3 {overflow:hidden; position:absolute; margin-left:655px;top :363px; z-index:15;} .jump_body .gamme-1 #menu #menu_1 .main li{background:transparent url(gammes/puces/puces_rond_gamme_2.gif) 0 50% no-repeat; padding:0 0 0 15px; width:250px;} .jump_body .gamme-1 #menu #menu_1 .main li a{color:#b5006f; font-weight:bold; line-height:1.5;} .jump_body .gamme-1 #menu #menu_1 .main li a:hover{background-color:#e7c1d8;} .jump_body .gamme-1 #menu #menu_2 .main li{background:transparent url(gammes/puces/puces_rond_gamme_3.gif) 0 50% no-repeat; padding:0 0 0 15px; width:250px; color:#689b1f; font-weight:bold;} .jump_body .gamme-1 #menu #menu_2 .main li a{color:#689b1f; font-weight:bold; line-height:1.5;} .jump_body .gamme-1 #menu #menu_2 .main li a:hover{background-color:#c6e699; } .jump_body .gamme-1 #menu #menu_3 .main li{background:transparent url(gammes/puces/puces_rond_gamme_4.gif) 0 50% no-repeat; padding:0 0 0 15px; width:250px; color:#fe7800; font-weight:bold;} .jump_body .gamme-1 #menu #menu_3 .main li a{color:#fe7800; font-weight:bold; line-height:1.5;} .jump_body .gamme-1 #menu #menu_3 .main li a:hover{background-color:#e8ccb3;} /*******************************************************************************************************************************************************************/ /* PAGE ET HP /*******************************************************************************************************************************************************************/ #global {width:966px; margin:0 auto; } #header {background-image:url("images/bgr_center.png"); background-repeat:repeat-y; background-position:top left;width:966px;} #header a:hover{text-decoration:underline;} #center {background-image:url("images/bgr_center.png"); background-repeat:repeat-y; background-position:top left;width:966px;} #footer {background-image:url("images/bgr_bottom.png"); background-repeat:no-repeat; background-position:top left;width:966px; height:47px;padding-top:15px; color:#838485;} *html #header {filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://217.174.222.104/cg06-internet/cms/cg06/css/images/bgr_center.png', sizingMethod='scale');background: none; width:966px; background-position:top left;} *html #center {filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://217.174.222.104/cg06-internet/cms/cg06/css/images/bgr_center.png', sizingMethod='scale');background: none; width:951px; background-position:top left;} *html #footer {filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://217.174.222.104/cg06-internet/cms/cg06/css/images/bgr_bottom.png', sizingMethod='scale');background: none; width:966px; height:47px;padding-top:15px; color:#838485; background-position:top left;} /*******************************************************************************************************************************************************************/ /* rechercher /*******************************************************************************************************************************************************************/ #rechercher_global {background-image:url("images/bgr_search_new2.gif"); background-repeat:repeat-x; background-position:bottom left; height:38px;} #rechercher_global #recherche {background-image:url("images/bgr_search_new.gif"); background-repeat:no-repeat; background-position:top left; height:38px;width:966px; margin:0 auto;} #rechercher_global #recherche a{text-decoration:overline;} #rechercher_global #recherche .rechercher {margin-left:805px; font-size:10px; border:0px; margin-top:9px; width:105px; color:#666666; text-transform:lowercase;} #rechercher_global #recherche .submit {font-size:9px; border:0px; margin-top:4px; margin-left:6px; !margin-left:7px; color:#454545; font-weight:bold; background:none; cursor:pointer;} /* #rechercher_global {background-image:url("images/bgr_search_new2.gif"); background-repeat:repeat-x; background-position:bottom left; height:38px;} #rechercher_global #recherche {background-image:url("images/bgr_search_new.gif"); background-repeat:no-repeat; background-position:top left; height:38px;width:966px; margin:0 auto;} #rechercher_global #recherche a{text-decoration:overline;} #rechercher_global #recherche .rechercher {margin-left:805px; font-size:10px; border:0px; margin-top:9px; width:105px; color:#666666; text-transform:lowercase;} #rechercher_global #recherche .submit {font-size:9px; border:0px; margin-top:4px; margin-left:6px; !margin-left:7px; color:#454545; font-weight:bold; background:none; cursor:pointer;} */ /*******************************************************************************************************************************************************************/ /* rechercher : webring /*******************************************************************************************************************************************************************/ #rechercher_global #menu-webring{height:18px; width:400px; margin-left:42%; margin-top:-27px; color:#999999;} #rechercher_global #menu-webring a{color:#999999;} /*******************************************************************************************************************************************************************/ /* HEADER /*******************************************************************************************************************************************************************/ #header #bandeau {margin:0 0 0 6px;} #header .bandeau_1 {background-image:url("images/bandeau_01.jpg"); background-repeat:no-repeat; background-position:top left;width:954px;} #header .bandeau_2 {background-image:url("images/bandeau_02.jpg"); background-repeat:no-repeat; background-position:top left;width:954px;} #header .bandeau_3 {background-image:url("images/bandeau_03.jpg"); background-repeat:no-repeat; background-position:top left;width:954px;} #header .bandeau_4 {background-image:url("images/bandeau_04.jpg"); background-repeat:no-repeat; background-position:top left;width:954px;} #header #logo {margin: 0 0 0 5px;} /* Original de "accueil" #header .accueil { padding:85px 0 0px 10px; margin-left:60px;} #header .accueil a{color:#FFFFFF; font-weight:bold; text-transform:uppercase; font-size:12px;} */ #header .accueil { padding:85px 0 0px 10px; margin-left:60px;} #header .accueil a{color:#FFFFFF; font-weight:bold; font-size:14px;} #header .profil {color:#FFFFFF; padding:31px 0 0 20px; height:50px; !height:48px; } *html #header .profil {height:49px;} /* Original de #header .type_hp {font-size:14px; font-weight:bold; color:#FFFFFF;padding-left:30px;background-color:#00CC33;}*/ /* Version adaptee 1 #header .type_hp {font-size:14px; font-weight:bold; color:#FFFFFF; padding-left:5px;}*/ #header .type_hp {font-size:14px; font-weight:bold; color:#FFFFFF;padding-left:51px;} /*Original de #header .profil .liens {padding-left:20px; margin-top:10px; }*/ #header .profil .liens {padding-left:50px; margin-top:0px; } #header .profil .liens a{color:#FFFFFF; font-size:12px;} #header .profil .liens-noprofil {padding-left:39px; margin-top:0px; } #header .profil .liens-noprofil a{ color:#FFFFFF; font-size:12px;} /*******************************************************************************************************************************************************************/ /* CHEMIN DE FER (MIETTES DE PAIN) /*******************************************************************************************************************************************************************/ #global .railroad {color: #969696;} #global .railroad a{color: #969696; font-size:0.8em;} /*******************************************************************************************************************************************************************/ /* HOME PAGE */ /*******************************************************************************************************************************************************************/ .homepage_grid {margin:10px 0 0 15px;} .homepage_bloc_gauche { width:462px; float:left; margin-top:10px;} .homepage_bloc_centre {width:226px; margin-left:10px;float:left; margin-top:10px;} *html .homepage_bloc_centre {margin-left:1px; } *+html .homepage_bloc_centre {margin-top:6px;} /*******************************************************************************************************************************************************************/ /* selectionner */ /*******************************************************************************************************************************************************************/ .selectionner_hp { width:697px; height:194px; background-image:url("gammes/focus/selectionner.gif"); background-repeat:no-repeat; background-position:top left; padding-left:20px;} .selectionner_hp .texte {padding: 35px 50px 10px 0px; color:#2c486c; color:#FFFFFF; font-size:1em; font-weight:bold;} .selectionner_hp .left {float:left; width:170px; padding-top:15px;} .selectionner_hp .left .titre {background-image:url("gammes/puces/fleche_bleu.gif"); background-repeat:no-repeat; background-position:top left; color:#46688b; font-weight:bold; font-size:1.1em; padding-bottom:5px; padding-left:20px;} .selectionner_hp .left li {background-image:url("gammes/puces/rond_bleu.gif"); background-repeat:no-repeat; background-position:middle left; padding-left:10px; margin-left:4px; line-height:1.4em;} .selectionner_hp .left a{font-size:1em; color:#525353;} .selectionner_hp .left a:hover{ text-decoration:underline;} .selectionner_hp #selection-nav-buttons {position: absolute;} .selectionner_hp #selection-nav-buttons .next{position: absolute; margin:0px 0 0 455px;} .selectionner_hp #selection-nav-buttons .prev{position: absolute; margin:0px 0 0 565px;} .selectionner_hp img:hover {cursor:pointer;} .selectionner_hp #selectionSliderContainer{width:673px; height:100px; overflow:hidden; position:relative; } /*******************************************************************************************************************************************************************/ /* actualites */ /*******************************************************************************************************************************************************************/ .actualites_hp {width:462px; height:203px;margin:4px 0 10px 0;} .slide_hp {width:224px; height:203px; margin-left:10px;} /*******************************************************************************************************************************************************************/ /* voir toute actu /*******************************************************************************************************************************************************************/ #actualites_hp_all {position:absolute; z-index:2; margin: 13px 0 0 310px; !margin: 10px 0 0 310px;} #actualites_hp_all a {font-weight:bold; color:#224062; font-size: 12px; background-image:url("gammes/puces/fleche_bleu.gif"); background-repeat:no-repeat; background-position:center left; padding-left:25px;} #actualites_hp_all a:hover{text-decoration:underline;} /*******************************************************************************************************************************************************************/ /* publicaite */ /*******************************************************************************************************************************************************************/ .homepage_bloc_centre .publicite {width:225px; height:199px; overflow:hidden; display:block; margin-bottom:12px;border:1px solid #dfdfdf; margin-top:4px;} .homepage_bloc_centre .publicite #transparent_capagne_swf {position:absolute; width:225px; height:199px; z-index:5; display:block;} /*.homepage_bloc_centre .publicite:hover {width:225px; height:199px; overflow:hidden; display:block; margin-bottom:12px;border:2px solid #01B8D8; margin-top:4px;}*/ /*******************************************************************************************************************************************************************/ /* deplacements */ /*******************************************************************************************************************************************************************/ .deplacements_hp {padding:38px 0 0 10px; width:462px; height:225px;background-image:url("gammes/focus/preparer.gif"); background-repeat:no-repeat; background-position:top left; float:left;} .deplacements_hp .bloc {width:403px; height:98px;background-image:url("gammes/focus/bgr_deplacement.jpg"); background-repeat:no-repeat; background-position:top left;padding:0; } .deplacements_hp .bloc{} .deplacements_hp .bloc .titre {background-image:none; padding:10px 0 10px 10px;} .deplacements_hp .bloc .titre .style {background-image:url("gammes/puces/carre_triangle_rose.gif"); background-repeat:no-repeat; background-position:center left; padding-left:15px; color:#b5006f; font-size:12px; font-weight:bold;} .deplacements_hp .bloc .texte {background-image:url("gammes/puces/triangle_rose.gif"); background-repeat:no-repeat; background-position:0 3px; padding-left:7px; color:#c1147a;} .deplacements_hp .bloc .left {float:left; width:130px; margin-left:5px;} .deplacements_hp .bloc .right {float:left; width:245px;} .deplacements_hp .qr-q .titre {font-size:11px;} .deplacements_hp .qr-q .titre {/*background-image:url("gammes/puces/carre_triangle_bleu.gif"); background-repeat:no-repeat; background-position:center left; padding-left:20px;*/} .deplacements_hp .qr-q .titre a {color:#424343; font-size:11px;} #deplacements_container {} #deplacements_container .qr-item .qr-r {display:none;position:relative;} #deplacements_container .qr-item-selected .qr-r{display:block;} #deplacements_container .qr-q {cursor:pointer;position:relative; margin-bottom:5px; margin-left:5px; margin-top:5px;} #deplacements_container .qr-item-selected .qr-r {overflow:hidden;color:#525353; padding:0px 0 0px 30px;} #deplacements_container .qr-item-selected .qr-r a:hover {text-decoration:underline;color:#b5006f; } #deplacements_container .qr-item-selected .qr-q {background-image:url("gammes/puces/carre_triangle_bleu_bas.gif"); background-repeat:no-repeat; padding-left:15px; background-position:0 3px; } #deplacements_container .qr-item-not-selected .qr-q {background-image:url("gammes/puces/carre_triangle_bleu.gif"); background-repeat:no-repeat; padding-left:15px; background-position:0 3px;} #deplacements_container .separateur {margin:15px 0; background-image:url("gammes/bloc/separateur.gif"); background-repeat:repeat-x; background-position:top left; height:4px; width:100%;} .gamme-1 .homepage_grid #faq{} .gamme-1 .homepage_grid #faq .qr-item .qr-r {display:none;position:relative;} .gamme-1 .homepage_grid #faq .qr-item-selected .qr-r{display:block;} .gamme-1 .homepage_grid #faq .qr-q {cursor:pointer;position:relative; margin-bottom:5px; margin-left:5px; margin-top:5px; } .gamme-1 .homepage_grid #faq .qr-item-selected .qr-r {overflow:hidden;color:#525353; padding:0px 0 0px 30px;} .gamme-1 .homepage_grid #faq .qr-item-selected .qr-q {background-image:url("gammes/puces/carre_triangle_bleu_bas.gif"); background-repeat:no-repeat; padding-left:15px; background-position:0 3px; } .gamme-1 .homepage_grid #faq .qr-item-not-selected .qr-q {background-image:url("gammes/puces/carre_triangle_bleu.gif"); background-repeat:no-repeat; padding-left:15px; background-position:0 3px;} .gamme-1 .homepage_grid #faq .qr-item-selected .qr-q {color:#000000;font-size:10px;font-weight:normal;} .gamme-1 .homepage_grid #faq .qr-item-not-selected .qr-q {color:#000000;font-size:10px;font-weight:normal;} .gamme-1 .homepage_grid #faq a {color:#B5006F;} /*******************************************************************************************************************************************************************/ /* agenda */ /*******************************************************************************************************************************************************************/ .agenda_hp {width:226px; height:255px;background-image:url("gammes/focus/semaine.gif"); background-repeat:no-repeat; background-position:top left; float:left; } .agenda_hp .titre {/*background-image:url("gammes/puces/rond_vert.gif"); background-repeat:no-repeat; */ /*background-position:top left;background-position:0 3px; padding-left:15px; */ color:#689b1f; font-weight:bold; font-size:1.1em; margin:40px 0px 5px 15px;} .agenda_hp .date {color:#689b1f; font-weight:bold; margin:0 0 0 30px; font-weight: bold; font-size: 11px; } .agenda_hp .texte{color:#525353; font-size: 10px; font-weight:bold; margin:5px 20px 15px 15px; height:30px; } .agenda_hp .image {margin:15px 0 0 15px; } .agenda_hp .footer {position:absolute; margin-top:226px;} .agenda_hp .footer a.precedent{float:left; display:block; width:113px; height:29px;background-image:url("gammes/focus/semaine_previous.gif"); background-repeat:no-repeat; background-position:top left;} .agenda_hp .footer a.suivant{float:left; display:block; width:113px; height:29px;background-image:url("gammes/focus/semaine_next.gif"); background-repeat:no-repeat; background-position:top left;} .agenda_hp .footer a.precedent:hover {text-decoration:none;} .agenda_hp .footer a.suivant:hover {text-decoration:none;} .agenda_hp .lien {margin: 8px 0 0 120px;} .agenda_hp .lien a{background-image:url("gammes/puces/carre_triangle_vert.gif"); background-repeat:no-repeat; background-position:center left; padding-left:12px; color:#689b1f;} .agenda_hp .lien a:hover{text-decoration:underline;} .agenda_hp img {} .agenda_hp img:hover {cursor:pointer;} .agenda_hp img.next {margin-left:-4px;} /*******************************************************************************************************************************************************************/ /* COLONNE DROITE */ /*******************************************************************************************************************************************************************/ /*******************************************************************************************************************************************************************/ /* actualité du président */ /*******************************************************************************************************************************************************************/ .hp_president {witdh:216px; height:119px; background-image:url("gammes/focus/focus-president.gif"); background-repeat:no-repeat; background-position:top left;} .hp_president .texte {width:109;padding:38px 0 0 12px;} .hp_president .texte a{ color:#525353; } .hp_president .texte a:hover{text-decoration:underline;} /*******************************************************************************************************************************************************************/ /* remplacement actualité du président--Proximité- */ /*******************************************************************************************************************************************************************/ .hp_proxi {witdh:216px; height:140px; background-image:url("gammes/focus/focus-proxi2.gif"); background-repeat:no-repeat; background-position:top left;} .hp_proxi .texte {width:109;padding:38px 0 0 12px;} .hp_proxi .texte a{ color:#525353; } .hp_proxi .texte a:hover{text-decoration:underline;} /*******************************************************************************************************************************************************************/ /* gallerie photo */ /*******************************************************************************************************************************************************************/ .gallerie_photo {margin-bottom:0px; width:216px; height:117px; /*154;*/ background-image:url("gammes/focus/galerie_photo.gif"); background-repeat:no-repeat; background-position:top left;} .gallerie_photo #objet {padding:40px 0 0 6px;} .gallerie_photo .liens {} .gallerie_photo .liens a{color:#697c94;} .gallerie_photo .liens a:hover{text-decoration:underline;} /*******************************************************************************************************************************************************************/ /* service en ligne */ /*******************************************************************************************************************************************************************/ /*.service_en_ligne { width:216px; height:123px; background-image:url("gammes/focus/service_ligne_bis_v2.gif"); background-repeat:no-repeat; background-position:top left;}*/ .service_en_ligne { width:216px; height:99px; background-image:url("gammes/focus/service_ligne_bis_v2.gif"); background-repeat:no-repeat; background-position:top left;} .service_en_ligne .liens{ padding:49px 30px 0 50px; text-align:left;} .service_en_ligne .liens a{ color:#525353; } .service_en_ligne .liens a:hover{text-decoration:underline;} /*******************************************************************************************************************************************************************/ /* Conseil général des jeunes */ /*******************************************************************************************************************************************************************/ .focus-cgj06 { width:216px; height:94px; background-image:url("gammes/focus/focus-homepage-cgj06.jpg"); background-repeat:no-repeat; background-position:top left;} .focus-cgj06 .liens{ padding:45px 5px 0 50px; text-align:left; } .focus-cgj06 .liens a{ color:#525353; font-weight:normal;} .focus-cgj06 .liens a:hover{text-decoration:underline;} /*******************************************************************************************************************************************************************/ /* web tv */ /*******************************************************************************************************************************************************************/ .web_tv {margin:10px 0; width:216px; height:184px; background-image:url("gammes/focus/web_tv.gif"); background-repeat:no-repeat; background-position:top left;} .web_tv .objet{padding-top:45px; padding-bottom:5px;} .web_tv .objet img.border {border:8px solid #FFFFFF;} .web_tv .liens{} .web_tv .liens a.lien{ color:#697c94; background-image:url("gammes/puces/carre_triangle_gris.gif"); background-repeat:no-repeat; background-position:center left; padding:0 0 0 20px; margin:5px 25px; } .web_tv .liens a:hover{text-decoration:underline;} .web_tv .titre_video{color:#697C94;} /*******************************************************************************************************************************************************************/ /* rester informer /*******************************************************************************************************************************************************************/ .rester_informer {margin-bottom:5px; width:216px; height:185px; background-image:url("gammes/focus/rester_informer.gif"); background-repeat:no-repeat; background-position:top left;} .rester_informer .contener{} .rester_informer .contener li{ background-image:url("gammes/puces/carre_triangle_gris.gif"); background-repeat:no-repeat; background-position:center left; padding:0 0 0 20px; margin:10px 25px; } .rester_informer .contener li a{color:#525353;} .rester_informer .contener li a:hover{text-decoration:underline;} /*******************************************************************************************************************************************************************/ /* rester informer : version Liste déroulante /*******************************************************************************************************************************************************************/ .rester_informer_ld {margin-bottom:5px; width:216px; height:111px; background-image:url("gammes/focus/focus-restez-informe-ld.jpg"); background-repeat:no-repeat; background-position:top left;} .rester_informer_ld .contener{} .rester_informer_ld form{padding-top:50px; text-align:center;} .rester_informer_ld form select{font-size:1em;} /*******************************************************************************************************************************************************************/ /* PAGES_INTERNES */ /*******************************************************************************************************************************************************************/ .interne_grid {margin:10px 0 0 15px; width:935px;} *html .interne_grid {margin:10px 16px 0 15px; width:935px;} .col-centre-contenu {padding:0 15px; font-size:1em; font-family:Verdana, Arial, Helvetica, sans-serif; line-height:1.4em;} /*******************************************************************************************************************************************************************/ /* GENERIQUES */ /*******************************************************************************************************************************************************************/ /* Cartouche de présentation des boutons de retour à la page précédente "javascript:historyback" alignement à droite */ #global .col-centre-contenu .historyback {float:right; height:16px;background:transparent url("images/tag.gif") no-repeat scroll left center; margin-bottom:3px;margin-top:3px; padding-left:14px; padding-right:10px; padding-top:0px; padding-bottom:0px; font-size:0.9em; margin-left:7px; border-right:1px solid #C2C1C1;} #global .col-centre-contenu .historyback a{text-decoration:none; color:#666666;} #global .col-centre-contenu .historyback a:hover{color:#666666; text-decoration:underline;} /* "étiquette" pour boutons retour et certains liens "consulter" alignement à gauche*/ #global .col-centre-contenu .etiquette {height:16px;background:transparent url("images/tag.gif") no-repeat scroll left center; margin-bottom:4px;margin-top:4px; padding-left:14px; padding-right:10px; padding-top:2px; padding-bottom:2px; font-size:0.9em; margin-left:7px; border-right:1px solid #C2C1C1;} #global .col-centre-contenu .etiquette a{text-decoration:none; color:#666666;} #global .col-centre-contenu .etiquette a:hover{color:#666666; text-decoration:underline;} /* Soulignement des liens dans la page de contenu */ #global .col-centre-contenu a{text-decoration:underline;} /*.general_body .gamme-16 .col-centre-contenu a{text-decoration:underline; color:#333333;} Test changement couleur lien dans les gammes */ /* Personnalisation des puces dans la zone de contenu */ #global .col-centre-contenu li{background: transparent url(gammes/puces/rond_gris.gif) 0px 6px no-repeat; padding:0px 0 0 10px; margin-bottom:15px;} /*******************************************************************************************************************************************************************/ /* focus statiques */ /*******************************************************************************************************************************************************************/ .focus-container{background-position:top left; width:216px; margin-top:47px;} .focus-top{width:216px; height:60px; background-image:url(gammes/focus/focus_top.jpg); background-repeat:no-repeat;} .focus-top p{display:block; height:60px;font-weight:bold; font-size:1.2em; color:#454545;padding-top:10px; margin-left:17px;} .focus-top-contact{width:216px; height:60px; background-image:url(gammes/focus/focus_top_contact.jpg); background-repeat:no-repeat;} .focus-top-contact p{display:block; height:60px;font-weight:bold; font-size:1.2em; color:#454545;padding-top:14px; margin-left:17px;} /* focus Lignes d'Azur */ .focus-top-lignesdazur{width:216px; height:60px; background-image:url(gammes/focus/focus_top_lignesdazur.jpg); background-repeat:no-repeat;} .focus-top-lignesdazur p{display:block; height:60px;font-weight:bold; font-size:1.2em; color:#454545;padding-top:10px; margin-left:17px;} /* focus extranet avec image cadenas*/ .focus-top-extranet{width:216px; height:60px; background-image:url(gammes/focus/focus_top_extranet.jpg); background-repeat:no-repeat;} .focus-top-extranet p{display:block; height:60px;font-weight:bold; font-size:1.2em; color:#454545;padding-top:10px; margin-left:17px;} /* habillage du corps des focus*/ .focus-main{width:216px; background-image:url(gammes/focus/focus_main.jpg); background-repeat:repeat-y; } .focus-main ul li{background: transparent url(gammes/puces/rond_gris.gif) 0px 6px no-repeat; padding:0px 10px 0 10px; margin-bottom:15px;} /*gestion des puces dans les focus*/ /*.focus-main ul li{background: transparent url(images/puce.gif) 0 4px no-repeat; padding:0 10px 0 10px;}*/ .focus-stoppub {width:216px; height:250px; background-image:url(gammes/focus/focus_stoppub.jpg);} .focus-stoppub .texte {padding:220px 0 0 45px; width:250px;} .focus-stoppub a {} .focus-chat {width:216px; height:150px; background-image:url(gammes/focus/focus_chat.jpg);} .focus-chat .texte {padding:62px 7px 0 100px;} .focus-chat a {} /* calage des formulaires listes déroulantes */ .focus-main #form {padding:0 10px; } /* alignement de la zone de formulaire */ .focus-main #rechregion {width:150px;} /* taille du champ liste déroulante */ .focus-bottom{width:216px; height:30px; background-image:url(gammes/focus/focus_bottom.jpg); background-repeat:no-repeat;} .focus-texte{text-align:left; margin-left:17px; margin-right:17px;} .servir_focus{width:160px;background-color:#caee97; padding:12px; margin-top:52px;} #col-droite a{text-decoration:underline;} #col-droite .image_a_droite{float:right; padding:0 0px 4px 4px;} #col-droite .image_a_gauche{float:left; padding:0 4px 4px 0px;} /*******************************************************************************************************************************************************************/ /* services en ligne */ /*******************************************************************************************************************************************************************/ .servicesenligne_bloc {float:left; margin:0 7px 10px 0; padding:4px; width:223px; background-color:#F2F2F2; height:180px;} .servicesenligne_bloc .titre{font-weight:bold; font-size:1em; padding-bottom:10px; background-image:url("gammes/puces/faq_close_gamme_1.gif"); background-repeat:no-repeat; padding-left:15px; background-position:0 3px; color:#303030;} .servicesenligne_bloc .texte{color:#000066; font-size:0.9em; line-height:1.4em;} .servicesenligne_bloc .texte a{color:#000066;} .onglet{background-image:url(../upload/arbo_libre/services_en_ligne/hp_services_onglets.jpg); height:33px; padding-left:80px; padding-top:3px;} .onglet span{margin-left:7px; width:100px; margin-right:35px; text-align:left; display:inline-block; cursor:pointer; color:#000066; padding-top:5px;} .onglet2{background-image:url(../upload/arbo_libre/services_en_ligne/hp_services_onglets2.jpg); height:33px; padding-left:80px; padding-top:3px;} .onglet2 span{margin-left:7px; width:100px; margin-right:35px; text-align:left; display:inline-block; cursor:pointer;color:#000066;padding-top:5px;} .onglet3{background-image:url(../upload/arbo_libre/services_en_ligne/hp_services_onglets3.jpg); height:33px; padding-left:80px; padding-top:3px;} .onglet3 span{margin-left:7px; width:100px; margin-right:35px; text-align:left; display:inline-block; cursor:pointer;color:#000066;padding-top:5px;} *+html .servicesenligne_bloc {float:left; margin:0 10px 10px 0; padding:5px; width:223px; background-color:#F2F2F2;} /* IE7 */ /*******************************************************************************************************************************************************************/ /*******************************************************************************************************************************************************************/ /* MAISON DES SENIORS */ /*******************************************************************************************************************************************************************/ .maisonseniors_bloc {float:left; width:46%;margin-right:2%; background-color:#F2F2F2; padding-top:3px; } .maisonseniors_bloc .titre{font-weight:bold; font-size:1em; padding-bottom:10px; background-image:url("gammes/puces/faq_close_gamme_1.gif"); background-repeat:no-repeat; padding-left:15px; background-position:0 3px; color:#303030;} .maisonseniors_bloc .texte{color:#000066; font-size:0.9em; line-height:1.4em;} .maisonseniors_bloc .texte a{color:#000066;} .espacetop{background-image:url(../upload/servir-les-habitants/fr/maisonseniors/onglets.jpg); height:33px; padding-left:80px; padding-top:3px;} .espacetop span{margin-left:7px; width:100px; margin-right:35px; text-align:left; display:inline-block; cursor:pointer; color:#000066; padding-top:5px;} .espacetop2{background-image:url(../upload/servir-les-habitants/fr/maisonseniors/onglets2.jpg); height:33px; padding-left:80px; padding-top:3px;} .espacetop2 span{margin-left:7px; width:100px; margin-right:35px; text-align:left; display:inline-block; cursor:pointer;color:#000066;padding-top:5px;} .espacetop3{background-image:url(../upload/servir-les-habitants/fr/maisonseniors/onglets3.jpg); height:33px; padding-left:80px; padding-top:3px;} .espacetop3 span{margin-left:7px; width:100px; margin-right:35px; text-align:left; display:inline-block; cursor:pointer;color:#000066;padding-top:5px;} *+html .maisonseniors_bloc {float:left; margin:0 10px 10px 0; padding:5px; width:223px; background-color:#F2F2F2;} /* IE7 */ /*******************************************************************************************************************************************************************/ /* RUBRIQUE LE CG06 /*******************************************************************************************************************************************************************/ /*******************************************************************************************************************************************************************/ /* RUBRIQUE SERVIR LES HABITANTS /*******************************************************************************************************************************************************************/ /* Déplacements : présentation des fiches horaires des lignes TAM */ .fichehoraire1{background-image:url(../upload/deplacement/tam_cel-100.png); background-repeat:no-repeat; height:113px; width:75px; text-align:center; color:#fff; float:left; padding-top:8px; font-family:Arial; font-weight:bold;font-size:1.5em; margin-right:0.8em;} .fichehoraire2{background-image:url(../upload/deplacement/tam_cel-200.png); background-repeat:no-repeat; height:113px; width:75px; text-align:center; color:#fff; float:left; padding-top:8px; font-family:Arial; font-weight:bold;font-size:1.5em; margin-right:0.8em;} .fichehoraire3{background-image:url(../upload/deplacement/tam_cel-300.png); background-repeat:no-repeat; height:113px; width:75px; text-align:center; color:#fff; float:left; padding-top:8px; font-family:Arial; font-weight:bold;font-size:1.5em; margin-right:0.8em;} .fichehoraire4{background-image:url(../upload/deplacement/tam_cel-400.png); background-repeat:no-repeat; height:113px; width:75px; text-align:center; color:#fff; float:left; padding-top:8px; font-family:Arial; font-weight:bold;font-size:1.5em; margin-right:0.8em;} .fichehoraire5{background-image:url(../upload/deplacement/tam_cel-500.png); background-repeat:no-repeat; height:113px; width:75px; text-align:center; color:#fff; float:left; padding-top:8px; font-family:Arial; font-weight:bold;font-size:1.5em; margin-right:0.8em;} .fichehoraire6{background-image:url(../upload/deplacement/tam_cel-600.png); background-repeat:no-repeat; height:113px; width:75px; text-align:center; color:#fff; float:left; padding-top:8px; font-family:Arial; font-weight:bold;font-size:1.5em; margin-right:0.8em;} .fichehoraire7{background-image:url(../upload/deplacement/tam_cel-700.png); background-repeat:no-repeat; height:113px; width:75px; text-align:center; color:#fff; float:left; padding-top:8px; font-family:Arial; font-weight:bold;font-size:1.5em; margin-right:0.8em;} .fichehoraire8{background-image:url(../upload/deplacement/tam_cel-800.png); background-repeat:no-repeat; height:113px; width:75px; text-align:center; color:#fff; float:left; padding-top:8px; font-family:Arial; font-weight:bold;font-size:1.5em; margin-right:0.8em;} .fichehoraire9{background-image:url(../upload/deplacement/tam_cel-900.png); background-repeat:no-repeat; height:113px; width:75px; text-align:center; color:#fff; float:left; padding-top:8px; font-family:Arial; font-weight:bold;font-size:1.5em; margin-right:0.8em;} .fichehoraire10{background-image:url(../upload/deplacement/tam_cel-noct.png); background-repeat:no-repeat; height:113px; width:75px; text-align:center; color:#fff; float:left; padding-top:8px; font-family:Arial; font-weight:bold;font-size:1.5em; margin-right:0.8em;} /*encart vierge pour faire office de séparateur entre 2 encarts */ .fichehoraire{height:113px; width:75px; float:left; padding-top:8px; margin-right:0.8em;} /* Positionnement du numéro de la ligne au-dessus du texte */ .fichehoraire1 span {padding-top:1px; padding-left:6px; font-family:Arial; font-weight:normal; font-size:0.6em; color:#000000; text-align:left; display:block;} .fichehoraire2 span {padding-top:1px; padding-left:6px; font-family:Arial; font-weight:normal; font-size:0.6em; color:#000000; text-align:left; display:block;} .fichehoraire3 span {padding-top:1px; padding-left:6px; font-family:Arial; font-weight:normal; font-size:0.6em; color:#000000; text-align:left; display:block;} .fichehoraire4 span {padding-top:1px; padding-left:6px; font-family:Arial; font-weight:normal; font-size:0.6em; color:#000000; text-align:left; display:block;} .fichehoraire5 span {padding-top:1px; padding-left:6px; font-family:Arial; font-weight:normal; font-size:0.6em; color:#000000; text-align:left; display:block;} .fichehoraire6 span {padding-top:1px; padding-left:6px; font-family:Arial; font-weight:normal; font-size:0.6em; color:#000000; text-align:left; display:block;} .fichehoraire7 span {padding-top:1px; padding-left:6px; font-family:Arial; font-weight:normal; font-size:0.6em; color:#000000; text-align:left; display:block;} .fichehoraire8 span {padding-top:1px; padding-left:6px; font-family:Arial; font-weight:normal; font-size:0.6em; color:#000000; text-align:left; display:block;} .fichehoraire9 span {padding-top:1px; padding-left:6px; font-family:Arial; font-weight:normal; font-size:0.6em; color:#000000; text-align:left; display:block;} .fichehoraire10 span {padding-top:1px; padding-left:6px; font-family:Arial; font-weight:normal; font-size:0.6em; color:#000000; text-align:left; display:block;} /* Gestion de l'apparence des liens des fiches horaires : pas de soulignement et fond gris pour passage de la souris*/ #global .col-centre-contenu .fichehoraire1 span a {text-decoration:none;} #global .col-centre-contenu .fichehoraire1 span a:hover {text-decoration:none; color:#FFFFFF; background-color:#666666;} #global .col-centre-contenu .fichehoraire2 span a {text-decoration:none;} #global .col-centre-contenu .fichehoraire2 span a:hover {text-decoration:none; color:#FFFFFF; background-color:#666666;} #global .col-centre-contenu .fichehoraire3 span a {text-decoration:none;} #global .col-centre-contenu .fichehoraire3 span a:hover {text-decoration:none; color:#FFFFFF; background-color:#666666;} #global .col-centre-contenu .fichehoraire4 span a {text-decoration:none;} #global .col-centre-contenu .fichehoraire4 span a:hover {text-decoration:none; color:#FFFFFF; background-color:#666666;} #global .col-centre-contenu .fichehoraire5 span a {text-decoration:none;} #global .col-centre-contenu .fichehoraire5 span a:hover {text-decoration:none; color:#FFFFFF; background-color:#666666;} #global .col-centre-contenu .fichehoraire6 span a {text-decoration:none;} #global .col-centre-contenu .fichehoraire6 span a:hover {text-decoration:none; color:#FFFFFF; background-color:#666666;} #global .col-centre-contenu .fichehoraire7 span a {text-decoration:none;} #global .col-centre-contenu .fichehoraire7 span a:hover {text-decoration:none; color:#FFFFFF; background-color:#666666;} #global .col-centre-contenu .fichehoraire8 span a {text-decoration:none;} #global .col-centre-contenu .fichehoraire8 span a:hover {text-decoration:none; color:#FFFFFF; background-color:#666666;} #global .col-centre-contenu .fichehoraire9 span a {text-decoration:none;} #global .col-centre-contenu .fichehoraire9 span a:hover {text-decoration:none; color:#FFFFFF; background-color:#666666;} #global .col-centre-contenu .fichehoraire10 span a {text-decoration:none;} #global .col-centre-contenu .fichehoraire10 span a:hover {text-decoration:none; color:#FFFFFF; background-color:#666666;} /*******************************************************************************************************************************************************************/ /* RUBRIQUE DECOUVRIR /*******************************************************************************************************************************************************************/ /* Archives : présentation des actualités des archives */ #global .col-centre-contenu .archivactus{height:100px; width:220px; text-align:left; float:left; padding-top:10px; margin-right:0.8em; margin-bottom:200px;} #global .col-centre-contenu .archivactus .filet{margin-top:10px; margin-bottom:3px; width:100%; height:1px; bottom:0px;} #global .col-centre-contenu .archivactus .para{height:90px; width:200px; text-align:center; overflow:auto} /*******************************************************************************************************************************************************************/ /* archives et recherches régionales */ /*******************************************************************************************************************************************************************/ /* Encart avec taille de police réduite et bordure pointillée pour les archives - recherches régionales */ .encart_petite_fonte{float:left; width:98%; padding:3px; font-size:0.8em; border:dotted 1px #999999; line-height:1.5em;margin-bottom:15px; color:#004848;} .rr_titre{height:17px;font-size:1.7em;font-weight:bold;font-family:Arial;padding-bottom:2px;color:#454545;border-bottom:dotted 1px #999999; padding:auto 0;} /* Encart présentation des recherches régionales */ .rr-encart{width:100%;clear:both; margin-bottom:50px; margin-top:5px;} .rr-encart h2 {margin-left:60px; padding-bottom:5px; font-size:1.2em; font-weight:bold; color:#0a4d51; border-bottom:1px #666666 solid;} .rr-encart span {padding-top:4px; font-family:Arial; font-size:20px; font-weight:bold; color:#616161; display:block;} .rr-encart .rr-numero{background-image:url(../upload/calendriervert.jpg); height:48px; width:44px; text-align:center; color:#fff; font-size:10px; float:left; margin-right:15px; padding:0px;} .rr-encart .telecharger{border-top:1px #666666 dotted; margin-left:60px; margin-right:200px; margin-top:10px; padding-top:5px; color:#666666; font-size:0.8em;} .rr-encart .texte{font-size:0.9em; margin-left:60px; margin-top:10px;} .rr-encart .texte span {display:inline;} .rr-encart .telecharger2 {width:86px; background:transparent url("images/tag.gif") no-repeat scroll left center; margin-bottom:3px;margin-top:3px;padding-left:11px; /*padding-right:10px;*/ padding-top:1px;padding-bottom:4px;font-size:0.9em; margin-left:7px; border-right:1px solid #C2C1C1;} /*IE7*/ *+html .rr-encart .telecharger2 {width:86px; background:transparent url("images/tag.gif") no-repeat ; border-right:1px solid #C2C1C1; margin-left:0px; padding-left:20px; padding-right:10px;} #global .rr-encart a{text-decoration:none; color:#999999; } #global .rr-encart a:hover{text-decoration:none; border-bottom:1px #fe7800 dotted; color:#fe7800;} global .rr-encart ul li {margin:0px; padding-bottom:10px; line-height:1.3em;} /* Encart utilisé pour les expositions des archives - Texte icône "calendrier" plus petit */ .expo-encart {width:100%;clear:both; margin-bottom:50px; margin-top:5px;} .expo-encart h2 {margin-left:60px; padding-bottom:5px; font-size:1.2em; font-weight:bold; color:#0a4d51; border-bottom:1px #666666 solid;} .expo-encart span {padding-top:4px; font-family:Arial; font-size:14px; font-weight:bold; color:#616161; display:block;} .expo-encart .expo{background-image:url(../upload/calendriervert.jpg); height:48px; width:44px; text-align:center; color:#fff; font-size:10px; float:left; margin-right:15px; padding:0px;} .expo-encart .texte{font-size:0.9em; margin-left:60px; margin-top:10px;} .expo-encart .texte span {display:inline;} .expo-encart .telecharger{border-top:1px #666666 dotted; margin-left:60px; margin-right:200px; margin-top:10px; padding-top:5px; color:#666666; font-size:0.8em;} .expo-encart .telecharger2 {width:86px; background:transparent url("images/tag.gif") no-repeat scroll left center; margin-bottom:3px;margin-top:3px;padding-left:11px; /*padding-right:10px;*/ padding-top:1px;padding-bottom:4px;font-size:0.9em; margin-left:7px; border-right:1px solid #C2C1C1;} #global .expo-encart a{text-decoration:none; color:#999999; } #global .expo-encart a:hover{text-decoration:none; border-bottom:1px #fe7800 dotted; color:#fe7800;} #global .expo-encart ul li {margin:0px; padding-bottom:10px; line-height:1.3em;} /* Grands événements culturels */ #evenements { width:730px; /*background:url("images/page-grands-evts.jpg") no-repeat;*/} #evenements .actualite {float:left; height:650px; width:31%;} #evenements .autres{float:left; width:68%; padding-right:5px;} /*******************************************************************************************************************************************************************/ /* PUBLICATIONS /*******************************************************************************************************************************************************************/ /* gestion de l'affichage des publications */ .colonne_a_gauche_publications{float:left;width:200px;margin-right:39px; margin-bottom:20px;} /*******************************************************************************************************************************************************************/ /* FOOTER /*******************************************************************************************************************************************************************/ .focus-container{background-position:top left; width:216px; margin-top:47px;} .focus-top{width:216px; height:60px; background-image:url(gammes/focus/focus_top.jpg); background-repeat:no-repeat;} .focus-top p{display:block; height:60px;font-weight:bold; font-size:1.2em; color:#454545;padding-top:10px; margin-left:17px;} .focus-top-contact{width:216px; height:60px; background-image:url(gammes/focus/focus_top_contact.jpg); background-repeat:no-repeat;} .focus-top-contact p{display:block; height:60px;font-weight:bold; font-size:1.2em; color:#454545;padding-top:14px; margin-left:17px;} .focus-main{width:216px; background-image:url(gammes/focus/focus_main.jpg); background-repeat:repeat-y; } /*.focus-main ul li{background: transparent url(images/puce.gif) 0 4px no-repeat; padding:0 10px 0 10px;}*/ .focus-main ul li{background: transparent url(gammes/puces/rond_gris.gif) 0px 6px no-repeat; padding:0px 10px 0 10px; margin-bottom:15px;} /*gestion des puces dans les focus*/ #footer ul {text-align:center;} #footer li{background-image:none; display:inline; padding:0; margin:0;} #footer a {color:#838485;} #footer a:hover { text-decoration:underline;} /*******************************************************************************************************************************************************************/ /* plan du site /*******************************************************************************************************************************************************************/ #global .sitemap {} #global .sitemap_cg06 a{color:#b5006f;} #global .sitemap_cg06 ul li {margin:10px 0 10px 0px; padding:0; background: transparent url(gammes/puces/faq_close_gamme_2.gif) 0px 4px no-repeat; padding:0px 10px 0 15px; font-size:1.1em;} #global .sitemap_cg06 ul li ul li{margin:3px 0 3px 20px; padding:0; background:transparent url(gammes/puces/carre_triangle_rose.gif) 0px 5px no-repeat; padding:0px 10px 0 15px; font-size:0.9em;} #global .sitemap_servir a{color:#689b1f;} #global .sitemap_servir ul li {margin:10px 0 10px 0px; padding:0; background: transparent url(gammes/puces/faq_close_gamme_3.gif) 0px 4px no-repeat; padding:0px 10px 0 15px; font-size:1.1em;} #global .sitemap_servir ul li ul li{margin:3px 0 3px 20px; padding:0; background:transparent url(gammes/puces/carre_triangle_vert.gif) 0px 5px no-repeat; padding:0px 10px 0 15px; font-size:0.9em;} #global .sitemap_decouvrir a{color:#fe7800;} #global .sitemap_decouvrir ul li {margin:10px 0 10px 0px; padding:0; background: transparent url(gammes/puces/faq_close_gamme_4.gif) 0px 4px no-repeat; padding:0px 10px 0 15px; font-size:1.1em;} #global .sitemap_decouvrir ul li ul li{margin:3px 0 3px 20px; padding:0; background:transparent url(gammes/puces/carre_triangle_orange.gif) 0px 5px no-repeat; padding:0px 10px 0 15px; font-size:0.9em;} #global .sitemap_generique ul li {margin:10px 0 10px 0px; padding:0; background: transparent url(gammes/puces/faq_close_gamme_1.gif) 0px 4px no-repeat; padding:0px 10px 0 15px; font-size:1.1em;} #global .sitemap_generique ul li ul li{margin:3px 0 3px 20px; padding:0; background:transparent url(gammes/puces/carre_triangle_bleu.gif) 0px 5px no-repeat; padding:0px 10px 0 15px; font-size:0.9em;} /*******************************************************************************************************************************************************************/ /* FCK */ /*******************************************************************************************************************************************************************/ table.tableau_details td {padding:10px; vertical-align:center; text-align:left; font-size:11px; border:1px solid #8a8a8a;} table.tableau_details tr.niveau_1 {background-color:#ededed;} table.tableau_details td.niveau_2 {background-color:#ededed; color:#2c486c;} table.tableau_details {} /*******************************************************************************************************************************************************************/ /* définition des couleurs des rubriques CG06, DECOUVRIR et SERVIR /*******************************************************************************************************************************************************************/ .couleur_gamme_0 {color:#2c486c;} .couleur_gamme_1 {color:#02B7D3;} .couleur_gamme_2 {color:#b5006f;} .couleur_gamme_3 {color:#689b1f;} .couleur_gamme_4 {color:#fe7800;} /*******************************************************************************************************************************************************************/ /* styles de texte */ /*******************************************************************************************************************************************************************/ /* style normal : couleur de texte gris foncé */ .sous_titre{font-weight:bold; font-size: 1.2em;} .stitre_plus{background:transparent url(gammes/puces/plus.gif) 0 50% no-repeat; background-position:top left; padding:0 0 0 15px;font-weight:bold ; font-size:1em ; color:#666666;} .normal{font-size: 1em; color:#666666;} .legende{font-size:0.8em; color:#666666;} .gras{font-weight:bold; color:#404040;} .italique{font-style:italic;} .alerte{color:#FF0000;} /* style rubrique LE CG06 */ .lecg06_sous_titre{font-weight:bold ; font-size:1.2em ; color:#b5006f;} .lecg06_stitre_plus{background:transparent url(gammes/puces/plus.gif) 0 50% no-repeat; background-position:top left; padding:0 0 0 15px;font-weight:bold ; font-size:1em ; color:#b5006f;} .lecg06_normal{ font-size: 1em; color:#b5006f;} .lecg06_gras{font-weight:bold; color:#b5006f;} .lecg06_italique{font-style:italic ; font-size:1em ; color:#b5006f;} /* style rubrique SERVIR LES HABITANTS */ .servir_sous_titre{font-weight:bold ; font-size:1.2em ; color:#689b1f;} .servir_stitre_plus{background:transparent url(gammes/puces/plus.gif) 0 50% no-repeat; background-position:top left; padding:0 0 0 15px;font-weight:bold ; font-size:1em ; color:#689b1f;} .servir_normal{ font-size: 1em; color:#689b1f;} .servir_gras{font-weight:bold; color:#689b1f;} .servir_italique{font-style:italic ; font-size:1em ; color:#689b1f;} /* style rubrique DECOUVRIR LES ALPES-MARITIMES */ .decouvrir_sous_titre{font-weight:bold ; font-size:1.2em ; color:#fe7800;} .decouvrir_stitre_plus{background:transparent url(gammes/puces/plus.gif) 0 50% no-repeat; background-position:top left; padding:0 0 0 15px;font-weight:bold ; font-size:1em ; color:#fe7800;} .decouvrir_normal{font-size: 1em; color:#fe7800;} .decouvrir_gras{font-weight:bold; color:#fe7800;} .decouvrir_italique{font-style:italic ; font-size:1em ; color:#fe7800;} /* style rubrique GENERIQUE */ .autres_stitre_plus{background:transparent url(gammes/puces/plus.gif) 0 50% no-repeat; background-position:top left; padding:0 0 0 15px;font-weight:bold ; font-size:1em ; color:#02B7D3;} .autres_sous_titre{font-weight:bold ; font-size:1.2em ; color:#02B7D3;} .autres_normal{font-size: 1em; color:#02B7D3;} .autres_gras{font-weight:bold; color:#02B7D3;} .autres_italique{font-style:italic ; font-size:1em ; color:#02B7D3;} /*******************************************************************************************************************************************************************/ /* styles de positionnement */ /*******************************************************************************************************************************************************************/ .image_a_droite{float:right; padding:0 0 4px 4px;} .image_a_gauche{float:left; padding:0px 4px 4px 0px; clear:right;} .image_centre{margin:0 auto;} .image_align_vertical{vertical-align:middle;} .tableau-top {vertical-align:top;} /* alignement des contenus d'un tableau en haut de cellule */ .texte_centre{text-align:center;} .texte_droite{text-align:right;} /*******************************************************************************************************************************************************************/ /* styles de mise en forme de page : gabarits (templates) accessibles dans le FCK /*******************************************************************************************************************************************************************/ /* Mise en forme des chapeaux de chaque rubrique */ .cg06_chapeau{border-bottom: solid 1px #b5006f; border-top: solid 3px #b5006f; padding:10px 5px; margin-bottom:7px; color:#454545; font-size:1.2em; background-color:#ffedf8; } .servir_chapeau{border-bottom: solid 1px #689b1f; border-top: solid 3px #689b1f; padding:10px 5px; margin-bottom:7px; color:#454545; font-size:1.2em; background-color:#f3ffe1; } .decouvrir_chapeau{border-bottom: solid 1px #fe7800; border-top: solid 3px #fe7800; padding:10px 5px; margin-bottom:7px; color:#454545; font-size:1.2em; background-color:#fef1e6; } .autres_chapeau{border-bottom: solid 1px #02B7D3; border-top: solid 3px #02B7D3; padding:10px 5px; margin-bottom:7px; color:#454545; font-size:1.2em; background-color:#e2f7fa; } /* Mise en forme deux colonnes avec filet haut de la couleur de la rubrique */ .container_2cols{position:relative; width:100%;} .cg06_colonne{float:left; width:46%; border-top: solid 1px #b5006f; margin:2%; padding-top:3px;} .servir_colonne{float:left; width:46%; border-top: solid 1px #689b1f; margin:2%; padding-top:3px;} .decouvrir_colonne{float:left; width:46%; border-top: solid 1px #fe7800; margin:2%; padding-top:3px;} .autres_colonne{float:left; width:46%; border-top: solid 1px #02B7D3; margin:2%; padding-top:3px;} /* Formatage deux colonnes sans filet */ .colonne_sans_filet{float:left; width:46%;margin-right:2%; padding-top:3px; } /* "margin-right" pour permettre de caler le contenu de la colonne de gauche sur le reste de la page. */ .colonne_sans_filet_4cols{float:left; width:23%;margin-right:2%; padding-top:3px;} /* "margin-right" pour permettre de caler le contenu de la colonne de gauche sur le reste de la page. */ /*******************************************************************************************************************************************************************/ /* MODULES */ /*******************************************************************************************************************************************************************/ /*******************************************************************************************************************************************************************/ /* WEBTV : Gestion des pages de présentation des vidéos de la Webtv : homepage + page toutes les videos */ /*******************************************************************************************************************************************************************/ /*******************************************************************************************************************************************************************/ /* liste */ /*******************************************************************************************************************************************************************/ #global #liste-video {color:#000000;} /*******************************************************************************************************************************************************************/ /* actualite */ /*******************************************************************************************************************************************************************/ #liste-video #video_actualite {background-image:url("gammes/video/video_actu.gif"); background-repeat:no-repeat; width: 647px; height: 207px; } #liste-video #video_actualite .video_actualite_bloc {width: 155px; float:left; margin-top: 40px;} #liste-video #video_actualite #video_actualite_bloc_1 {margin-left: 12px;} #liste-video #video_actualite #video_actualite_bloc_2 {margin-left: 80px;} #liste-video #video_actualite #video_actualite_bloc_3 {margin-left: 80px;} #liste-video #video_actualite .video_actualite_bloc .texte {font-weight: bold; color: #46688b; font-size:1em; font-family:Arial, Helvetica, sans-serif;} #liste-video #video_actualite .video_actualite_bloc .image {width: 117px; height: 88px; background-image:url("gammes/video/fond_video.png"); background-repeat:no-repeat;} /*******************************************************************************************************************************************************************/ /* selection : Homepage webtv, bloc de présentation des videos les plus récentes et les plus vues */ /*******************************************************************************************************************************************************************/ #liste-video #selection-video {} #liste-video #selection-video #last_video{width: 288px; float: left; margin-left: 50px;} /* vidéos les plus récentes */ #liste-video #selection-video #last_video .une_video {width:100%; margin:10px 0 10px 0; overflow:auto; height:100px;} #liste-video #selection-video #popular_video{width: 288px; float: left; margin-left: 40px;} /* vidéos les plus vues */ #liste-video #selection-video #popular_video .une_video {width:100%; margin:10px 0 10px 0; overflow:auto; height:100px;} #liste-video #selection-video .image {width: 89px; height: 67px; background-image:url("gammes/video/video_fond_liste.gif"); background-repeat:no-repeat; float: left; margin-right:8px;} #liste-video #selection-video .texte {color: #696969; font-family:Arial, Helvetica, sans-serif;width: 175px; float: left; text-align: left; font-size:1em; line-height:1.2em;} #liste-video #selection-video .texte_video p{margin-bottom:5px;} #liste-video #selection-video .texte_video {font-weight: bold; color: #46688b; font-size:1.1em; font-family:Arial, Helvetica, sans-serif;} /*******************************************************************************************************************************************************************/ /* titre */ /*******************************************************************************************************************************************************************/ #liste-video #selection-video-titre {background-image:url("gammes/video/video_selection.gif"); background-repeat:no-repeat; width: 647px; height: 33px;} #liste-video #popular_video-titre {background-image:url("gammes/video/video_vues.gif"); background-repeat:no-repeat; width: 282px; height: 33px;} #liste-video #last_video-titre {background-image:url("gammes/video/video_recentes.gif"); background-repeat:no-repeat; width: 290px; height: 33px;} /*******************************************************************************************************************************************************************/ /* bottom */ /*******************************************************************************************************************************************************************/ #liste-video .bottom_video {background-image:url("gammes/video/video_bottom.gif"); background-repeat:no-repeat; width: 647px; height: 30px; margin: 10px 0 20px 0;} /*******************************************************************************************************************************************************************/ /* image */ /*******************************************************************************************************************************************************************/ #liste-video #video_actualite .image_video {padding:4px 0 0 2px;} #liste-video #selection-video .image_video {padding:3px 0 0 0;} /*******************************************************************************************************************************************************************/ /* details : présentation de la page Toutes les vidéos accessible depuis homepage webtv */ /*******************************************************************************************************************************************************************/ /* Création du style "une_video" pour encapsuler la vignette et le texte d'une même video sur la page qui présente toutes les vidéos + ajout dans "module/webtv-liste.tpl.php" : le but étant de pouvoir espacer verticalement les videos */ #liste-video #details .une_video {width:100%; margin:10px 0 10px 0; overflow:auto; height:100px;} #liste-video #details .video_bloc_image {width: 100px; float:left;} /* 125 */ #liste-video #details .video_bloc_texte {width: 200px; float:left;} #liste-video #details .texte {color: #696969; font-family:Arial, Helvetica, sans-serif; font-size:1em; line-height:1.2em;} #liste-video #details .texte_video {font-weight: bold; color: #46688b; font-size:1.1em; font-family:Arial, Helvetica, sans-serif; } /* ajout CG, style oublié pour dissocier titre du texte dans la page toutes les videos */ #liste-video #details .texte_video p{margin-bottom:5px;} #liste-video #details .image { background-image: url("gammes/video/video_fond_liste.gif"); background-repeat: no-repeat; float: left; height: 67px; margin-right: 8px; width: 89px;} #liste-video #details .image_video {padding: 4px 0 0 4px;} #liste-video .liens_all_video {padding: 0 40px 0 0;} #liste-video .liens_all_video a {background-image:url("gammes/menu_gauche/fleche_carre_gamme_1.gif"); background-repeat:no-repeat; background-position:0px 2px; padding: 0 0 0 15px; font-size: 12px; color: #46688b;} #liste-video #titre_liste {background-image:url("gammes/video/liste_video.gif"); background-repeat:no-repeat; width: 647px; height: 32px;} /* Gestion des deux colonnes de la page toutes les vidéos */ #liste-video #bloc_left_video_liste {float: left; width: 355px;} /* largeur initiale : 320 px */ #liste-video #bloc_right_video_liste {float: left; width: 355px; } /* largeur initiale : 320 px */ /*******************************************************************************************************************************************************************/ /* SITES DU CG06 */ /*******************************************************************************************************************************************************************/ .sites_cg06{} .sites_cg06 .titre{background-image:url("gammes/puces/liste_puces_gamme_1.gif"); background-repeat:no-repeat; background-position:0 5px; color:#2c486c; font-weight:bold; padding-left:20px; font-size:11px;} .sites_cg06 .texte{margin-left:20px;} .sites_cg06 .lien{background-image:url("gammes/puces/liste_puces_n2.gif"); background-repeat:no-repeat; background-position:0 5px; font-weight:bold; padding-left:15px; margin-left:20px;} .sites_cg06 .lien a {color:#2c486c;font-size:0.8em;} .sites_cg06 .separateur {width:100%; background-image:url("gammes/bloc/separateur.gif"); background-repeat:repeat-x; background-position:bottom left; height:15px;} /*******************************************************************************************************************************************************************/ /* Gestion de la rubrique "Les sites du CG 06 en menus ouvrant à la demande pour faire apparaître le descriptif */ /*******************************************************************************************************************************************************************/ /* .lessites {padding:38px 0 0 10px; width:462px; height:225px;background-image:url("gammes/focus/preparer.gif"); background-repeat:no-repeat; background-position:top left; float:left;} */ .lessites {} .lessites .bloc {width:700px; height:80px; background-color:#F0F0F0; /*background-image:url("gammes/focus/bgr_deplacement.jpg"); background-repeat:no-repeat; background-position:top left;*/padding:0; } /* .lessites .bloc .titre {background-image:none; padding:10px 0 10px 10px;} */ .lessites .bloc .titre {background-image:url("gammes/puces/carre_triangle_bleu.gif"); background-repeat:no-repeat; background-position:center left; padding-left:15px; color:#0198c4; font-size:1.2em; font-weight:bold;} .lessites .bloc .texte {/*background-image:url("gammes/puces/triangle_rose.gif"); background-repeat:no-repeat; background-position:0 3px;*/ padding-left:7px; color:#232323;} .lessites .bloc .left {float:left; width:130px; margin-left:5px;} .lessites .bloc .right {float:left; width:245px;} .lessites .bloc .lien {float:right;} .lessites .bloc .lien a {color:#232323; text-decoration:underline;} .lessites .bloc .lien a:hover {color:#232323; text-decoration:overline underline;} .lessites .qr-q .titre {font-size:11px;} .lessites .qr-q .titre {/*background-image:url("gammes/puces/carre_triangle_bleu.gif"); background-repeat:no-repeat; background-position:center left; padding-left:20px;*/} .lessites .qr-q .titre a {color:#424343; font-size:11px;} #sites-cg06 {} #sites-cg06 .qr-item .qr-r {display:none;position:relative;} #sites-cg06 .qr-item-selected .qr-r{display:block;} #sites-cg06 .qr-q {cursor:pointer;position:relative; margin-bottom:5px; margin-left:5px; margin-top:5px;} #sites-cg06 .qr-item-selected .qr-r {overflow:hidden;color:#525353; padding:0px 0 0px 30px;} #sites-cg06 .qr-item-selected .qr-r a:hover {text-decoration:underline;color:#232323; background-color:#CCCCCC;} #sites-cg06 .qr-item-selected .qr-q {background-image:url("gammes/puces/carre_triangle_bleu_bas.gif"); background-repeat:no-repeat; padding-left:15px; background-position:0 3px; } #sites-cg06 .qr-item-not-selected .qr-q {background-image:url("gammes/puces/carre_triangle_bleu.gif"); background-repeat:no-repeat; padding-left:15px; background-position:0 3px;} #sites-cg06 .separateur {margin:15px 0; background-image:url("gammes/bloc/separateur.gif"); background-repeat:repeat-x; background-position:top left; height:4px; width:100%;} /*******************************************************************************************************************************************************************/ /* GLOSSAIRE */ /*******************************************************************************************************************************************************************/ #glossaire {} #glossaire ul{padding:10px 0;} #glossaire #glossaire_navigation {margin: 30px 0 0 75px;} #glossaire #glossaire_navigation a.noactive{display: block; float: left; background-image:url("images/glossaire_noactive.gif"); background-repeat:no-repeat;padding: 10px 0px; text-align: center; text-transform: uppercase; font-weight: bold; width:33px; margin: 0 10px 0 0; color: #46688b; text-decoration: none;} #glossaire #glossaire_navigation a.noactive:hover {background-image:url("images/glossaire_active.gif"); background-repeat:no-repeat; color: #FFFFFF;} #glossaire #glossaire_navigation a.active{display: block; float: left; background-image:url("images/glossaire_active.gif"); background-repeat:no-repeat;padding: 10px 0px; text-align: center; text-transform: uppercase; font-weight: bold; width:33px; margin: 0 10px 0 0; color: #FFFFFF; text-decoration: none;} #gloassaire_alphabet{background-color:#e2f7fa; padding-top:2px; padding-bottom:8px; padding-left:5px; font-weight:bold; font-size:1.3em;} #gloassaire_alphabet a:hover{background-color:#666666; color:#FFFFFF} .glossaire-terme{padding:15px 0; font-weight:bold;} a.glossaire-link{background-image:url(images/glossaire-icone.gif); background-position:top right; background-repeat:no-repeat; border-bottom:dotted 1px #666666;} #glossaire_contener {} .glossaire_contener_left, .glossaire_contener_right {width: 205px; float: left; margin: 30px 0 0 95px;} #glossaire_contener .titre{background-image:url("gammes/puces/liste_puces_gamme_1_faq.gif");background-repeat:no-repeat;background-position:0 4px;padding: 0 0 0 15px; font-weight: bold; color: #46688b;} #glossaire_contener .texte{} /*******************************************************************************************************************************************************************/ /* LIGHTWINDOW */ /*******************************************************************************************************************************************************************/ .general_body a#lightwindow_title_bar_close_link, .general_body a:link#lightwindow_title_bar_close_link, .general_body a:visited#lightwindow_title_bar_close_link { background-image:url("gammes/puces/liste_puces_gamme_1.gif"); background-repeat:no-repeat; background-position:0 9px; padding-left:15px;margin-left:0px;} .general_body #lightwindow_title_bar_title { background-image:url("gammes/puces/liste_puces_gamme_1.gif"); background-repeat:no-repeat; background-position:0 9px; padding-left:15px;margin-left:8px;} /*******************************************************************************************************************************************************************/ /* SIMPLEVIEWER */ /*******************************************************************************************************************************************************************/ /* Le cg06 / Information du département / info06 : présentation des éditions du journal du Département */ #flashcontent_info06 {height: 460px; padding: 0; margin: 0;} /*******************************************************************************************************************************************************************/ /* TAGS : cartouche permettant de marquer les actus à l'aide de la taxonomie (encadrement sous forme d'étiquette) */ /*******************************************************************************************************************************************************************/ .p_tag {color:#b8b8b8;display:block;float:left;font-size:11px;font-weight:bold;height:16px;margin-bottom:3px;margin-top:3px;padding-left:20px;padding-right:10px;text-decoration:none;background:transparent url("images/tag.gif") no-repeat scroll left center;border-right:1px solid #C2C1C1;} /* ACTUALITE */ table.details td.teq-picsleft, table.liste td.teq-picsleft{padding-right: 10px;} /******* SAUVEGARDE DES STYLES AVANT MODIFICATIONS **************/ /*ul, li { list-style:none; text-align:left}*/ /*.general_body .gamme-16 #faq{} .general_body .gamme-16 #faq .qr-item .qr-r {display:none;position:relative;} .general_body .gamme-16 #faq .qr-item-selected .qr-r{display:block;} .general_body .gamme-16 #faq .qr-q {cursor:pointer;position:relative; margin-bottom:5px; margin-left:5px; margin-top:5px; } .general_body .gamme-16 #faq .qr-item-selected .qr-r {overflow:hidden;color:#525353; padding:0px 0 0px 30px;} .general_body .gamme-16 #faq .qr-item-selected .qr-q {background-image:url("gammes/puces/carre_triangle_bleu_bas.gif"); background-repeat:no-repeat; padding-left:15px; background-position:0 3px; } .general_body .gamme-16 #faq .qr-item-not-selected .qr-q {background-image:url("gammes/puces/carre_triangle_bleu.gif"); background-repeat:no-repeat; padding-left:15px; background-position:0 3px;} .general_body .gamme-16 #faq .qr-item-selected .qr-q {color:#000000;font-size:10px;font-weight:normal;} .general_body .gamme-16 #faq .qr-item-not-selected .qr-q {color:#000000;font-size:10px;font-weight:normal;} .general_body .gamme-16 #faq a {color:#B5006F;} */ /*table.site_cg06 {} table.site_cg06 td.image{} table.site_cg06 td.contener{} table.site_cg06 td.contener .titre{background-image:url("gammes/puces/liste_puces_gamme_1.gif"); background-repeat:no-repeat; background-position:0 5px;color:#02B7D3; font-weight:bold; padding-left:20px; font-size:11px;} table.site_cg06 td.contener .texte{margin-left:20px;} table.site_cg06 td.contener .lien{background-image:url("gammes/puces/liste_puces_n2.gif"); background-repeat:no-repeat; background-position:0 5px; font-weight:bold; padding-left:15px; margin-left:20px;} table.site_cg06 td.contener .lien a {color:#2c486c;} table.site_cg06 td.separateur {width:100%; background-image:url("gammes/bloc/separateur.gif"); background-repeat:repeat-x; background-position:bottom left; height:15px;} */ /*#liste-video #details .image {width: 117px; height: 88px; background-image:url("gammes/video/fond_video.png"); background-repeat:no-repeat; }*/ /*#liste-video #details .image_video {width : 110px; height: 80px; overflow: hidden; padding: 4px 0 0 4px;}*/ /*.colonne_sans_filet{float:left; width:46%;margin:2%; padding-top:3px;} */ /*.selectionner_hp #selection-nav-buttons .next{position: absolute; margin:14px 0 0 455px;} .selectionner_hp #selection-nav-buttons .prev{position: absolute; margin:14px 0 0 565px;}*/ /*ORIGINAL .selectionner_hp .left a{font-size:9px; color:#525353;}*/ /*ORIGINAL .selectionner_hp .left .titre {background-image:url("gammes/puces/fleche_bleu.gif"); background-repeat:no-repeat; background-position:top left; padding-left:20px; color:#46688b; font-weight:bold; font-size:13px; padding-bottom:15px;}*/ /*.selectionner_hp #selectionSliderContainer{font-size:1em;} Gestion de la taille des caractères dans la zone "Nous avons sélectionné pour vous" */ /*.selectionner_hp #selectionSliderContainer .titre{font-size:1.1em;} .selectionner_hp #selectionSliderContainer a{font-size:1em;}*/ /* SOCIAL */ .focus-main ul.social-icons li { margin-bottom: 0; padding: 5px 0 5px 25px; } .focus-main ul.social-icons li.twitter { background:url("images/social/teq-twitter.png") no-repeat center left; } .focus-main ul.social-icons li.facebook { background:url("images/social/teq-facebook.png") no-repeat center left; } .focus-main ul.social-icons li.myspace { background:url("images/social/teq-myspace.png") no-repeat center left; } .focus-main ul.social-icons li.delicious { background:url("images/social/teq-delicious.png") no-repeat center left; } .focus-main ul.social-icons li.friendfeed { background:url("images/social/teq-friendfeed.png") no-repeat center left; } .focus-main ul.social-icons li.googlebookmarks { background:url("images/social/teq-google.png") no-repeat center left; } .focus-main ul.social-icons li.yahoobookmarks { background:url("images/social/teq-yahoo.png") no-repeat center left; }