/* ============================================================================= #contenuInner .PRS_FOND2 a strong { color:#ffffff; } * LAYOUT GENERAL * ===========================================================================*/ body { margin: 0; padding: 0; color: #000; font-size: 12px; font-family: tahoma, sans-serif;background:url(images/documenttop.jpg) left top repeat-x #fff; } input, textarea, select, td { font-family: tahoma, sans-serif; font-size: 12px; } #document { width: 100%; margin:0 auto; padding:0px; } #colonneGauche { float: left; width: 200px; overflow:hidden;} #contenu { width: 990px; display:block; padding:0; margin:auto;} #contenuInner { float:left; padding:0px; margin:0px; width:100%; } #colonneDroite { float: right; width: 120px; } #coreContenuColGauche { float: left; padding-right: 20px; width: 204px; } #coreContenuCentral { float: left; margin: 0 20px; min-height: 700px; width: 582px; } #coreContenuCentral.sansColGauche { float: left; margin: 0; width: 848px; } #coreContenuColDroite { float: left; padding-left: 20px; width: 122px; } #coreContenuHaut .accroche_gauche {height:220px; overflow: hidden;} #coreContenuHaut .accroche_gauche .scroll-pane {height:120px; overflow:auto;} /* ============================================================================= * STANDARD CMS * ===========================================================================*/ .clear {clear: both} button, input.submit {cursor:pointer} hr.separation {visibility: hidden;height: 0px;clear: both;margin: -2px;padding: 0px;} .alignleft {text-align: left;} .alignright {text-align: right;} .aligncenter {text-align: center;} .alignjustify {text-align: justify;} img.alignleft {float: left; margin: 0 5px 5px 0;} img.alignright {float: right; margin: 0 0 5px 5px;} img.aligncenter {margin: 0 auto;} div.em {font-style:italic;} a img {border-width : 0;} a {outline:none; text-decoration: none; color:#000;} a:hover {text-decoration: underline; color:#000;} #contenu .PRT_REDACTIONNEL a {text-decoration: underline;color:#819D03} #contenu .PRT_REDACTIONNEL a:hover {text-decoration: none;} .invisible {display: none;} acronym { border-bottom: 1px dotted; cursor:help; } form { padding: 0; margin: 0; } p.good { text-align:center; font-weight: bold;} ul.error, p.error { border: 1px solid red; color: red; padding: 5px; margin: 5px; font-weight: bold; background-color: #fff; list-style-type: decimal; } ul.error li { margin: 0 5px; padding: 2px; background-image: none; } p.error { text-align:center; } .noborder{border:none;} .titrePage{position:relative; overflow:hidden;} .titrePage h2{margin-top:5px;} h2 {overflow:hidden; zoom:1; font-size:22px; color:#000; background:url(images/fo/fondh2.png) 5px bottom no-repeat transparent; padding-bottom:2px;} .sansColGauche h2{background:url(images/fo/fondh2_grand.png) 5px bottom no-repeat transparent;} h2 span.tache{background:url(images/fo/tacheH2.png) left top no-repeat #819d03; display: block; float: left; height: 22px; width: 24px; margin-right:5px;} .paragraphe h2 { padding-bottom: 10px; padding-left: 20px; } #document h2 span.texteTitre{ background: none transparent; display: inline; height: auto; padding-left: 8px; /*width: 59%; float: left;*/ } .PRT_REDACTIONNEL ul { list-style-image: url(images/puceverte.gif); list-style-position: inside; } ul li span{color:#231f20;} h3.titre_souligne{color:#90AC11;} @font-face { font-family: 'EurostileBold'; src: url('../police/eurostib-webfont.eot'); src: local('☺'), url('../police/eurostib-webfont.woff') format('woff'), url('../police/eurostib-webfont.ttf') format('truetype'), url('../police/eurostib-webfont.svg#webfontbjgbDSiO') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'EurostileRegular'; src: url('../police/eurosti0-webfont.eot'); src: local('☺'), url('../police/eurosti0-webfont.woff') format('woff'), url('../police/eurosti0-webfont.ttf') format('truetype'), url('../police/eurosti0-webfont.svg#webfontTke6wlew') format('svg'); font-weight: normal; font-style: normal; } #bandeauBas #tplmav h3, .tpl_commentaireHome h3 {font-family: 'EurostileRegular';} #sousCategHorizontalSlidingMenu_promotions ul li, #sousCategHorizontalSlidingMenu_departs_confirmes ul li, #sousCategHorizontalSlidingMenu_labels ul li, #sousCategHorizontalSlidingMenu_promotions ul li a, #sousCategHorizontalSlidingMenu_departs_confirmes ul li a, #sousCategHorizontalSlidingMenu_labels ul li a {font-family: tahoma, sans-serif; font-size: 14px!important;} #menuPrimaire { font-family: 'EurostileRegular'; } #menuTertiare li.fondPage, .fondPage { background-color:#819d03; } #menuTertiare li.fondPage li a.colorPage, .colorPage, .colorPage a { color:#819d03; } .interligne { background:url(images/fo/barrehorizontale.gif) left top repeat; height:5px; margin:0 0 15px 0; background-color:#819d03; overflow:hidden; zoom:1; clear: both; } #guideparpassion { display:none; background: url(images/fo/guideparpassiondroite.png) right bottom no-repeat transparent; width: 122px; position: fixed; right: 0; bottom: 0; height:800px; } #guideparpassion.ecran{ display: none; } body.AP #bandeauHaut {height:426px;} body.AP #bandeauHaut .bandeauHautInner {height:426px;} body.AP .divBandeauHaut {background: url("images/fo/indexsec/Visu_AllibertPratique.jpg") no-repeat scroll center top transparent;} body.AP .divBandeauBas {background: url("images/fo/indexsec/Footer_AllibertPratique.jpg") no-repeat scroll center bottom transparent;} body.AP .colorEnvGraph, span.colorEnvGraph a {color:#819D03!important;} body.AP .colorFondEnvGraph{background-color:#819D03!important;} /*Page conseil de guide (code CDG)*/ body.CDG #bandeauHaut {height:426px;} body.CDG #bandeauHaut .bandeauHautInner {height:426px;} body.CDG .divBandeauHaut {background: url("images/fo/indexsec/Visu_ConseilsDeGuide.jpg") no-repeat scroll center top transparent;} body.CDG .divBandeauBas {background: url("images/fo/indexsec/Footer_ConseilsDeGuide.jpg") no-repeat scroll center bottom transparent;} body.CDG .colorEnvGraph, span.colorEnvGraph a {color:#536e75!important;} body.CDG .colorFondEnvGraph{background-color:#536e75!important;} .PRT_REDACTIONNEL .CDG ul{list-style-image: url(images/puce_CDG.gif);} .CDG .interligne, .CDG .barreHortizontale, .CDG #menuTertiare li.fondPage, .CDG .fondPage, .CDG .PRS_ENAVANTCOULEUR, .CDG .PRS_ENAVANTCOULEUR .innerParagraphe, .CDG h2 span.tache { background-color:#536e75; } .CDG #menuTertiare li {background-color:#536e75; margin-bottom:20px; } .CDG #menuTertiare li a span.chevron{float:right; width:15px; height:15px; background: url(images/fo/menuvertical/chevronCDG.gif) left top no-repeat transparent;} .CDG #menuTertiare li.selected a span.chevron{background: url(images/fo/menuvertical/chevronblanc.png) left top no-repeat transparent;} .CDG #menuTertiare li a span.texte {width:150px; float:left;} .CDG #menuTertiare li ul li a li a, .CDG #menuTertiare li ul li a {overflow: hidden;} .CDG #menuTertiare li .spancdg { display:block; padding:8px 6px; color:#fff; font-weight: bold; } .CDG #menuTertiare li ul li{ background-color: #fff; border-bottom:1px solid #d6d3d2; margin-bottom:0; } .CDG #menuTertiare li ul li ul li{border:0;} .CDG #menuTertiare li ul li ul li a, .CDG #menuTertiare li.fondPage li a.colorPage, .CDG #menuTertiare li a span.texte, .CDG .colorPage{ color:#536e75; } .CDG #menuTertiare li ul li ul li.selected a, .CDG #menuTertiare li ul li ul li a:hover { font-weight:bold; color:#000; } .CDG ul li span{color:#231f20;} .CDG h3.titre_souligne{color:#536e75;} /*Page Activité (code ACT)*/ body.ACT #bandeauHaut {height:426px;} body.ACT #bandeauHaut .bandeauHautInner {height:426px;} body.ACT .divBandeauHaut {background: url("images/fo/indexsec/Visu_Activites.jpg") no-repeat scroll center top transparent;} body.ACT .divBandeauBas {background: url("images/fo/indexsec/Footer_Activites.jpg") no-repeat scroll center bottom transparent;} body.ACT .colorEnvGraph, span.colorEnvGraph a {color:#f1991b!important;} body.ACT .colorFondEnvGraph{background-color:#f1991b!important;} .PRT_REDACTIONNEL .ACT ul{list-style-image: url(images/puce_ACT.gif);} .ACT .interligne, .ACT .barreHortizontale, .ACT #menuTertiare li.fondPage, .ACT .fondPage, .ACT .PRS_ENAVANTCOULEUR , .ACT .PRS_ENAVANTCOULEUR .innerParagraphe, .ACT h2 span{ background-color:#f1991b; } .ACT #menuTertiare li.fondPage li a.colorPage, .ACT .colorPage{ color:#f1991b; } .ACT ul li span{color:#231f20;} .ACT h3.titre_souligne{color:#f1991b;} /*Page Caravane (code CARAVANE)*/ body.CARAVANE #bandeauHaut {height:426px;} body.CARAVANE #bandeauHaut .bandeauHautInner {height:426px;} body.CARAVANE .divBandeauHaut {background: url("images/fo/indexsec/Visu_ClubCaravane.jpg") no-repeat scroll center top transparent;} body.CARAVANE .divBandeauBas {background: url("images/fo/indexsec/Footer_ClubCaravane.jpg") no-repeat scroll center bottom transparent;} body.CARAVANE .colorEnvGraph, span.colorEnvGraph a {color:#bd4931!important;} body.CARAVANE .colorFondEnvGraph{background-color:#bd4931!important;} .PRT_REDACTIONNEL .CARAVANE ul{list-style-image: url(images/puce_CARAVANE.gif);} .CARAVANE .interligne, .colorFondCaravane, .CARAVANE .barreHortizontale, .CARAVANE #menuTertiare li.fondPage, .CARAVANE .fondPage, .CARAVANE .PRS_ENAVANTCOULEUR , .CARAVANE .PRS_ENAVANTCOULEUR .innerParagraphe, .CARAVANE h2 span{ background-color:#bd4931; } .CARAVANE .produitListItem h2 span{ background: none; } .CARAVANE #menuTertiare li.fondPage li a.colorPage, .CARAVANE .colorPage { color:#bd4931; } .CARAVANE #menuTertiare li.fondPage li a, .CARAVANE #menuTertiare li.fondPage li a span, .CARAVANE #menuTertiare li ul li.selected li a span { color:#bd4931; } .CARAVANE #menuTertiare li ul li ul li{border:0;} .CARAVANE #menuTertiare li ul li ul li a, .CARAVANE #menuTertiare li.fondPage li a.colorPage, .CARAVANE #menuTertiare li a span.texte, .CARAVANE .colorPage{ color:#bd4931; } .CARAVANE #menuTertiare li.fondPage a, .CARAVANE #menuTertiare li.fondPage a span{ color:#fff; } .CARAVANE #menuTertiare li a span.chevron{float:right; width:15px; height:15px; background: url(images/fo/menuvertical/chevronCARAVANE.gif) left top no-repeat transparent;} .CARAVANE #menuTertiare li.selected a span.chevron{background: url(images/fo/menuvertical/chevronblanc.png) left top no-repeat transparent;} .CARAVANE ul li span{color:#231f20;} .CARAVANE h3.titre_souligne{color:#bd4931;} /*Page Guide par passion (code GPP)*/ body.GPP #bandeauHaut {height:426px;} body.GPP #bandeauHaut .bandeauHautInner {height:426px;} body.GPP .divBandeauHaut {background: url("images/fo/indexsec/Visu_GuideParPassion.jpg") no-repeat scroll center top transparent;} body.GPP .divBandeauBas {background: url("images/fo/indexsec/Footer_GuideParPassion.jpg") no-repeat scroll center bottom transparent;} body.GPP .colorEnvGraph, span.colorEnvGraph a {color:#70644c!important;} body.GPP .colorFondEnvGraph{background-color:#70644c!important;} .PRT_REDACTIONNEL .GPP ul{list-style-image: url(images/puce_GPP.gif);} .GPP .interligne, .GPP .barreHortizontale, .GPP #menuTertiare li.fondPage, .fondPage, .GPP .fondPage, .GPP .PRS_ENAVANTCOULEUR , .GPP .PRS_ENAVANTCOULEUR .innerParagraphe, .GPP h2 span{ background-color:#70644c; } .GPP #menuTertiare li.fondPage li a, .GPP #menuTertiare li.fondPage li a span, .GPP #menuTertiare li ul li.selected li a span { color:#70644c; } .GPP #menuTertiare li ul li ul li{border:0;} .GPP #menuTertiare li ul li ul li a, .GPP #menuTertiare li.fondPage li a.colorPage, .GPP #menuTertiare li a span.texte, .GPP .colorPage{ color:#70644c; } .GPP #menuTertiare li.fondPage a, .GPP #menuTertiare li.fondPage a span{ color:#fff; } .GPP #menuTertiare li a span.chevron{float:right; width:15px; height:15px; background: url(images/fo/menuvertical/chevronGPP.gif) left top no-repeat transparent;} .GPP #menuTertiare li.selected a span.chevron{background: url(images/fo/menuvertical/chevronblanc.png) left top no-repeat transparent;} .GPP ul li span{color:#231f20;} .GPP h3.titre_souligne{color:#70644c;} h3 {font-size:17px; font-weight:bold;} h4 {color:#9d9895; font-size:14px; font-weight: bold;} h5 {font-weight:bold; color:#231f20; font-size:12px;} ul li span{color:#000;} #blocRepere, #repere { font-size: 11px; text-align:right; color:#8e8885;} #blocRepere h1, #repere h1{display:inline; color:#8e8885; font-size: 11px; font-weight: normal;} #blocRepereCarte h1{ font-size: 11px; text-align:left; color:#8e8885; display:inline; font-weight: normal; } /* ============================================================================= * BANDEAU HAUT * ===========================================================================*/ #bandeauHaut { position:relative; } #bandeauHaut .bandeauHautFondTop{} #bandeauHaut .bandeauHautInner {width:990px; margin:0 auto; position: relative; background-position: center;} body#commentaires #bandeauHaut .bandeauHautInner, body#surlacarte #bandeauHaut .bandeauHautInner, body#commentaires #bandeauHaut, body#surlacarte #bandeauHaut {height: 175px;} body#surlacarte .divBandeauHaut {background:url(images/bandeauHautSurLaCarte.jpg) no-repeat center top transparent ; height:175px;} body#commentaires .divBandeauHaut {background:url(images/bandeauHautCommentaires.jpg) no-repeat center top transparent ; height:176px;} body#surlacarte .divBandeauBas {background:url(images/bandeauBasSurLaCarte.jpg) no-repeat center bottom transparent ;} body#commentaires .divBandeauBas {background:url(images/bandeauBasCommentaires.jpg) no-repeat center bottom transparent ;} #bandeauHaut .navigEnvironnement { float: right; margin-right: -22px; margin-top: 33px; text-align: center; } #bandeauHaut .navigEnvironnement a { text-decoration: none; } #bandeauHaut .navigEnvironnement .flecheHaut { display: block; background: url(images/fo/flecheHomeHaut.png) no-repeat scroll 0 0 transparent; width: 23px; height: 16px; } #bandeauHaut .navigEnvironnement .flecheBas { display: block; background: url(images/fo/flecheHomeBas.png) no-repeat scroll 0 0 transparent; width: 23px; height: 16px; } #bandeauHaut .navigEnvironnement .pointBlanc { display: block; background: url(images/fo/pointBlancHome.png) no-repeat scroll 0 0 transparent; width: 7px; height: 7px; margin: 7px; } #bandeauHaut .navigEnvironnement .pointNoir { display: block; background: url(images/fo/pointNoirHome.png) no-repeat scroll 0 0 transparent; width: 7px; height: 7px; margin: 7px; } #menuPrimaire {position:absolute;color: #FFFFFF;left: 0; padding-left:8px; margin:0; position: absolute;bottom: 38px;font-size:17px;} #menuPrimaire a {color: #FFFFFF;text-decoration:none; font-size:16px; font-family: 'EurostileRegular';} #menuPrimaire a:hover, #menuPrimaire a.selected {color: #fff; text-decoration: underline;} #mga3 #menuPrimaire {bottom:65px;} #mga3 #menuPrimaire a img {margin-left:60px;} #mga3 h2 {background:url(images/fo/fondh2_mga3.png) 5px bottom no-repeat transparent;} #mga3 h2 span{background-color:#A7997C;margin-top: 6px;} #logoAllibert {position:absolute;left: 15px;top: 15px; } #logoAllibert a{display:block; height:100px; width:250px;} #logoAllibert a:hover{text-decoration: none;} #logoAllibert h1 {margin:0;padding:0;font-size:10px;} #module_login {position:absolute;color: #ffeaea;right: 32px;position: absolute;top: 20px;font-size:14px;width:700px;} /* MODIFICATION acapecci@alteca.fr - 2011-05-31 */ #module_login .menuLogin {clear:both;float:right;height:20px;} #module_login .menuLogin a { font-size: 12px;font-weight: bold;color: #fff; text-decoration:none;text-shadow: black 0.1em 0.1em 0.2em} /* MODIFICATION acapecci@alteca.fr - 2011-05-31 */ #module_login .menuLogin #aMonCompte {background: url(images/fo/haut/fleche.png) no-repeat scroll center right transparent;padding:0 20px 0 0;} #module_login .menuLogin #aMonCompte.divHide {background: url(images/fo/haut/flecheHorizontale.png) no-repeat right center transparent; padding: 0 20px 0 0;} #mga3 #module_login {right: 22px} #module_login .nbAlertesMA{ color: #CC1111; font-size: 11px; text-decoration: none; } #module_login ul{ margin-top: 0px; } #divHautCNX {clear:both;float:right;width:210px;height:150px;background: url(images/fo/haut/fondCnx.png) no-repeat scroll 0 0 transparent; font-size:11px;} #divHautCNX.smallVersion {background: url(images/fo/haut/fondCPT.png) no-repeat scroll 0 0 transparent;} #divHautCNX a {color:#000;text-decoration:underline;} #divHautCNX a:hover {text-decoration:none;} #divHautCNX ul {list-style-type:none;} #divHautCNX #UTI_LOGIN_MDL, #divHautCNX #UTI_PASSWORD_MDL {margin-left:5px;border:none;width:105px;height:20px;background: url(images/fo/haut/fondInput.gif) no-repeat scroll 0 0 transparent;} #divHautCNX p {margin:3px 0;padding:0;color: #000;} #divHautCNX label {width:90px;text-align:right;float:left;color:#7C9801;line-height:20px;font-weight:bold;} #divHautCNX h3 {color:#7C9801;margin:5px;padding:5px 0 0 0 ; font-size:16px;} #divHautCNX h3 a {float:right;margin:5px 10px;} #divHautCNX span {color:#7C9801;margin:5px;padding:5px 0 0 0 ; font-size:16px; font-weight: bold; line-height: 0px;} #divHautCNX span a {float:right;margin:5px 10px;} #divHautCNX p.bas {margin-left:80px;} .separationHaut{background:url(images/fo/separationHaut.gif) left top repeat; height:5px; margin:10px 0;} /* ============================================================================= * MENU GLIDE * ===========================================================================*/ .webwidget_menu_glide { width:460px; padding: 5px; } #commentMapFilter.webwidget_menu_glide {width:auto;} .webwidget_menu_glide .webwidget_menu_glide_sprite { width: auto; height: 20px; position: absolute; background:transparent url('images/fo/recherche/bgMenu.png') top left no-repeat; } .webwidget_menu_glide .webwidget_menu_glide_sprite div { background:transparent url('images/fo/recherche/bgMenuDroite.png') top right no-repeat; height: 100%; } .webwidget_menu_glide ul { padding: 0px; margin: 0px; } .webwidget_menu_glide ul li { float: left; list-style: none; position: relative; text-align: center; margin-right: 10px; padding-left: 5px; padding-right: 5px; } .webwidget_menu_glide ul li a { color: black; text-decoration: none; font-weight: bold; font-size:12px; border-bottom:1px dashed black; padding:2px 0px; } .webwidget_menu_glide ul li.selected a, .webwidget_menu_glide ul li a:hover { border-bottom: 0 none; color: #B5D14D; } /* ============================================================================= * BLOC RECHERCHE * ===========================================================================*/ .loaderCover { background: transparent url(images/fo/loader.gif) no-repeat center 30px; position:absolute; z-index:9999; display:none; } #blocRechercheAvancee { width:470px; text-align:left; min-height:175px; /* margin-bottom: -20px; min-height:180px; */ } #rech_advanced_container { padding: 0 20px 12px 5px; width: 466px; } #rech_advanced_container.deplier { background:url(images/fo/fond_rech_advanced_container.png) right bottom no-repeat transparent; } #divblocRechercheAvanceeABS { margin-top:5px; background-color:transparent; width:470px; z-index:300; } #blocRechercheAvancee .loaderCover{ width:470px; } #rech_resultat { color: #98B906; display: block; float: right; font-weight: bold; padding: 5px; text-align: right; } .fondSpanRechResult { background: url("images/fo/recherche/fondSpanRechResult.png") no-repeat scroll 0 1px transparent; } #rechThemeHorizontalSlidingMenu { clear:both; } #blocRechercheAvancee #rech_raz { float:right;} #blocRechercheAvancee .webwidget_menu_glide { width:460px; padding: 5px; } #blocRechercheAvancee .webwidget_menu_glide .webwidget_menu_glide_sprite { width: auto; height: 20px; position: absolute; background:transparent url('images/fo/recherche/bgMenu.png') top left no-repeat; } #blocRechercheAvancee .webwidget_menu_glide .webwidget_menu_glide_sprite div { background:transparent url('images/fo/recherche/bgMenuDroite.png') top right no-repeat; height: 100%; } #blocRechercheAvancee .webwidget_menu_glide ul { padding: 0px; margin: 0px; } #blocRechercheAvancee .webwidget_menu_glide ul li { float: left; list-style: none; position: relative; text-align: center; margin-right: 9px!important; padding-left: 4px; padding-right: 4px; } #blocRechercheAvancee .webwidget_menu_glide ul li a { color: black; text-decoration: none; font-weight: normal; font-size:14px; border-bottom:1px dashed black; padding:2px 4px; font-family: 'EurostileBold'; } #blocRechercheAvancee .webwidget_menu_glide ul li.selected a { border:none; color:#ADC926; padding:2px 12px 2px 5px; } #blocRechercheAvancee .webwidget_menu_glide ul li a.selectedSprite { border:none; color:#ADC926; padding:2px 4px; } #blocRechercheAvancee .rech_advanced_accordion { position:relative; margin:0px; padding:0px; } #blocRechercheAvancee .rech_advanced_accordion h3{ padding:0; margin:0; outline: none; } /* Destination */ #blocRechercheAvancee #rech_advanced_destination_accordion { z-index:3; position:relative;} #blocRechercheAvancee #rech_destination_container { height:255px; position:relative; padding:0; margin:0;} /* position:absolute + background-color:#fff; */ /* Liste des contients dans le moteur de recherche */ .rech_liste_continent { padding:0 0 0 8px; list-style:none; display: inline-block; margin: 5px 0 20px 0;} .rech_liste_continent li { display:block; float:left; padding:0 30px 0 0; margin:0; text-align:center; height:20px; font-size:13px; color:black; text-decoration:none; font-weight:bold; } .rech_liste_continent li a { font-size:13px; color:black; text-decoration:none; border-bottom: 1px dashed #000; font-weight:bold; padding:0px;} .rech_liste_continent li a:hover, .rech_liste_continent li.selected a { color:#799B00; text-decoration:none; border-bottom: none; } .rech_liste_continent li.last {padding-right: 0;} .rech_liste_pays { margin:0; padding:0; list-style:none;} .rech_liste_pays li { display:block; float:none; padding:0px; background:transparent url(images/fo/recherche/node.png) no-repeat top left; padding-left:10px; font-weight:normal; font-size:11px; color:#799B00; text-align:left; } .rech_liste_pays li a { font-size:11px; color:#799B00; text-decoration:underline; } .rech_liste_pays li a:hover { text-decoration:none;} .rech_liste_souspays { margin:0; padding:0; list-style:none; } .rech_liste_souspays li { display:block; float:none; padding:0px; background:transparent url(images/fo/recherche/node.png) no-repeat top left; padding-left:10px; font-size:11px; color:grey; } .rech_liste_souspays li a { font-size:11px; color:grey; } #blocRechercheAvancee .itemInner strong {color:black; font-size:12px;} /** Navigation */ #rech_destination_container .rech_navi a, #rech_destination_container .rech_navi a.active { margin-top:2px; width:16px; height:23px; float:left; margin:3px; background:url('images/fo/recherche/rondVide.png') 0 9px no-repeat; display:block; font-size:1px; border:none;} #rech_destination_container .rech_navi a:hover { background:url('images/fo/recherche/rondPlein_hover.png') 0 9px no-repeat; border:none;} #rech_destination_container .selected .rech_navi a {margin-top:0px; width:16px; height:23px; float:left; margin:3px; background:url('images/fo/recherche/rondVide.png') 0 9px no-repeat; display:block; font-size:1px; } #rech_destination_container .selected .rech_navi a.active, #rech_destination_container .selected .rech_navi a.active:hover { background:url('images/fo/recherche/rondPlein.png') 0 0 no-repeat; } #rech_destination_container .selected .rech_navi a:hover { background:url('images/fo/recherche/rondPlein_hover.png') 0 9px no-repeat; } #rech_destination_container .rech_destination_continent { background:url('images/fo/recherche/fond_destination.png') 0 0 no-repeat; } /* root element for the scrollable. when scrolling occurs this element stays still. */ #rech_destination_container .scrollable { /* required settings */ position:relative; overflow:hidden; width: 98%; height:200px; float:left; margin:5px 0 0 0; } /* root element for scrollable items. Must be absolutely positioned and it should have a extremely large width to accommodate scrollable items. it's enough that you set width and height for the root element and not for this element. */ #rech_destination_container .scrollable .items { /* this cannot be too large */ width:20000em; position:absolute; } /* a single item. must be floated in horizontal scrolling. typically, this element is the one that *you* will style the most. */ #rech_destination_container .items div{ float:left; } #rech_destination_container .items div.item { margin-left: 6px; } #rech_destination_container div.itemInner { width: 136px; display:block; padding:0px; } #rech_destination_container .scrollable_souscontinent_prev{ float:left; margin-left: 10px; } #rech_destination_container .scrollable_souscontinent_next{ float:right; margin-right: 10px; } #rech_destination_container .scrollable_souscontinent_prev a { background: url("/include/css/images/fo/pagination/recherche_precedente.png") no-repeat scroll left top transparent; padding-left: 20px; } #rech_destination_container .scrollable_souscontinent_next a { background: url("/include/css/images/fo/pagination/recherche_suivante.png") no-repeat scroll right top transparent; padding-right: 20px; } #rech_destination_container .scrollable_souscontinent_next a, #rech_destination_container .scrollable_souscontinent_prev a { display: inline-block; height: 30px; color: #8A9497; text-decoration: underline; } #rech_destination_container .scrollable_souscontinent_next a:hover, #rech_destination_container .scrollable_souscontinent_prev a:hover { text-decoration: none; } a.browse { cursor: pointer; } /* Activites */ #blocRechercheAvancee #rech_advanced_activite_accordion { z-index:2; position:relative; clear:both;} #blocRechercheAvancee #rech_activite_container { margin:0px; padding:0px; position:relative; background-color:#fff; zoom:1;} #blocRechercheAvancee #rech_activite_container ul { list-style:none; padding:0; margin:0; width:30%; float:left; } #blocRechercheAvancee #rech_activite_container ul li { padding: 3px 0px 3px 22px; display:block; margin-left:30px; } #blocRechercheAvancee #rech_activite_container li a { color: black; text-decoration: none; font-weight: bold; font-size:12px; padding:0px 2px; } #blocRechercheAvancee #rech_activite_container li a:hover { border:none; color:#ADC926; } /* Infobules de selection */ #blocRechercheAvancee .rech_advanced_selectable { background-color:#fff; position:relative; margin:0px; padding:0px; } #blocRechercheAvancee .rech_advanced_selected_criteria { position:absolute; right:10px; top:5px; } #rech_advanced_selected_date_container { color: #ffffff; } #blocRechercheAvancee .rech_advanced_selected_criteria_label { color:#98B906; font-size:11px; font-weight:bold; line-height:16px; padding:1px 20px 3px 2px; background: #ffffff url(images/fo/recherche/btnSupprimerSelection.png) no-repeat 100% 4px; text-decoration:none; } #blocRechercheAvancee .rech_advanced_selected_infobulle { background: transparent url(images/fo/recherche/supprimerSelection.png) no-repeat top left; position:absolute; width:135px; height:31px; display:none; right:-2px; top:9px; } #rech_advanced_selected_activite_count { text-align: right; } #rech_advanced_selected_activite_count_label { cursor: pointer; } #rech_advanced_selected_activite_container_liste { list-style-type: none; margin: 0; padding-left: 0px; border: 1px solid #98B906; } #rech_advanced_selected_activite_container_liste l { padding: 0 0 0 5px; text-align: right; } #rech_advanced_selected_activite_container_liste li a { color: #98B906; } /* Recherche par date */ #blocRechercheAvancee #rech_advanced_date_accordion { z-index:1; position:relative; } #blocRechercheAvancee #rech_date_container { position:relative; margin:0; padding:0; width: 470px; height:150px; background-color: #fff; } #blocRechercheAvancee #rech_date_container .mois {margin-right:5px; } #blocRechercheAvancee #rech_date_container .mois strong { color:black; font-size:11px; } #blocRechercheAvancee #rech_date_container .jours {width:135px;} #blocRechercheAvancee #rech_date_container .jours .groupeJours { padding-top:4px;display:block;} #blocRechercheAvancee #rech_date_container .jour { display:block; height:18px; width:18px; float:left; margin-left: 1px; margin-bottom: 1px; background-color:#e6ebcd; } #blocRechercheAvancee #rech_date_container .jour.info {color:#ffffff; font-size:10px; height:16px; background-color:#ADC926;} #blocRechercheAvancee #rech_date_container .jour a { height:16px; width:18px; display:block; color:#9cb913; text-decoration:none; font-size:10px; padding-top: 2px; } #blocRechercheAvancee #rech_date_container .jour a.selected, #blocRechercheAvancee #rech_date_container .jour a:hover { color:white; background-color:#abcb00; } #blocRechercheAvancee #rech_date_container .jour a.disabled { cursor:default; background: transparent url(images/fo/recherche/dateDisabled.png) top left no-repeat; color: #e2dedd; text-decoration: none; } #blocRechercheAvancee #rech_date_container a.disabled:hover { cursor:default; color: #e2dedd; } #blocRechercheAvancee #rech_date_container .infobulleInner { display: none; margin:0; padding:0; font-size:11px; letter-spacing:-1px; min-width:100px; } #blocRechercheAvancee #rech_date_infobulle { display:none; position:absolute; background: transparent url(images/fo/recherche/infoBulleLeft.png) top left no-repeat; height:31px; padding:0; text-align:center; } #blocRechercheAvancee #rech_date_infobulle div { white-space:nowrap; background: transparent url(images/fo/recherche/infoBulleRight.png) bottom right no-repeat; color:#9cb913; height:16px; margin:0; padding:10px 0px 5px; font-size:11px; letter-spacing:-1px; } #blocRechercheAvancee #rech_advanced_selected_date_container .rech_advanced_selected_criteria_label { margin-left: 2px;} #rech_date_delta { height: 10px; text-align: right; width: 15px; vertical-align: middle; } #rech_advanced_selected_date_container #rech_date_delta_plus, #rech_advanced_selected_date_container #rech_date_delta_moins { cursor: pointer; vertical-align: middle; } /* root element for the scrollable. when scrolling occurs this element stays still. */ #rech_date_container .scrollable { /* required settings */ position:relative; overflow:hidden; width: 415px; height:150px; float:left; } /* root element for scrollable items. Must be absolutely positioned and it should have a extremely large width to accommodate scrollable items. it's enough that you set width and height for the root element and not for this element. */ #rech_date_container .scrollable .items { /* this cannot be too large */ width:20000em; position:absolute; } /* a single item. must be floated in horizontal scrolling. typically, this element is the one that *you* will style the most. */ #rech_date_container .items div.mois { float:left; text-align:center; height:35px; } #rech_date_container #scrollable_date_prev { width:13px; float:left; margin:75px 7px 0px 0px; padding:0 0 0 3px; } #rech_date_container #scrollable_date_next{ width:13px; float:left; margin:75px 0px 0px 7px; padding:0 3px 0 0; } /* ============================================================================= * RECHERCHE LIBRE * ===========================================================================*/ .tpl_rechercheLibre { padding: 0 0 10px 0; overflow: hidden; clear:both} #divSearchFree { position:absolute; display: none; border: 1px solid #dad8d9; margin-top: 3px; height: 210px; width: 465px; overflow: auto; background-color: #FFF; z-index: 10; padding:0 0 8px 0 !important; } #divSearchFree .jspContainer { margin: 2px 0; padding: 0 4px; } #divSearchFree .jspVerticalBar { right: 8px; } #divSearchFree .jspVerticalBar .jspArrow { height: 14px; } #rech_libre_form #rech_libre { background: url(images/fo/recherche/rechercheLibreInput.gif) no-repeat left center transparent; border: none; height: 26px; width: 409px; padding: 0 6px; } #rech_libre_form #rech_libre_submit { vertical-align: top; } #rech_libre_form p { font-weight: bold; margin: 3px 0; } #searchFreeResult table { width: 420px; border-collapse: collapse; } #searchFreeResult table td { padding: 0 14px 0 16px; } #searchFreeResult table tr { cursor: pointer; } #searchFreeResult table tr.unclickable { cursor: default; } #searchFreeResult .selectRechFreeResult { font-weight: bold; } #searchFreeResult .trPays, #searchFreeResult #rechLibreNoResult { background: url(images/fo/recherche/rechercheLibrefondPays.gif) no-repeat left 7px transparent; } #searchFreeResult .trPays td, #searchFreeResult #rechLibreNoResult td { height: 40px; padding: 12px 12px 0 10px; vertical-align: top; color: #ADC926; font-size: 110%; } #searchFreeResult #rechLibreNoResult td { font-weight:bold; } #searchFreeResult .trPays td.motsCles { font-weight:bold; } #searchFreeResult .trPays td.nbResult { text-align: right; } #searchFreeResult .trPays td.nbResult { text-align: right; } #searchFreeResult .surlign { color: #ADC926; } #produitListeContainerInner .alerte {font-size:1.2em;color: #ADC926;font-weight:bold;text-align:center;margin:20px 0;} /** JQuery Slider */ .ui-slider { position: relative; text-align: left; } .ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 1.2em; height: 1.2em; cursor: pointer; } .ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; background-position: 0 0; } .ui-slider-horizontal { height: .8em; } .ui-slider-horizontal .ui-slider-handle { top: -.3em; margin-left: -.6em; } .ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; } .ui-slider-horizontal .ui-slider-range-min { left: 0; } .ui-slider-horizontal .ui-slider-range-max { right: 0; } .ui-slider-vertical { width: .8em; height: 100px; } .ui-slider-vertical .ui-slider-handle { left: -.3em; margin-left: 0; margin-bottom: -.6em; } .ui-slider-vertical .ui-slider-range { left: 0; width: 100%; } .ui-slider-vertical .ui-slider-range-min { bottom: 0; } .ui-slider-vertical .ui-slider-range-max { top: 0; } /* Interaction Cues ----------------------------------*/ .ui-state-disabled { cursor: default !important; } /* Overlays */ .ui-widget-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /* Component containers ----------------------------------*/ #blocRechercherechercheAffinage .ui-widget { font-family: Arial,sans-serif/*{ffDefault}*/; font-size: 1.1em/*{fsDefault}*/; } #blocRechercherechercheAffinage .ui-widget .ui-widget { font-size: 1em; } #blocRechercherechercheAffinage .ui-widget input, #blocRechercherechercheAffinage .ui-widget select, #blocRechercherechercheAffinage .ui-widget textarea, #blocRechercherechercheAffinage .ui-widget button { font-family: Arial,sans-serif/*{ffDefault}*/; font-size: 1em; } #blocRechercherechercheAffinage .ui-widget-content { border:none/*{borderColorContent}*/; background: #ffffff/*{bgColorContent}*/ url(images/fo/recherche/bgSliderContent.png)/*{bgImgUrlContent}*/ 50%/*{bgContentXPos}*/ 50%/*{bgContentYPos}*/ repeat-x/*{bgContentRepeat}*/; color: #222222/*{fcContent}*/; } #blocRechercherechercheAffinage .ui-widget-content a { color: #222222/*{fcContent}*/; } #blocRechercherechercheAffinage .ui-widget-header { border: none; /*{borderColorHeader}*/; background: transparent/*{bgColorHeader}*/ url(images/fo/recherche/bgSlider.png)/*{bgImgUrlHeader}*/ 50%/*{bgHeaderXPos}*/ 50%/*{bgHeaderYPos}*/ repeat-x/*{bgHeaderRepeat}*/; color: #222222/*{fcHeader}*/; font-weight: bold; } #blocRechercherechercheAffinage .ui-widget-header a { color: #222222/*{fcHeader}*/; } /* Interaction states ----------------------------------*/ #blocRechercherechercheAffinage .ui-state-default, #blocRechercherechercheAffinage .ui-widget-content .ui-state-default, #blocRechercherechercheAffinage .ui-widget-header .ui-state-default {background: #94b600/*{bgColorDefault}*/; font-weight: normal/*{fwDefault}*/; color: #555555/*{fcDefault}*/; width:14px; height:11px; top:0px;} #blocRechercherechercheAffinage .ui-state-default.disabled {background: #BBBBBB; } #blocRechercherechercheAffinage .ui-state-default a, #blocRechercherechercheAffinage .ui-state-default a:link, #blocRechercherechercheAffinage .ui-state-default a:visited { color: #555555/*{fcDefault}*/; text-decoration: none; } #blocRechercherechercheAffinage .ui-state-hover, #blocRechercherechercheAffinage .ui-widget-content .ui-state-hover, #blocRechercherechercheAffinage .ui-widget-header .ui-state-hover, #blocRechercherechercheAffinage .ui-state-focus, #blocRechercherechercheAffinage .ui-widget-content .ui-state-focus, #blocRechercherechercheAffinage .ui-widget-header .ui-state-focus { } #blocRechercherechercheAffinage .ui-state-hover a, #blocRechercherechercheAffinage .ui-state-hover a:hover { color: #212121/*{fcHover}*/; text-decoration: none; } #blocRechercherechercheAffinage .ui-state-active, #blocRechercherechercheAffinage .ui-widget-content .ui-state-active, #blocRechercherechercheAffinage .ui-widget-header .ui-state-active { } #blocRechercherechercheAffinage .ui-state-active a, #blocRechercherechercheAffinage .ui-state-active a:link, #blocRechercherechercheAffinage .ui-state-active a:visited { color: #212121/*{fcActive}*/; text-decoration: none; } #blocRechercherechercheAffinage .ui-widget :active { outline: none; } /* Interaction Cues ----------------------------------*/ /* Misc visuals ----------------------------------*/ /* Overlays */ #blocRechercherechercheAffinage .ui-widget-overlay { background: #aaaaaa/*{bgColorOverlay}*/; opacity: .3;filter:Alpha(Opacity=30)/*{opacityOverlay}*/; } #blocRechercherechercheAffinage .ui-widget-shadow { margin: -8px/*{offsetTopShadow}*/ 0 0 -8px/*{offsetLeftShadow}*/; padding: 8px/*{thicknessShadow}*/; background: #aaaaaa/*{bgColorShadow}*/; opacity: .3;filter:Alpha(Opacity=30)/*{opacityShadow}*/; -moz-border-radius: 8px/*{cornerRadiusShadow}*/; -webkit-border-radius: 8px/*{cornerRadiusShadow}*/; border-radius: 8px/*{cornerRadiusShadow}*/; } /* JQuery Slider **/ #produitListeContainer { clear:both; position:relative;} #produitListeContainerInner {/* position:relative; */ } #produitListeContainer .loaderCover { width:980px; text-align:center; color:grey; font-size:1em; } /** Bloc d'affinage de la recherche */ #blocRechercherechercheAffinage { clear:both; width:296px; float:left; background: transparent url(images/fo/recherche/bgBlocAffinageHaut.png) no-repeat top left; position:relative; margin-right:15px; z-index: 2; padding: 0px; } #blocRechercherechercheAffinageInner { padding:5px; background: transparent url(images/fo/recherche/bgBlocAffinageBas.png) no-repeat bottom left; min-height:448px; width:286px; } #blocRechercherechercheAffinage h3, #blocRechercherechercheAffinage h4 { color:#97b507;} #blocRechercherechercheAffinage h3 { border-botom: 1px solid #cfcfc7; margin:6px 0; border-bottom:1px solid #cfcfcf; font-size:1.2em; } #blocRechercherechercheAffinage h4 { margin:10px 0 0; font-size:13px;} #blocRechercherechercheAffinage span.titre_affinage, #blocRechercherechercheAffinage span.categ_affinage { color:#97b507; font-weight: bold;} #blocRechercherechercheAffinage span.titre_affinage { border-botom: 1px solid #cfcfc7; margin:6px 0; border-bottom:1px solid #cfcfcf; font-size:14px; display: inline-block;} #blocRechercherechercheAffinage span.categ_affinage { margin:10px 0 0; font-size:13px;} #blocRechercherechercheAffinage p {margin:0;} #blocRechercherechercheAffinage #rech_prix_label {display: block; margin:0 0 7px;} #blocRechercherechercheAffinage .rech_affinage_suppirmer_critere { font-size: 10px; float: right; color: grey; } #blocRechercherechercheAffinage #rech_affinage_date_slider-range, #blocRechercherechercheAffinage #rech_affinage_prix_slider-range, #blocRechercherechercheAffinage #rech_affinage_duree_slider-range, #blocRechercherechercheAffinage #rech_affinage_niveau_slider-range { width:270px; margin:10px 5px 10px 9px; } #blocRechercherechercheAffinage #rech_affinage_label, #blocRechercherechercheAffinage #rech_affinage_theme, #blocRechercherechercheAffinage #rech_affinage_avantage {margin:10px 0;} #blocRechercherechercheAffinage #rech_affinage_label p, #blocRechercherechercheAffinage #rech_affinage_theme p { float: left; width: 45%;} #blocRechercherechercheAffinage .rech_affinage_criteria { background: transparent url(images/fo/recherche/bgAffinageCiteria.png) no-repeat top left; width:280px; height:26px; padding-left:7px; padding-top:5px;} #blocRechercherechercheAffinage .rech_affinage_criteria.selected { background: transparent url(images/fo/recherche/bgAffinageSelectCriteria.png) no-repeat top left;} #blocRechercherechercheAffinage .rech_affinage_criteria.selected a { color: grey;} #blocRechercherechercheAffinage .nbcircuit { float:right; margin-top:15px; } #blocRechercherechercheAffinage .nbcircuit a { color:#95b40e; } #blocRechercherechercheAffinage .rech_affinage_selectable { position:absolute; left : 280px; width :465px; height:287px; padding:15px 10px 0 15px; z-index:999; background:url(images/fo/rech_affinage_selectable.png) left top no-repeat transparent; } #blocRechercherechercheAffinage #rech_affinage_activite .rech_affinage_selectable { padding-top: 25px; } #blocRechercherechercheAffinage #rech_affinage_activite ul { width:30%; float:left; padding: 0; margin: 0; } #blocRechercherechercheAffinage #rech_affinage_activite ul li { padding: 3px 0px 3px 22px; display:block; margin-left:30px; } #blocRechercherechercheAffinage #rech_affinage_activite li a { color: black; text-decoration: none; font-weight: bold;puce font-size:12px; border-bottom:1px dashed black; padding:0px 2px; } #blocRechercherechercheAffinage #rech_affinage_activite li a:hover { border:none; color:#ADC926; } #blocRechercherechercheAffinage #rech_date_delta_affinage{ height: 10px; } /** Navigation */ #rech_affinage_destination .rech_liste_continent li { padding-right: 28px; } #rech_affinage_destination .rech_affinage_navi a, #rech_affinage_destination .rech_affinage_navi a.active { margin-top:2px; width:16px; height:23px; float:left; margin:3px; background:url('images/fo/recherche/rondVide.png') 0 9px no-repeat; display:block; font-size:1px; border:none;} #rech_affinage_destination .rech_affinage_navi a:hover { background:url('images/fo/recherche/rondPlein_hover.png') 0 9px no-repeat; border:none;} #rech_affinage_destination .selected .rech_affinage_navi a {margin-top:0px; width:16px; height:23px; float:left; margin:3px; background:url('images/fo/recherche/rondVide.png') 0 9px no-repeat; display:block; font-size:1px; } #rech_affinage_destination .selected .rech_affinage_navi a.active, #rech_affinage_destination .selected .rech_affinage_navi a.active:hover { background:url('images/fo/recherche/rondPlein.png') 0 0 no-repeat; } #rech_affinage_destination .selected .rech_affinage_navi a:hover { background:url('images/fo/recherche/rondPlein_hover.png') 0 9px no-repeat; } #rech_affinage_destination .rech_affinage_destination_continent { background:url('images/fo/recherche/fond_destination.png') 0 0 no-repeat; } #rech_affinage_destination .scrollable { /* required settings */ position:relative; overflow:hidden; width: 98%; height:195px; float:left; margin:5px 0px; } /* root element for scrollable items. Must be absolutely positioned and it should have a extremely large width to accommodate scrollable items. it's enough that you set width and height for the root element and not for this element. */ #rech_affinage_destination .scrollable .items { /* this cannot be too large */ width:20000em; position:absolute; } /* a single item. must be floated in horizontal scrolling. typically, this element is the one that *you* will style the most. */ #rech_affinage_destination .items div{ float:left; } #rech_affinage_destination .items div.item { margin-left: 6px; } #rech_affinage_destination div.itemInner { width: 136px; display:block; padding:0px; } #rech_affinage_destination .scrollable_souscontinent_prev{ float:left; margin-left: 10px; } #rech_affinage_destination .scrollable_souscontinent_next{ float:right; margin-right: 10px; } #rech_affinage_destination .scrollable_souscontinent_prev a { background: url("/include/css/images/fo/pagination/recherche_precedente.png") no-repeat scroll left top transparent; padding-left: 20px; } #rech_affinage_destination .scrollable_souscontinent_next a { background: url("/include/css/images/fo/pagination/recherche_suivante.png") no-repeat scroll right top transparent; padding-right: 20px; } #rech_affinage_destination .scrollable_souscontinent_next a, #rech_affinage_destination .scrollable_souscontinent_prev a { display: inline-block; height: 30px; color: #8A9497; text-decoration: underline; } #rech_affinage_destination .scrollable_souscontinent_next a:hover, #rech_destination_container .scrollable_souscontinent_prev a:hover { text-decoration: none; } #rech_affinage_selected_destination_container, #rech_affinage_selected_activite_container, #rech_affinage_selected_date_container { cursor: pointer; } /* Recherche par date */ #rech_affinage_date .mois {margin-right:5px; } #rech_affinage_date .mois strong { color:black; font-size:11px; } #rech_affinage_date .jours {width:135px;} #rech_affinage_date .jours .groupeJours { padding-top:4px;display:block;} #rech_affinage_date .jour { display:block; height:18px; width:18px; float:left; margin-left: 1px; margin-bottom: 1px; background-color:#e6ebcd; } #rech_affinage_date .jour.info {color:#ffffff; font-size:10px; height:16px; background-color:#ADC926;} #rech_affinage_date .jour a { height:16px; width:18px; display:block; color:#9cb913; text-decoration:none; font-size:10px; padding-top: 2px; } #rech_affinage_date .jour a.selected, #rech_affinage_date .jour a:hover { color:white; background-color:#abcb00; } #rech_affinage_date .jour a.disabled { cursor:default; background: transparent url(images/fo/recherche/dateDisabled.png) top left no-repeat; color: #e2dedd; text-decoration: none; } #rech_affinage_date a.disabled:hover { cursor:default; color: #e2dedd; } #rech_advanced_selected_date_container .rech_advanced_selected_criteria_label { margin-left: 2px;} #rech_date_delta { height: 10px; text-align: right; width: 15px; vertical-align: middle; } #rech_advanced_selected_date_container #rech_date_delta_plus, #rech_advanced_selected_date_container #rech_date_delta_moins { cursor: pointer; vertical-align: middle; } /* root element for the scrollable. when scrolling occurs this element stays still. */ #rech_affinage_date .scrollable { /* required settings */ position:relative; overflow:hidden; width: 415px; height:150px; float:left; } /* root element for scrollable items. Must be absolutely positioned and it should have a extremely large width to accommodate scrollable items. it's enough that you set width and height for the root element and not for this element. */ #rech_affinage_date .scrollable .items { /* this cannot be too large */ width:20000em; position:absolute; } /* a single item. must be floated in horizontal scrolling. typically, this element is the one that *you* will style the most. */ #rech_affinage_date .items div.mois { float:left; text-align:center; height:35px; } #rech_affinage_date #scrollable_date_prev { width:13px; float:left; margin:75px 7px 0px 0px; padding:0 0 0 3px; } #rech_affinage_date #scrollable_date_next{ width:13px; float:left; margin:75px 0px 0px 7px; padding:0 3px 0 0; } #rech_affinage_date .rech_affinage_selectable { height: 170px; } #datePlusMoins img { vertical-align: middle; } /* ============================================================================= * COLONNE GAUCHE * ===========================================================================*/ /*Calendrier - spéciale colonne gauche*/ #menuTertiare #gpp_calendar{ background-color: #fff; } #menuTertiare .calendar{ border:0; width:195px; } /*MENU Vertical*/ #menuTertiare .item0 span{ background:url(images/fo/menuvertical/masque_menuV1Haut.png) left top no-repeat transparent; display:block; } #menuTertiare .item0 a{ background:url(images/fo/menuvertical/masque_menuV1Bas.png) left bottom no-repeat transparent; display:block; padding:6px 8px; width:182px; } #menuTertiare .item1 span { background:url(images/fo/menuvertical/masque_menuV2Haut.png) left top no-repeat transparent; display:block; } #menuTertiare .item1 a{ background:url(images/fo/menuvertical/masque_menuV2Bas.png) left bottom no-repeat transparent; display:block; padding:6px 8px; width:182px; } #menuTertiare .item2 span { background:url(images/fo/menuvertical/masque_menuV3Haut.png) left top no-repeat transparent; display:block; } #menuTertiare .item2 a{ background:url(images/fo/menuvertical/masque_menuV3Bas.png) left bottom no-repeat transparent; display:block; padding:6px 8px; width:182px; } #menuTertiare { padding-left:0; margin:0; list-style: none; } #menuTertiare li { background-color: #e3e3e3; margin-bottom:5px; } #menuTertiare li a { font-weight:bold; text-decoration: none; overflow: hidden; } #menuTertiare li a span.texte{width:150px; float:left; background:none; color:#819d03; font-weight:bold;} #menuTertiare li a span.chevron{float:right; width:15px; height:15px; background: url(images/fo/menuvertical/chevronDefaut.gif) left top no-repeat transparent;} #menuTertiare li a:hover span.chevron, #menuTertiare li.fondPage a span.chevron, #menuTertiare li.selected a span.chevron{background: url(images/fo/menuvertical/chevronblanc.png) left top no-repeat transparent;} #menuTertiare li.fondPage a, #menuTertiare li.fondPage a span{ color:#fff; font-weight: bold; } #menuTertiare li ul{ background-color:#fff; list-style: none; margin-left:0; padding-left:10px; } #menuTertiare li ul li{ background-color: #fff; margin-bottom:0; } #menuTertiare li.fondPage li a, #menuTertiare li.fondPage li a span, #menuTertiare li ul li.selected li a span{ color:#819d03; font-weight: normal; } #menuTertiare li ul li ul li.selected a span, #menuTertiare li ul li ul li a:hover span, #menuTertiare li ul li.selected a span, #menuTertiare li ul li a:hover span{ color:#000; font-weight:bold; } #menuTertiare li ul li a li a, #menuTertiare li ul li.selected a li a, #menuTertiare li ul li a{ font-weight:normal; overflow:hidden; } #menuTertiare li ul li ul li{border:0;} #menuTertiare li ul li ul li a, #menuTertiare li.fondPage li a.colorPage, .colorPage{ color:#90ac11; } #menuTertiare li ul li ul li.selected a, #menuTertiare li ul li ul li a:hover #menuTertiare li ul li a li a.colorPage:hover, #menuTertiare li ul li.selected a li.selected a.colorPage, #menuTertiare li ul li.selected a.colorPage, #menuTertiare li ul li a.colorPage:hover{ font-weight:bold; color:#000; } /* ============================================================================= * CONTENU * ===========================================================================*/ #contenu .accroche {} #contenuInner {} #contenu.sansColonneGauche #contenuInner{ } #contenuInner.fullWidth{} #contenuBis ul.error, #contenuInner ul.error { margin: 0; padding: 0 15px 5px 20px; list-style-type:decimal; } #contenuBis ul.error li, #contenuInner ul.error li { margin: 0 5px; padding: 2px ; background-image:none; } .paragraphe { overflow: hidden; width: 100%; clear: both; margin: 9px 0; text-align: justify; line-height: 15px; } /* ============================================================================= * COLONNE DROITE * ===========================================================================*/ #colonneDroite {} /*********/ /* COVER */ /*********/ #fo_cover { display: block; z-index: 200; filter: alpha(Opacity=50); opacity: .5; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background-color: #CCC; cursor: wait; } #coverTpl { display: block; z-index: 300; width: 540px; position: absolute; top: 0px; left: 0px; text-align: left; background-color: #fff; padding: 10px; border: 2px solid #c8c9a9; margin: 0; overflow:auto; } #coverTpl.coverlarge { width: 800px; margin: 0; } #coverTpl .fermer { text-align:center; } #coverTpl .fermer a { display:block; width:80px; color:#000; background-color:#ecedee; font-weight:bold; text-decoration:none; padding:2px 20px; border:1px solid #b5c3d0; font-size:10px; margin:0 auto; } #coverTpl .fermer input.close {margin:0;padding:0;text-align:center!important;display:block; width:80px; color:#000; background-color:#ecedee; font-weight:bold; text-decoration:none; padding:2px 20px; border:1px solid #b5c3d0; font-size:10px; margin:0 auto; } /* ============================================================================= * BANDEAU BAS * ===========================================================================*/ #bandeauBas { clear: both; overflow: hidden; padding:90px 0 0 0;} #home #bandeauBas {padding:0;} #bandeauBas .bandeauBas_inner {margin : 0 auto; width:990px;} #bandeauBas ul { list-style-type:none; maring:0; padding:0; } #bandeauBas ul#bandeauBasUl1 { float: left; width:200px; margin: 22px 0 0 0px; } #bandeauBas ul#bandeauBasUl2 { float: right; margin: 54px 0 0 15px; } #bandeauBas ul#bandeauBasUl2 li {display:inline; background:transparent url(/images/fo/bas/carre.png) no-repeat center left;} #bandeauBas ul#bandeauBasUl2 a {color:#fff!important; background:transparent url(/images/fo/bas/fond_lien.png) repeat-x left bottom; text-decoration:none!important; padding:0 0 2px 10px; font-size:11px; } #bandeauBas ul#bandeauBasUl2 li.first {background:none;} #bandeauBas ul#bandeauBasUl2 li.first a {padding-left:0; font-size:11px;} #bandeauBas #bandeauBasUl3 { float: right; width:100px; text-align:right; margin: 20px 50px 0 15px; } #bandeauBas #bandeauBasUl3 .premierdiv{float: right; width:62px;} #bandeauBas #tplmav { margin-left: 0; } #bandeauBas #tplmav h3 { margin: 15px 0 5px; font-size:19px; } #bandeauBas #tplmavInner { background:transparent url(images/fo/voyageChoisir.png) no-repeat 0 0; width: 828px; height: 81px; padding: 4px 10px 4px 12px } #bandeauBas #tplmavInner a{font-size:12px; text-decoration: none;} #bandeauBas #tplmavInner a:hover{text-decoration:underline;} #tplmavInner h5{margin-top:13px;} #bandeauBas #tplmavInner h5 a { color: #b2c800; font-weight: bold; } #bandeauBas #tplmavInner h5 span { background:transparent url(images/fo/puceGriseDeparts.jpg) no-repeat right center; padding: 0 10px 0 0; margin-right: 10px; } /* ============================================================================= * FORMULAIRES * ===========================================================================*/ fieldset { padding: 0; margin: 5px 0; border:none; } #contenu fieldset{ min-height:80px; } fieldset fieldset { margin: 0 auto; width:97%; text-align:center; background:none; } fieldset fieldset p, fieldset div, fieldset fieldset legend { text-align:left; } fieldset legend { font-weight: bold; color:#8E8885; margin: 5px 0; } fieldset input, fieldset textarea, fieldset select { border: 1px dotted #8E8885; vertical-align: middle; } fieldset p, fieldset .p { clear: both; margin: 0; padding: 2px 0; margin: 2px 0 5px 0; border:none; color:#5f5f5f; } fieldset p input, fieldset p select, fieldset .p input, fieldset .p select { width: 60%; } fieldset .p .input { width: 60%; float: left; } fieldset button { margin:0; padding:0; border:none; background:none; vertical-align: middle; } fieldset p em { display:block; margin:6px 0; clear:all; padding-left: 27%; } fieldset p em.alerte { display:block; margin:2px; font-weight:bold; color: #650000; } fieldset label { color:#9DBB05; font-weight:bold; } fieldset p label, fieldset .p label { float: left; width: 35%; cursor:pointer; padding-right:10px; color:#9DBB05; font-weight:bold; } fieldset input.submit { border-color: #B5C0BD; background-color:#5A7C88; font-weight: bold; color:#fff; cursor: pointer; width:auto; } fieldset input.case { border:none; width:auto; } form fieldset p label.enLigne, form fieldset .p label.enLigne { float: none; display: inline; } fieldset p.action { text-align: right; padding-right: 15px; border:none; background:none; } .tpl_formulaire form { overflow: hidden; padding-bottom:10px; background:url(images/fo/barrehorizontaleForm.gif) left bottom repeat-x transparent; margin-bottom:10px; } /* MODIFICATION acapecci@alteca.fr - 2011-06-03 */ #formTplAuthentification, #formTplLosePassword{ background: none; } #formTplAuthentification label, #formTplLosePassword label{ color:#9DBB05; background: none; } /* FIN MODIFICATION acapecci@alteca.fr - 2011-06-03 */ .tpl_formulaire legend { color:#9d9895; font-weight: bold; font-size: 14px; } .tpl_formulaire label { color:#766e6a; text-align: right; background:url(images/fo/fondlabel.gif) right bottom no-repeat transparent; padding:0 0 4px 0; margin-right:10px; width:26%; } .tpl_formulaire p.action { text-align:right; } #demandeCatalogue label{ width:30%; } .tpl_formulaire label .ast{ color:#819d03; } #demandeCatalogue .submit, .tpl_formulaire .action .submit{ border:0; color:#fff; padding:3px 6px; font-size:15px; font-weight: bold; background-color: #acca25; } .tpl_formulaire h3{ background: url("images/fo/barrehorizontaleForm.gif") repeat-x scroll left bottom transparent; color: #90ac11; font-size: 16px; padding: 0 0 13px; text-align: left; margin:0 0 10px 0; } /* ============================================================================= * BLOC DE NAVIGATION * ===========================================================================*/ .blocNavigation { text-align: center; border-bottom: 1px solid #219ab5; } .resultatNavigation {margin: 5px 0;} .regletteNavigation {margin: 5px 0;} /* ============================================================================= * PAGINATION * ===========================================================================*/ .pagination { font-size: 11px; margin: 20px 0; text-align: center; } .pagination .resultat { color: #231F20; font-weight: bold; } .pagination table.nbPage { border-collapse: collapse; color: #504C50; margin: 0 auto; width: auto; } .pagination table.nbPage a { color: #504C50; text-decoration: underline; } .pagination table.nbPage a:hover { text-decoration: none; } .pagination table.nbPage td { padding: 0 3px; vertical-align: middle; } .pagination table.nbPage td.premiere { width: 20px; } .pagination table.nbPage td.precedente { width: 13px; } .pagination table.nbPage td.suivante { width: 13px; } .pagination table.nbPage td.derniere { width: 20px; } .pagination table.nbPage strong { color: #B5D14D; } /* ============================================================================= * MAP * ===========================================================================*/ #tpl_map { width: 602px; } #tpl_map .mapDetail { margin-bottom: 42px; color: #39201b; } #tpl_map .mapDetail .liSousCateg { float: left; list-style-type: none; margin: 0; } #tpl_map .mapDetail .categSeule { font-weight: bold; color: #000; font-size: 18px; } #tpl_map .mapDetail .itemProMap { float: left; width: 192px; padding: 0 5px; height: 210px; width: 192px; } #tpl_map .mapDetail .info li { list-style-type: none; padding: 0; } #tpl_map .mapDetail .depart li { list-style-type: none; font-style: italic; padding: 0; text-align: right; } #tpl_map .mapDetail ul { margin: 0; padding: 0; font-size: 11px;} #tpl_map .mapDetail h4 { text-align: center; color: #FFF; margin: 0; padding: 4px 0 0; height: 24px; } #tpl_map .mapDetail .itemProMapLast { background:transparent url('images/fo/fondPlusResMap.jpg') no-repeat top left; width: 199px; height: 207px; text-align: center; padding-top: 92px; } #tpl_map #mapDetail_promotions .itemProMapLast {background:transparent url('images/fo/mapDetail_promotionsLast.png') no-repeat top left;} #tpl_map #mapDetail_labels .itemProMapLast {background:transparent url('images/fo/mapDetail_labelsLast.png') no-repeat top left; } #tpl_map #mapDetail_departs_confirmes .itemProMapLast { background:transparent url('images/fo/mapDetail_departs_confirmesLast.png') no-repeat top left; } #tpl_map .mapDetail .itemProMapLast a { padding: 2px 0; border-bottom: 1px dashed #000000; text-decoration: none; color: #000; font-weight: bold; } #tpl_map .mapDetail .itemProMapLast a.flechePlusRes { border: none; } #tpl_map .mapDetail .itemProMapLast a.flechePlusRes img { margin: 0px 0 -3px 5px; } #tpl_map .mapDetail .mapItemDetail h5 { font-weight:bold; margin: 0; } #tpl_map .mapDetail .mapItemDetail h5 a {color: #000; text-decoration:none; } #tpl_map .mapDetail .mapItemDetail h5 a:hover { text-decoration:underline; } #tpl_map .mapDetail .mapInfo_labels h5 a { color: #93b111; } #tpl_map .mapDetail .mapInfo_promotions h5 a { color: #605041; } #tpl_map .mapDetail .mapItemDetail table { width: 100%; } #tpl_map .mapDetail .mapItemDetail span { color: #8b8786; font-style: italic; } #tpl_map .mapDetail .navigation { padding: 0 0 0 6px; } #tpl_map .mapDetail .navigation table { float: left } #tpl_map .mapDetail .navigation a{cursor:pointer;} #tpl_map .mapDetail .mapItemDetail {background:transparent url('images/fo/fondItemMap.png') no-repeat top left; margin-top: 2px; padding: 5px; height: 90px; width: 182px; text-align: left; } #tpl_map #mapDetail_promotions .mapItemDetail {background:transparent url('images/fo/mapDetail_promotions.png') no-repeat top left; margin-top: 2px; padding: 5px; height: 90px; width: 182px; text-align: left; } #tpl_map #mapDetail_labels .mapItemDetail {background:transparent url('images/fo/mapDetail_labels.png') no-repeat top left; margin-top: 2px; padding: 5px; height: 90px; width: 182px; text-align: left; } #tpl_map #mapDetail_departs_confirmes .mapItemDetail {background:transparent url('images/fo/mapDetail_departs_confirmes.png') no-repeat top left; margin-top: 2px; padding: 5px; height: 90px; width: 182px; text-align: left; } #tpl_map .webwidget_menu_glide { width:auto; padding: 5px; } #tpl_map .webwidget_menu_glide ul { padding: 0px; margin: 0px; } #tpl_map .webwidget_menu_glide ul li { float: left; list-style: none; position: relative; text-align: center; margin-right: 10px; padding-left: 5px; padding-right: 5px; } #tpl_map .webwidget_menu_glide ul li a { color: black; text-decoration: none; font-weight: bold; font-size:16px; border-bottom:1px dashed black; padding:2px 0px; } #tpl_map .webwidget_menu_glide ul li a.selectedSprite, #tpl_map .webwidget_menu_glide ul li.selected a { border:none; color:#ADC926; } #tpl_map #mapDetail_promotions .webwidget_menu_glide ul li a.selectedSprite, #tpl_map #mapDetail_promotions .webwidget_menu_glide ul li.selected a { border:none; color:#605041; } #tpl_map .scrollable { position:relative; overflow:hidden; width: 602px; height:210px; margin-top: 8px; } #tpl_map .scrollable .items { width:2000px; position:absolute; } #tpl_map .items div { float:left; } #tpl_map .navi { height:14px; } #tpl_map a.enVoirPLus { text-decoration:none; } #tpl_map .mapDetail .navig_promotions .enVoirPLus:hover, #tpl_map .mapDetail .enVoirPLus:hover, #tpl_map .mapDetail .navig_labels .enVoirPLus:hover {border-bottom: 0;} /* ============================================================================= * CARTE * ===========================================================================*/ .tpl_carte .carte { position: relative; width: 982px; height: 486px; background: url(images/fo/cartes/monde.jpg) no-repeat scroll 0 0 #FFF;} .tpl_mga3_carte_destination .bulle, .tpl_carte .bulle { position: absolute; width: 50px; height: 46px; background: url(images/fo/cartes/carteBulle.png) no-repeat scroll 0 0 transparent; text-align: center; } .tpl_mga3_carte_destination .bulle a, .tpl_carte .bulle a { display: block; padding-top: 15px; color: #93B111; font-weight: bold; text-decoration: none; } .tpl_mga3_carte_destination .bulle a:hover, .tpl_carte .bulle a:hover { text-decoration: underline; } .tpl_carte .rechercheLibre { float: right; } .tpl_carte .rechercheLibre #rech_libre_container p { margin-top: 0; } .tpl_mga3_carte_destination .carte {position: relative; width: 600px; height: 330px; background: url(images/fo/mga3/cartes/monde.jpg) no-repeat scroll 0 0 #FFF;} .tpl_mga3_carte_destination .bulle { background: url(images/fo/mga3/cartes/carteBulle.png) no-repeat scroll 0 0 transparent; text-align: center; } .tpl_carteGoogle #carteGmaps { width: 100%; height: 430px; } .tpl_carteGoogle #carteMap { clear: both; margin-bottom: 30px; } .tpl_carteGoogle #carteMap.wideScreen { position: fixed !important; top: 0 !important; bottom: 0 !important; right: 0 !important; left: 0 !important; margin: 0 !important; background-color:#ccc;z-index:9999} .tpl_carteGoogle #innerCarteMap { position:relative; background-color: #FFF; } .tpl_carteGoogle #carteWait { width: 100%; height: 430px; vertical-align:middle; background-color:#CCC; display:block; z-index:1; filter:alpha(Opacity=80); opacity:.8; position:absolute; top:0; left:0; text-align: center; line-height: 65px; } /*.tpl_carteGoogle .carteWideLien { background: url(images/fo/ficheProduitRetourPleinEcran.gif) no-repeat scroll center top transparent; height: 34px; width: 100%; padding: 10px; display: block; text-indent: -5000px; }*/ .tpl_carteGoogle .geoxml3_infowindow h3 {font-size:12px;margin:2px;} .tpl_carteGoogle .geoxml3_infowindow {overflow:hidden;min-height:150px;} .tpl_carteGoogle table.legend {width:100%} .tpl_carteGoogle table.legend td {vertical-align:middle;height:40px;} .tpl_carteGoogle table.legend img {vertical-align:middle;} #menu_carte {text-align:right;color:#9ebb09;margin :5px 0;} #menu_carte a {color:#000;text-decoration:underline;} #menu_carte a:hover {text-decoration:none;} #menu_carte span {color:#000;} .blocmasque{position:relative;} .masqueTopCarteGoogle{background:url(images/masqueTopCarteGoogle.png) left top no-repeat transparent; position:absolute; top:0; height:5px; width:990px;} .masqueBottomCarteGoogle{background:url(images/masqueBottomCarteGoogle.png) left bottom no-repeat transparent;position:absolute; bottom:0; height:5px; width:990px;} .innerCarteMap{position:relative;} .masqueTopCarteGoogle{background:url(images/masqueTopCarteGoogle.png) left top no-repeat transparent; position:absolute; top:0; height:5px; width:990px;} .masqueBottomCarteGoogle{background:url(images/masqueBottomCarteGoogle.png) left bottom no-repeat transparent;position:absolute; bottom:0; height:5px; width:990px;} /* ============================================================================= * COMMENTAIRE * ===========================================================================*/ /*TPL Commentaire home*/ .accroche_gauche h3, .tpl_commentaireHome h3{ font-size:23px; border-bottom:1px solid #d6d3d2; padding:0 0 10px; margin: 44px 0 5px 0; } .accroche_gauche h3{ font-size:15px; } .tpl_commentaireHome {height: 260px; padding-left:5px; overflow:hidden;} .tpl_commentaireHome .content {height:120px; overflow: hidden;} .tpl_commentaireHome .scroll-pane {height:120px; overflow: auto;} .tpl_commentaireHome .content .global_texte{ background:url(images/quote.gif) left 3px no-repeat transparent; padding:0 0 0 20px; display:block; margin:0 0 8px; } .tpl_commentaireHome .texte{ background: url(images/quote.gif) right top no-repeat transparent; padding:0 20px 0 0; } .tpl_commentaireHome .auteur{ color:#b3aeac; } .tpl_commentaireHome .auteur strong{ color:#8a9497; } .tpl_commentaireHome .item{ text-align: right; clear:both; float:right; } .tpl_commentaireHome .touslescommentaires{ background: url(images/touslescommentaires.gif) right bottom no-repeat transparent; color:#000000; text-decoration: none; padding:0 15px 4px 0; display:block; width:auto; float:right; font-family: 'EurostileBold'; } .tpl_commentaireHome .touslescommentaires:hover{ background-image: url(images/touslescommentaireshover.gif); } /* ============================================================================= * PAGE DES COMMENTAIRES * ===========================================================================*/ #commentContainer{ width:66%; float:left; overflow: hidden; } .tpl_commentaires_liste #commentContainer{ width: 100%; } #commentsList .commentBlock .commentContent a{ color:#9DBB05; } .produit #commentContainer{ width:100%; } #commentColRight{ width:280px; float:right; } .produit #commentColRight { padding: 20px 0 0 0; } #commentaires #commentColRight { margin:50px 0 0 0; padding:7px; background-color:#F8F7F7; } .formComment .warmgrey{ color:#766E6A; } .formComment .green{ color:#90AC11; } .formComment .bold{ font-weight: bold; } .formComment .confirm{text-align: center; font-size:15px; font-weight: bold;} .displayNone{ display: none; } .formComment{ background: #edefe4 url(images/fo/comment/formBG.gif) repeat-x top; padding: 15px 0 0 0 ; margin-bottom:25px; clear:both; } .formComment.reply{ background:#f8f6f7; border-top:1px solid #c7c5c6; margin-bottom:35px; } .formComment .clear{ clear:both; display: block; } .formComment p.field{ margin: 0; } .formComment form p{ padding: 0 7px 0 7px; } .formComment form p.left{ float:left; width:50%; } .formComment form p.right{ float:right; width:50%; } .formComment form .twoColsExtra p.left{ float:left; width:25%; } .formComment form .twoColsExtra p.right{ float:right; width:70%; } .formComment form p.done{ text-align: right; } .formComment form label{ color:#9DBB05;font-weight: bold; } .formComment.reply form label{ color:#8f9595; } .formComment form .twoCols p.left,.formComment form .twoCols p.right{ padding:0; } .formComment form .twoCols { padding: 0 7px 0 7px; margin-bottom: 5px; } .formComment form div{ clear:both; overflow: hidden; } .formComment div.action{ background:url(images/fo/comment/formBG.gif) repeat-x bottom; text-align: right; padding: 0 0 15px 0 ; } .formComment div.action{ padding-top : 10px; background:none; border-bottom: 1px solid #c7c5c6; } .formComment p.message textarea.commentText, .formComment p#extraContent textarea#com_embedvideo{ border : 1px dashed #c5c6c1; width: 95%; height: 60px; } .formComment p.customer a{ text-decoration: underline; } .formComment div.action input.submit{ background:url(images/fo/comment/submitBG.gif) no-repeat; border:none; width: 82px; height: 26px; color:#FFFFFF; } .formComment form p.done span.titleProduct{ background: url(images/fo/comment/productTitleArrow.gif) no-repeat right center; padding: 0 15px 0 0; } .formComment form input.buttonVideo{ background: url(images/fo/uploader/video.gif) no-repeat right center; width: 20px; height: 17px; border:none; margin: 0; padding: 0; } .formComment form div#uploadQueue{ padding: 0 7px 0 7px; } #commentsList .commentBlock .formComment div.action input.submit{ background:url(images/fo/comment/submitBGReply.gif) no-repeat; } #commentsList .commentBlock .formComment { background:none; border-top : 1px solid #DFDDDC; } #commentsList .commentBlock .formComment textarea{ width:100% } #commentsList .commentBlock .formComment .dashed{ border : 1px dashed #c3c3c3; } #commentsList .commentBlock h3{ color: #8A9497; font-size: 12px; background : transparent url("images/fo/souslignement.jpg") 0 bottom repeat-x; font-weight: bold; margin-top: 0; padding-bottom: 10px; } #commentsList .commentBlock .repliesList{ border-top : 1px solid #C8C5C4; } #commentsList .commentBlock .reply h3{ background: none; padding: 12px 0 0 0; } #commentsList .commentBlock .reply{ padding: 0 5px 0 5px; } #commentsList .commentBlock h3 span{ color:black; font-size:11px; } #commentsList .commentBlock h3 span.dateCreation{ float:right; color: #8A9497; } #commentsList .com_gallery table { float:left; border-collapse: collapse; margin:0; padding:0; } #commentsList .com_gallery td.td_galley { width:90px; height:90px; text-align:center; vertical-align: middle; margin:0; padding: 3px 0 0; } #commentsList .com_gallery td.td_galley img { max-width:90px; max-height:90px; vertical-align: middle; } .userCommentsList{ padding-left: 0px; } .userCommentsList li{ margin-top: 30px; list-style-type: none; } /*colonne de droite des commentaires*/ div#commentColRight div.commentBlock h3 a { color: #8A9497; font-size: 12px; } #commentColRight .commentBlock h3 span{color:#000000} #commentColRight .commentBlock h3 .dateCreation{ color: #000000; font-size: 11px; float:right; } #commentColRight .commentBlock .preview{ width:280px ; /*height:210px ;*/ } #commentColRight .commentBlock .playIcon{ left: 50%; top: 50%; position: absolute; width: 98px!important; height:98px!important; margin-left: -49px; margin-top: -49px; } #commentColRight .commentBlock .video{ position: relative; } #commentColRight .commentBlock h3{ padding: 0; background: none; font-size: 12px; padding-top: 10px; } #commentColRight .commentBlock{ margin-top: 15px; padding-bottom: 15px; border-bottom: 1px solid #E4E2E1; } #commentColRight .commentBlock.last{ border:none; } .commentBlock .commentLink{display:block} /*gallerie dans le commentaire*/ .commentBlock .scrollable { overflow-x: hidden; overflow-y: hidden; position: relative; width: 470px; } .produitColDroite .commentBlock .scrollable { width: 280px; } .produitColDroite .commentBlock .galleryAndReply { width: auto; } .produitColDroite #commentsList h3{ background-image: none; border-bottom: 1px solid #E9E9E9; } .produitColDroite #commentsList .commentBlock{margin-bottom: 10px;} .commentBlock .navi{ display:inline-block; padding-bottom: 3px; } .produitColDroite #commentsList .premierCommentaire{font-weight: bold;} .produitColDroite #commentsList a.premierCommentaire:hover{text-decoration: underline;} .commentBlock .navigation a:hover, .commentBlock .navigation img:hover{ cursor:pointer } .commentBlock .navi a { width:8px; height:8px; float:left; margin:3px; background:url('/images/fo/comment/circle.png') 0 0 no-repeat; display:block; font-size:1px; } .commentBlock .navi a.active, .commentBlock .navi a:hover { background:url('/images/fo/comment/circleSelected.png') 0 0 no-repeat; } .commentBlock .navigation { text-align: right; margin: 3px 3px 3px 0; } .commentBlock .navigation .disabled{ display:none; } .commentBlock .items div { float:left;} .commentBlock .scrollable .grpItems{ float:left;display:block;width:470px; } .commentBlock .scrollable .grpItems a img{ margin: 0 2px 0 2px; } .commentBlock .scrollable .items { width:4700px; position: absolute; } .commentBlock .galleryAndReply{ width:470px; background:#F8F7F7; margin: 0 auto 0 auto; } .commentBlock .galleryAndReply .preview { margin: 0 auto 18px auto; padding-top:16px; display: block; width:280px; } .commentBlock .galleryAndReply .preview img{ width:280px; } .commentBlock .galleryAndReply .playIcon{ left: 50%; top: 50%; position: absolute; width: 98px!important; height:98px!important; margin-left: -49px; margin-top: -49px; } .commentBlock .galleryAndReply .video{ position: relative; } /*carte google et carte pour les commentaires*/ #commentMapFilter { float:right; } /* ============================================================================= * PRODUIT * ===========================================================================*/ .produit a { text-decoration: none; } .produit a:hover {text-decoration: underline; } .tpl_environnementGraphDetails {margin-bottom:5px;} .tpl_environnementGraphDetails .eGraphDetailsTexte {height:230px;} .tpl_environnementGraphDetails h2{ font-size: 17px; } .tpl_environnementGraphDetails strong, .tpl_environnementGraphDetails h2, .produit h3 { background: url(images/fo/souslignement.jpg) repeat-x scroll 0 bottom transparent; padding-bottom: 10px; font-weight: bold; margin-top: 0; margin-bottom: 0; } .tpl_environnementGraphDetails strong, .tpl_environnementGraphDetails h2, .produit h2 { background: url(images/fo/souslignement.jpg) repeat-x scroll 0 bottom transparent; padding-bottom: 10px; font-weight: bold; margin-top: 0; margin-bottom: 0; font-size: 17px; } .tpl_environnementGraphDetails strong, .tpl_environnementGraphDetails h2, .produit span.titre { background: url(images/fo/souslignement.jpg) repeat-x scroll 0 bottom transparent; padding-bottom: 10px; font-weight: bold; margin-top: 0; margin-bottom: 0; font-size: 17px; } .tpl_environnementGraphDetails h1{ background: url(images/fo/souslignement.jpg) repeat-x scroll 0 bottom transparent; padding-bottom: 10px; font-weight: bold; margin-top: 0; margin-bottom: 0; font-size: 17px; } .tpl_environnementGraphDetails strong {display:block;font-size:17px} .produit .aideAuChoix { float: left; width: 50%; height: 240px; overflow: hidden; } .produit .aideAuChoix .scroll-pane { height: 200px; overflow: auto; } .produit .aideAuChoix .jspDrag { left: 4px; } .produit .aideAuChoix .jspVerticalBar .jspArrow { display: block; width: 18px; height: 15px; float: none; } .produit .aideAuChoix .jspVerticalBar .jspArrowUp{ background: url(images/fo/produitFlecheHaut.jpg) no-repeat scroll 0 0 transparent; } .produit .aideAuChoix .jspVerticalBar .jspArrowDown{ background: url(images/fo/produitFlecheBas.jpg) no-repeat scroll 0 0 transparent; } .produit .tpl_rechercheAvancee { float: right; } .produit .contenaireVoirCommentaire { position: relative;overflow:hidden;} .produit .lienVoirCommentaire.selected { background: url("images/fo/commentaires.png") no-repeat scroll 0 0 transparent; } .produit .lienVoirCommentaire { background-color:#FFF; padding: 0; position: absolute; top: 12px; left:0px; width: 170px; height: 28px; } .produit .lienVoirCommentaire span { font-weight: bold; display: block; } .produit .lienVoirCommentaire #spanNbCommentaires{ display: inline; } .produit .lienVoirCommentaire.selected { color: #FFF; padding-left: 6px; position: absolute; top: 8px; left:0px; width: 165px; height: 28px; } .produit .lienVoirCommentaire.selected span { text-align:center; font-weight: bold; display: block; padding-top:7px;} #commentColRight .reserver, .produit .produitColDroite .reserver { margin: 0 auto; width: 281px; height: 36px; padding: 10px 0 0 0; background: url(images/fo/btnCalque.png) no-repeat scroll 0 0 transparent; color: #FFF; text-align: center; font-size: 170%; display: block; } #commentColRight a.reserver:hover, .produit .produitColDroite .reserver a:hover{ background-color: #acca25 !important; text-decoration: none; } /* MODIFICATION acapecci@alteca.fr - 2011-06-06 */ #commentColRight .reperes, .produit .produitColDroite .reperes { margin-bottom: 30px; } #produitListeContainerInner .reperes { float:right;padding:5px 7px 0 6px} .reperes span, .reperes span a { color: #8e8985!important; font-weight: bold!important; } .reperes h1 { font-size: 100%; font-weight: normal; display: inline; } .reperes h1 span.reperePuceVerte { padding-right: 10px; margin-right: 5px; background: url(images/puceverte.gif) no-repeat right center transparent; font-weight: normal; color: #000; } .reperes h1 a.repere {padding-left:60px;} .produit .produitColDroite { float: right; width: 30%; padding: 20px 0 0; } .produit .produitColDroite .produitShare a { margin-right: 8px; } .produit .produitColDroite .produitShare{ margin-top:15px;} .produit .produitColDroite .produitShare .separator { height: 10px; margin: 5px 0; background: url(images/fo/souslignement.jpg) repeat-x scroll 0 center transparent; } .produit .produitColDroite .produitDeparts h2 {margin-bottom: 10px; } .produit .produitColDroite .produitDeparts {margin: 20px 0 15px; } .produit .produitColDroite .produitDeparts a { float: right; } .produit .produitColDroite .produitDeparts .item { margin-bottom: 15px; overflow: hidden; } .produit .produitColDroite .produitDeparts .item div { float: left; width:205px} .produit .produitColDroite .produitDeparts .item .date_prix { padding: 0pt 0pt 0pt 10px; width: 205px; font-size: 12px; display: inline; word-spacing: 0pt; text-indent: 0pt; margin: 0pt; line-height: 100%; background: none; } .produit .produitColDroite .produitDeparts .date { color: #9ebb09; padding: 0 0 0 10px; background: url(images/fo/puceGriseDeparts.jpg) no-repeat scroll left center transparent; font-weight: bold; } .produit .produitColDroite .produitDeparts .prix { color: #8b8a88; font-weight: bold; padding-left: 10px; } .produit .produitColDroite .produitDeparts .venteflash {float:right;font-weight:bold} .produit .produitColDroite .produitDeparts .scroll-pane { height: 286px; overflow: auto; } .produit .produitColDroite .produitDeparts .jspDrag { left: 4px; } .produit .produitColDroite .produitDeparts .jspVerticalBar {right: -4px; } .produit .produitColDroite .produitDeparts .jspVerticalBar .jspArrow { display: block; width: 18px; height: 15px; float: none; } .produit .produitColDroite .produitDeparts .jspVerticalBar .jspArrowUp{ background: url(images/fo/produitFlecheHaut.jpg) no-repeat scroll 0 0 transparent; } .produit .produitColDroite .produitDeparts .jspVerticalBar .jspArrowDown{ background: url(images/fo/produitFlecheBas.jpg) no-repeat scroll 0 0 transparent; } .produit .produitColDroite a{text-decoration:none;} .produitInfoHaut .colGauche h2 { padding: 0; background: url("images/fo/titreproduitTopGrand.jpg") no-repeat left top transparent; overflow: hidden; margin-bottom: 8px; font-size:20px; } .produitInfoHaut .colGauche h2 { padding: 0; background: url("images/fo/titreproduitTopGrand.jpg") no-repeat left top transparent; overflow: hidden; margin-bottom: 8px; font-size:17px; } .produitInfoHaut .colGauche h2 .titreBottom { overflow:hidden; padding:0 8px 15px; margin-top:14px; background: url("images/fo/titreproduitBottomGrand.jpg") no-repeat left bottom transparent; } .produitInfoHaut .colGauche h1 { padding: 0; background: url("images/fo/titreproduitTopGrand.jpg") no-repeat left top transparent; overflow: hidden; margin-bottom: 8px; font-size:20px; } .produitInfoHaut .colGauche h1 { padding: 0; background: url("images/fo/titreproduitTopGrand.jpg") no-repeat left top transparent; overflow: hidden; margin-bottom: 8px; font-size:17px; } .produitInfoHaut .colGauche h1 .titreBottom { overflow:hidden; padding:0 8px 15px; margin-top:14px; background: url("images/fo/titreproduitBottomGrand.jpg") no-repeat left bottom transparent; } .produitInfoHaut .proCode { color: #969696; font-size: 85%; background:none; float:right; padding: 2px 8px 0 0; font-weight: normal; } .produitInfoHaut .divImprimer { text-align: right; margin-bottom: 10px; } .produitInfoHaut .imprimer { padding: 5px 20px 5px 5px; background: url(images/fo/pictoPDF.gif) no-repeat scroll right center transparent; } .produitInfoHaut .nacImg { float: left; } .produitInfoHaut .prixBaisse { color: #9dbb05; text-align: right; float: right; margin-top: 12px; } .produitInfoHaut .img { float: left; width: 150px; height: 100px; margin-top: 15px; text-align:center} .produitInfoHaut .info { float: right; width: 67%; } .produitInfoHaut .info h2{ background: none; font-size: 12px; margin: 0;} .produitInfoHaut .info .prix { margin-top: 6px; } .produitInfoHaut .info .baisse { margin-top: 12px; } .produitInfoHaut .interligne { margin-top: 20px; } .produit .produitDetails { width: 66%; float: left; } .produit .produitDetails #proGmaps { width: 100%; height: 400px; } .produit .produitDetails #proMap { clear: both; margin-bottom: 30px; } .produit .produitDetails #proMap.wideScreen { position: fixed !important; top: 0 !important; bottom: 0 !important; right: 0 !important; left: 0 !important; margin: 0 !important; background-color:#fff; z-index:9999;} .produit .produitDetails #innerProMap { position:relative; } .produit .produitDetails #proWait { width: 100%; height: 400px; vertical-align:middle; background-color:#CCC; display:block; z-index:1; filter:alpha(Opacity=80); opacity:.8; position:absolute; top:0; left:0; text-align: center; line-height: 65px; } .produit .produitDetails .proWideLien { background: url(images/fo/ficheProduitRetourPleinEcran.gif) no-repeat scroll center top transparent; height: 34px; width: 100%; padding: 10px; display: block; text-indent: -500px; } .produit .produitDetails .proCircuitIndic { position: absolute; top:5px; right: 5px; } .produit .produitDetails .infoMap { position: relative; } .produit .produitDetails .menuOnglet { margin: 0 0 30px; padding: 15px 0 30px; border-bottom: 1px dashed #c1c0be;position:relative; } .produit .produitDetails .menuOnglet ul { list-style: none; margin: 0; padding: 0px; } .produit .produitDetails .menuOnglet ul li { float: left; padding: 8px 3px 8px; } .produit .produitDetails .menuOnglet ul li.selected { border-top: 1px dashed #c1c0be; border-right: 1px dashed #c1c0be; border-left: 1px dashed #c1c0be; background-color: #FFF; } .produit .produitDetails .menuOnglet ul li a { color: #6f6b68; font-weight: bold; padding: 5px 2px; } .produit .produitDetails .menuOnglet ul li a.selected { color: #FFF; } .produit .produitDetails #ongletPaysSousPays { position: absolute; right: 0; margin-top: 10px; width: 508px; } .produit .produitDetails #ongletPaysSousPays li { margin-left: 5px; } .produit .produitDetails #ongletPaysSousPays li.puceGrise { background: url("images/fo/puceGriseDeparts.jpg") no-repeat scroll left center transparent; padding-left: 15px; } .produit .produitDetails #ongletPaysSousPays a { padding: 0; } .produit .produitDetails #ongletPaysSousPays .selected { color: #000 !important; padding: 0; margin: 0;} .produit .produitDetails .pointsForts { width: 50%; height: 203px; float: left; margin-bottom: 20px; } .produit .produitDetails .pointsForts .scroll-pane { height: 162px; overflow: auto; } .produit .produitDetails .pointsForts .jspDrag { left: 5px; } .produit .produitDetails .pointsForts .jspVerticalBar {right: -4px; } .produit .produitDetails .pointsForts .jspVerticalBar .jspArrow { display: block; width: 18px; height: 15px; float: none; } .produit .produitDetails .pointsForts .jspVerticalBar .jspArrowUp{ background: url(images/fo/pointsFortsFlecheHaut.jpg) no-repeat scroll 0 0 transparent; } .produit .produitDetails .pointsForts .jspVerticalBar .jspArrowDown{ background: url(images/fo/pointsFortsFlecheBas.jpg) no-repeat scroll 0 0 transparent; } .produit .produitDetails .pointsForts ul{color:#000; list-style-image: url(images/puceverte.gif);} .produit .produitDetails .diaporama { width: 50%; float: right; text-align:center;margin-bottom:15px;} .produit .produitDetails .diaporama img {margin:0 auto;} .produit .produitDetails .diapoImg { background: url(images/fo/produitDiapoImg.png) no-repeat scroll center bottom transparent; padding-bottom: 22px; } .produit .produitDetails #matrice .tddescription{ text-align: left; width:290px; } .produit .produitDetails #matrice .thtitre{ font-weight: bold; text-align: left; width: 150px; } .produit .produitDetails #matrice .tdimage{ text-align: center; width:215px; } /* ============================================================================= * PRODUIT LISTE * ===========================================================================*/ .produitListe { float:left; width:660px; /* position:relative; z-index:1; */} .produitListe ul { list-style: none; margin: 20px 0; padding: 0; } .produitListe li { margin-bottom: 20px; } .produitListe .titre { background: url("images/fo/produitFondh3.jpg") no-repeat scroll 0 0 transparent; width: 658px; height: 38px;} .produitListe .titre h2 { float: left; margin: 0; padding: 12px 0 0 10px; font-size: 14px; font-weight: bold;} .produitListe .titre h2 span { color: #888785; padding-left: 15px; font-weight: normal; } .produitListe .titre h4 { float: left; margin: 0; padding: 12px 0 0 10px; } .produitListe .titre h4 span { color: #888785; padding-left: 15px; font-weight: normal; } .produitListe .titre .reservez { float: right; } .produitListe .details { background: url(images/fo/produitListedetailsFond.jpg) no-repeat scroll 2px 0 transparent; height: 163px; padding: 15px 5px 15px 6px; width: 655px; } .produitListe .details .col_1 { height: 134px; width: 178px; float: left; text-align: center; } .produitListe .details .col_2 { height: 140px; width: 158px; float: left; padding: 0px 5px 0 5px;} .produitListe .details .col_2 .promotion { color: #9dbc00; padding-top: 18px; } .produitListe .details .col_2 .prix { padding-bottom: 8px; padding-top: 8px;} .produitListe .details .col_3 { height: 134px; width: 292px; float: left; } .produitListe .details .col_3 .logos { padding-bottom: 12px; } .produitListe .details .col_3 .logos .theme { float: right; padding: 12px 5px 0 0; } .produitListe .details .lien { float: right; padding-right: 20px; } .produitListe .details .lien a { padding-left: 15px; text-decoration: none; } .produitListe .details .lien span{ font-family: tahoma; font-size: 13px; font-weight: bold; } .produitListe .details .lien .com_imgs span{ color:#8b898b; border-bottom: 1px dashed #8b898b; } .produitListe .details .lien .ft_dep span{ color:#6f6466; border-bottom: 1px dashed #6f6466; } .produitListe .details .lien .facebook span{ color:#3B5998; border-bottom: 1px dashed #3B5998; } .produitListItem h4 { color:#000; } .produitListItem .col_2 .nouveau { color: #9dbc00; font-size: 120%; font-weight: bold; } .produitListItem .titre .divLabel { float: right; margin: 8px; } .produitListItem .titre h4 a{ position: relative; text-decoration: none; border-bottom: 0px dashed #9D9895;} .produitListItem .titre h4 a:hover{ position: relative; text-decoration: none; border-bottom: 1px dashed #9D9895;} .produitListItem .titre h2 a{ position: relative; text-decoration: none; border-bottom: 0px dashed #9D9895;} .produitListItem .titre h2 a:hover{ position: relative; text-decoration: none; border-bottom: 1px dashed #9D9895;} /* ============================================================================= * PROCESS VENTE DES CAMPAGNES * ===========================================================================*/ .reserverHaut .colGauche { float: left; width: 476px;margin-top: 15px; } .reserverHaut .colGauche h2 { padding: 0; background: url("images/fo/titreproduitTop.jpg") no-repeat left top transparent; overflow: hidden; zoom:1;} .reserverHaut .colGauche h2 .titreBottom { overflow:hidden; padding:0 8px 15px; margin-top:14px; background: url("images/fo/titreproduitBottom.jpg") no-repeat left bottom transparent; zoom:1;} .reserverHaut .colGauche .proCode { background: none repeat scroll 0 0 transparent; color: #969696; float: right; font-size: 85%; height: auto; margin: auto; padding: 0 15px; width: 50px; } .reserverHaut .colGauche .imprimer { float: right; padding: 5px 20px 5px 5px; color: #000; font-size: 55%; font-weight: normal; background: url(images/fo/pictoPDF.gif) no-repeat scroll right center transparent; } .reserverHaut .colGauche .produitInfoHautDetails { overflow: hidden; padding: 0 10px; clear:both;} .reserverHaut .colGauche .produitInfoHautDetails .col1 {float: left; overflow: hidden; height: 100px; margin-bottom: 10px; width: 147px; text-align:center} .reserverHaut .colGauche .produitInfoHautDetails .col1 img {max-width:140px;max-height:100px;margin:0 auto} .reserverHaut .colGauche .produitInfoHautDetails .col2 {width:170px;float: left;margin:8px 0 0 10px;} .reserverHaut .colGauche .produitInfoHautDetails .col3 {float: right;text-align: right;} .reserverHaut .colGauche .produitInfoHautDetails .prixBaisse { margin-top: 18px; color: #9dbb05;} .reserverHaut .colGauche .produitInfoHautDetails .barrehorizontale { background: url("images/fo/barrehorizontale.gif") repeat scroll left top #819D03; height:5px; margin:0 0 15px 0; clear: both; overflow:hidden; } .reserverHaut .colDroite {float: right;width: 480px;} #ddTableEtape {border: none;display: block;margin: 0;padding: 0;position: relative;width:980px} #ddTableEtape input.date {width:70px!important;text-align:left!important;border:1px dotted #8E8885;} #ddTableEtape button {border:none;background:none;margin:0;padding:0; text-align: left; } #ddTableEtape h3 span {color:#9DBB05;} #ddTableEtape .floatLeft {float:left;} #ddTableEtape a{color: #9DBB05;text-decoration:underline;} #ddTableEtape a:hover{text-decoration:none;} #ddTableEtape table {margin: 0;padding: 0;width:100%;} #ddTableEtape table td {vertical-align:top} #ddTableEtape table td.middle {vertical-align:middle;} #ddTableEtape div.cover {background:url(images/fo/masqueCover.png) left top repeat transparent;display: none;font-size: 0;left: 0;opacity: 0.8;position: absolute;top: 0;z-index: 1;} #ddTdEtape1 {height:300px;width:630px;} #ddTdEtape1 .div_pane {height:220px;width:600px;} #tableDepart {width:500px;} #tableDepart .divVenteFlash {font-weight:bold;margin-left:100px;} #ddTdEtape1 h3 {background:url(images/fo/processvente/fond_h3_1.jpg) no-repeat scroll left bottom transparent;padding-bottom:10px;} #ddTdEtape1 h4 {color:#8E8885;font-weight:bold; margin: 5px 0px;} #ddTdEtape1 .listeDepart label {display:block;height:20px;background:url(images/fo/processvente/fond_label_depart.jpg) no-repeat scroll left bottom transparent;} #ddTdEtape1 .listeDepart .ldperiode {display:block;float:left;background-color:#fff;margin: 0 0 0 20px;color:#9DBB05;font-weight:bold;} #ddTdEtape1 .listeDepart .ldprix {display:block;background-color:#fff;float:right;margin: 0 40px 0 0;color:#8E8885;font-weight:bold;} #ddTdEtape1 .divSuppAerien {padding:0 0 2px 40px;background:url(images/fo/processvente/fond_aerien.png) no-repeat scroll 25px 0px transparent;} #ddTdEtape3 h3 {background:url(images/fo/processvente/fond_h3_3.jpg) no-repeat scroll left bottom transparent;padding-bottom:10px;} #ddTdEtape3 .inner {float: right;width: 317px;} #ddTdEtape3 .participantHorsFamille strong {color:#9DBB05;margin-right:20px} #ddTdEtape3 .participantHorsFamille a {color:#000;text-decoration:none;} #ddTdEtape3 input, #ddTdEtape3 textarea {border:1px dotted #8E8885;width:100%;} #ddTdEtape3 .participantHorsFamille input {width:60px;text-align:center} #ddTdEtape3 .montantReductionProduitParticipant {color:#9DBB05;} #ddTdEtape3 #informations_participants th {width:40px;vertical-align:top;} #ddTdEtape3 #informations_participants td input {width:100px;} #ddTdEtape3 #informations_participants td input.date {width:7px;} #ddTdEtape3 #p_pro_par {color: #000000;font-size: 14px;font-weight: bold;} #ddTdEtape3 #informations_participants .montantProduitParticipant, #ddTdEtape3 #p_pro_prix {color:#9DBB05;font-size: 16px;text-align:right;font-weight: bold;} #ddTdEtape3 #informations_participants .montantSuppAerien {text-align:right;font-weight: normal;} #ddTdEtape3 #pro_porteurNonParticipant {width:20px;border:none;} #ddTdEtape4 h3 {background:url(images/fo/processvente/fond_h3_4.jpg) no-repeat scroll left bottom transparent;padding-bottom:10px;} #ddTdEtape4 h4 {color:#8E8885;font-weight:bold; margin: 5px 0px;} #ddTdEtape4 input, #ddTdEtape4 textarea {border:1px dotted #8E8885;text-align:left} #ddTdEtape4 textarea {float:right;margin:0 10px;width: 470px;height:55px} #ddTdEtape5 h3 {background:url(images/fo/processvente/fond_h3_5.jpg) no-repeat scroll left bottom transparent;padding-bottom:10px;} #ddTdEtape5 input {border:none;} #ddTdEtape5 label, #ddTdEtape5 label a {font-size:11px;color:#9DBB05;} #ddTdEtape6 h3 {background:url(images/fo/processvente/fond_h3_6.jpg) no-repeat scroll left bottom transparent;padding-bottom:10px;} #ddTdEtape6 .innerBG {float: right;width: 640px;} #ddTdEtape6 #p_par_demandedispo {padding: 0 10px;} #ddTdEtape1b { float: left; width:465px; padding-left:0px; } td.ddTableTitreSouligne{background:url(images/fo/processvente/fond_h3_1b.jpg) no-repeat scroll left bottom transparent;padding-bottom:10px;} #ddTdEtape1b h3 {background:url(images/fo/processvente/fond_h3_1b.jpg) no-repeat scroll left bottom transparent;padding-bottom:10px;} #ddTdEtape1b #informations_participants th {width:40px;vertical-align:top;} #ddTdEtape1b #informations_participants td input.date {width:7px;} #ddTdEtape1b #informations_participants td label {color:#9DBB05;font-weight:bold;} #ddTdEtape1b input {border:1px dotted #8E8885;} #ddTdEtape1b form{min-height:60px;padding-bottom:0px;margin-bottom: 0px;} #ddTdEtape1b .identificationSubmit{float: right} #ddTdEtape1b button{float:right; margin-right:5px;} #ddTdEtape1b .droite{float:right; display:inline;} #ddTdEtape1b .gauche{float:left; display:inline;} #ddTdEtape1b #textPlacesDispo{padding-top:5px;} #ddTdEtape2b table {padding: 0px 10px 0px 0px;} #ddTdEtape2b .inner {float: left;width: 470px;} #ddTdEtape2b h3 {background:url(images/fo/processvente/fond_h3_2b.jpg) no-repeat scroll left bottom transparent;padding:0px 10px 10px 6px;} #ddTdEtape2b a {font-size:11px;} #ddTdEtape2b td.first {text-align:left;height:18px;} #ddTdEtape2b td.first input {float:right;} #ddTdEtape2b td.last {text-align:right;width:150px;} #ddTdEtape2b #nbParticipants {color:#9DBB05;font-weight:bold;} /* MODIFICATION: acapecci@alteca.fr - 2011-06-03 */ #ddTdEtape2b #libelleNbParticipants {font-weight: bold;} /* MODIFICATION: acapecci@alteca.fr - 2011-06-03 */ #ddTdEtape2b #montantTotal {margin-top:10px} #ddTdEtape2b #montantTotal td.last {color:#9DBB05;font-weight:bold;} #ddTdEtape2b #accompte {background:url(images/fo/processvente/fond_accompte.jpg) no-repeat scroll left bottom transparent;} #ddTdEtape2b #accompte td.first {padding:0 0 0 10px;font-weight:bold;} #ddTdEtape2b #accompte td.last {color:#9DBB05;font-weight:bold;} #ddTdEtape2b { padding-bottom: 10px; } #ddTableEtape .spacer{min-width: 15px;} #ddTableEtape .fondLeft{float:left;} #ddTableEtape .fondRight{float: left;} #ddTdEtape3b h3 {background:url(images/fo/processvente/fond_h3_3b.jpg) no-repeat scroll left bottom transparent;padding-bottom:10px;} #ddTdEtape3b a {font-size:11px;} #ddTdEtape3b img{background-color:#9DBB05;} #ddTdEtape1c {width:980px;} #ddTdEtape1c h3 {background:url(images/fo/processvente/fond_h3_1c.jpg) no-repeat scroll left bottom transparent;padding-bottom:10px;} /* ============================================================================= * ACCORDEON DES CAMPAGNES * ===========================================================================*/ .accordeon ul{ list-style: none; position: relative; margin: 0; padding: 0; } .accordeon li{ display: block; overflow: hidden; padding: 0; cursor: pointer; } .accordeon li{ float: left; width: 200px; height: 160px; } .accordeon li a:hover{ text-decoration: none; } .accordeon li .titleCampaign{ color:#fff; background:url(images/fo/campagnes/campagneInactive.png) 0 0 no-repeat #ADC926; display:block; width:150px; height:27px; bottom:0; left:0;z-index:5; font-size:1.1em; font-weight: bold; /* Safari */ -webkit-transform: rotate(-90deg); /* Firefox */ -moz-transform: rotate(-90deg);-moz-transform-origin: 15px 16px; /* Internet Explorer */ filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3); cursor:pointer; padding: 4px 5px 0px 5px; position:absolute } .accordeon { position: relative; } .accordeon .masque{ background: url("images/masqueAccordeonHome.png") no-repeat scroll right bottom transparent; height: 160px; position: absolute; top: 0px; right:0px; width: 596px; } .accordeon .thumbnail{ margin-left:29px; } .accordeon li.active .titleCampaign{ background:url(images/fo/campagnes/campagneActive.png) 0 0 no-repeat #67593e; } .accordeon li.campaign1.active .titleCampaign{background:url(images/fo/campagnes/campagneActiveItem0.png) 0 0 no-repeat;} .accordeon li.campaign1 .titleCampaign{background:url(images/fo/campagnes/campagneInactiveItem0.png) 0 0 no-repeat;} .accordeon li.campaign2.active .titleCampaign{background:url(images/fo/campagnes/campagneActiveItem1.png) 0 0 no-repeat;} .accordeon li.campaign2 .titleCampaign{background:url(images/fo/campagnes/campagneInactiveItem1.png) 0 0 no-repeat;} .accordeon li.campaign3.active .titleCampaign{background:url(images/fo/campagnes/campagneActiveItem2.png) 0 0 no-repeat;} .accordeon li.campaign3 .titleCampaign{background:url(images/fo/campagnes/campagneInactiveItem2.png) 0 0 no-repeat;} /* ============================================================================= * GUIDE PAR PASSION * ===========================================================================*/ .guideParPassionHome { width: 822px; } .guideParPassionHome ul { list-style: none; margin: 0; overflow: hidden; padding: 0; width: 822px; } .guideParPassionHome ul li { float: left; padding: 0; } .guideParPassionHome ul li a { color: #635446; display: block; font-weight: bold; height: 40px; padding: 16px 14px 0 14px; text-align: left; width: 128px; } .guideParPassionHome ul li a#menuPassion_1 { background: url("images/fo/guideParPassion/guideParPassion_onglet1.png") no-repeat scroll left top #FFFFFF; margin: 0 11px 0 0; } .guideParPassionHome ul li a#menuPassion_1:hover, .guideParPassionHome ul li a#menuPassion_1.selected { background: url("images/fo/guideParPassion/guideParPassion_onglet1Hover.png") no-repeat scroll left top #FFFFFF; color:#fff; text-decoration: none; } .guideParPassionHome ul li a#menuPassion_2 { background: url("images/fo/guideParPassion/guideParPassion_onglet2.png") no-repeat scroll left top #FFFFFF; margin: 0 11px 0 0; } .guideParPassionHome ul li a#menuPassion_2:hover, .guideParPassionHome ul li a#menuPassion_2.selected { background: url("images/fo/guideParPassion/guideParPassion_onglet2Hover.png") no-repeat scroll left top #FFFFFF; color:#fff; text-decoration: none; } .guideParPassionHome ul li a#menuPassion_3 { background: url("images/fo/guideParPassion/guideParPassion_onglet3.png") no-repeat scroll left top #FFFFFF; margin: 0 10px 0 0; } .guideParPassionHome ul li a#menuPassion_3:hover, .guideParPassionHome ul li a#menuPassion_3.selected { background: url("images/fo/guideParPassion/guideParPassion_onglet3Hover.png") no-repeat scroll left top #FFFFFF; color:#fff; text-decoration: none; } .guideParPassionHome ul li a#menuPassion_4 { background: url("images/fo/guideParPassion/guideParPassion_onglet4.png") no-repeat scroll left top #FFFFFF; margin: 0 10px 0 0; } .guideParPassionHome ul li a#menuPassion_4:hover, .guideParPassionHome ul li a#menuPassion_4.selected { background: url("images/fo/guideParPassion/guideParPassion_onglet4Hover.png") no-repeat scroll left top #FFFFFF; color:#fff; text-decoration: none; } .guideParPassionHome ul li a#menuPassion_5 { background: url("images/fo/guideParPassion/guideParPassion_onglet4.png") no-repeat scroll left top #FFFFFF; margin: 0; } .guideParPassionHome ul li a#menuPassion_5:hover, .guideParPassionHome ul li a#menuPassion_5.selected { background: url("images/fo/guideParPassion/guideParPassion_onglet4Hover.png") no-repeat scroll left top #FFFFFF; color:#fff; text-decoration: none; } .guideParPassionHome .inner { position: relative; } .guideParPassionHome .inner .masque { background: url(images/masqueGPP.png) left bottom no-repeat transparent; position:absolute; height:617px; width:822px; } .guideParPassionHome .inner a .divLireSuite{ display: none; } .guideParPassionHome .innerHide { display: none; } .guideParPassionHome .divLireSuiteHide { display: none; } .guideParPassionHome .divLireSuite { background: url("images/fo/guideParPassion/guideParPassion_lireSuiteFond.png") no-repeat scroll left top transparent; bottom: 10px; height: 222px; padding: 10px; position: absolute; overflow: auto; right: 15px; text-align: left; width: 180px; } .guideParPassionHome .divLireSuite h3 { color: #635446; float: left; font-size: 14px; margin: 0; padding: 0; width: 132px; } .guideParPassionHome .divLireSuite .fermer { float: right; margin: 0; padding: 0; } .guideParPassionHome .divLireSuite p { margin: 0; padding: 6px 0; } .guideParPassionHome .divLireSuite .lienLireSuite { background: url("images/fo/guideParPassion/guideParPassion_lireSuitePuce.png") no-repeat scroll right 4px transparent; color: #635446; float: right; font-weight: bold; padding: 0 11px 0 0; } /* ============================================================================= * GUIDE PAR PASSION - FICHE * ===========================================================================*/ .fiche .titre { overflow: hidden; } .fiche .titre h3 { color: #635446; float: left; font-size: 18px; line-height: 40px; margin: 0; } .fiche .titre h3 a { color: #635446; } .fiche .titre h3.responsable { color: #000000; } .fiche .titre h3.responsable a { color: #000000; } .fiche .titre h3.responsable span { color: #635446; float: left; font-size: 18px; } .fiche .titre span { float: right; font-size: 12px; font-weight: bold; line-height: 40px; } .fiche .description {} .fiche .description img { float: left; margin: 0 14px 0 0; } .fiche .description h4 { color: #000000; font-size: 12px; margin: 0 0 5px 0; } .fiche .description p { margin: 0 0 10px 0; } .fiche .description span { color: #8E8885; display: block; font-size: 15px; margin: 0 0 10px 0; } .fiche .description .statut { float: left; margin: 0 0 5px 0; } .fiche .description .statut span { display: inline; } .fiche .description .annee { float: right; margin: 0 0 5px 0; } /* ============================================================================= * GUIDE PAR PASSION - LISTE * ===========================================================================*/ .liste .titre { background: url("images/fo/guideParPassion/tpl_rencontreListe_titreFond.png") no-repeat scroll left top #FFFFFF; height: 40px; overflow: hidden; padding: 0 11px; width: 560px; } .liste .titre h3 { color: #635446; float: left; font-size: 18px; line-height: 40px; margin: 0; } .liste .titre h3 a { color: #635446; } .liste .titre h3.responsable { color: #000000; } .liste .titre h3.responsable a { color: #000000; } .liste .titre h3.responsable span { color: #635446; float: left; font-size: 18px; } .liste .titre span { float: right; font-size: 12px; font-weight: bold; line-height: 40px; } .liste .description { background: url("images/fo/guideParPassion/tpl_rencontreListe_descriptionFond.png") no-repeat scroll left top #FFFFFF; height: 130px; margin: 0 0 20px 0; padding: 14px 11px 13px 11px; width: 560px; } .liste .description img { float: left; margin: 0 14px 0 0; } .liste .description h4 { color: #000000; font-size: 12px; margin: 0 0 5px 0; } .liste .description p { float: left; margin: 0 0 10px 0; width: 66%; } .liste .description span { color: #8E8885; display: block; font-size: 15px; margin: 0 0 10px 0; } .liste .description .statut { float: left; margin: 0 0 5px 0; } .liste .description .statut span { display: inline; } .liste .description .annee { float: right; margin: 0 0 5px 0; } .liste .description .statut_annee{ overflow:hidden; } /* ============================================================================= * TEMPLATE DEMARCHE LISTE * ===========================================================================*/ .tpl_demarcheListe {} .tpl_demarcheListe .tri { margin: 10px 0 10px 150px; overflow: hidden; } .tpl_demarcheListe .tri span { color: #9D9895; float: left; font-size: 13px; font-weight: bold; height: 22px; padding: 8px 5px 0 0; } .tpl_demarcheListe .tri #triPar { float: left; padding: 0 5px; width: auto; } /*conseilDeGuideMenuHome*/ .conseilDeGuideMenu .item0{ clear:both; } .conseilDeGuideMenu .item1{ margin:0 10px; } .conseilDeGuideMenu .item0, .conseilDeGuideMenu .item1, .conseilDeGuideMenu .item2 { width:155px; background-color:#fff; float:left; overflow: hidden; margin-bottom:20px; } #colonneGauche .conseilDeGuideMenu .item0, #colonneGauche .conseilDeGuideMenu .item1, #colonneGauche .conseilDeGuideMenu .item2{ float: none; clear: both; width:200px; margin:0 0 10px; } .conseilDeGuideMenu .item0 .divcdg{ background:url(images/fo/menuvertical/masque_menuV1Haut.png) left top no-repeat #536E75; padding-top:6px; } .conseilDeGuideMenu .item0 .divcdg .spancdg{ background:url(images/fo/menuvertical/masque_menuV1Bas.png) left bottom no-repeat #536E75; padding:0 8px 6px; display:block; } .conseilDeGuideMenu .item1 .divcdg{ background:url(images/fo/menuvertical/masque_menuV2Haut.png) left top no-repeat #536E75; padding-top:6px; } .conseilDeGuideMenu .item1 .divcdg .spancdg{ background:url(images/fo/menuvertical/masque_menuV2Bas.png) left bottom no-repeat #536E75; padding:0 8px 6px; display:block; } .conseilDeGuideMenu .item2 .divcdg{ background:url(images/fo/menuvertical/masque_menuV3Haut.png) left top no-repeat #536E75; padding-top:6px; } .conseilDeGuideMenu .item2 .divcdg .spancdg{ background:url(images/fo/menuvertical/masque_menuV3Bas.png) left bottom no-repeat #536E75; padding:0 8px 6px; display:block; } .conseilDeGuideMenu .divcdg{ background-color:#536E75; font-size:13px; color:#fff; font-weight:bold; text-align: left; overflow: hidden; } .conseilDeGuideMenu ul{ padding-left:0; margin:0; list-style: none; } .conseilDeGuideMenu ul li{ display: block; text-align: left; overflow: hidden; } .conseilDeGuideMenu ul li span.global{ border-bottom:1px solid #d6d3d2; margin:10px 0 0; overflow: hidden; display:block; clear:both; } .conseilDeGuideMenu ul li.deplier li.selected{ border-bottom:0; font-weight: bold; } .conseilDeGuideMenu ul li.deplier span.chevron{ background: none; } .conseilDeGuideMenu ul li span.texte{float:left; background:none; color:#000; width:133px;} .conseilDeGuideMenu ul li span.chevron{float:right; width:15px; height:15px; background: url(images/fo/menuvertical/chevronCDG.gif) left 3px no-repeat transparent;} .conseilDeGuideMenu ul li.deplier ul { background:url(images/fo/menuHomeCDGdeplier.gif) right bottom no-repeat; border-bottom:1px solid #d6d3d2; padding-bottom:10px; } .conseilDeGuideMenu ul ul{ clear:both; text-align: left; } .conseilDeGuideMenu ul ul li{ border:0; color: #486a70; padding-left:20px; background: url(images/fo/puceMenuHomeCDG.gif) 7px 6px no-repeat transparent; margin: 5px 0; } .conseilDeGuideMenu ul ul li a{ color: #486a70; } .conseilDeGuideMenu ul ul li .chevron{ background: none; } .conseilDeGuideMenu .global{ cursor: pointer; } /* ============================================================================= * Styles de paragraphe * ===========================================================================*/ /*Conseils de guides*/ .PRS_CONSEILGUIDE a{ color:#536e75!important; font-weight:bold; } /*Guide par passion*/ .PRS_GUIDEPARPASSION a{ color:#70644c!important; font-weight:bold; } .PRS_GUIDEPARPASSION .bloc_chevron { background: url(images/fond_guideparpassion.gif) right bottom no-repeat transparent; } /*Allibert Pratique*/ .PRS_ALLIBERTPRATIQUE a{ color:#8baa04!important; font-weight:bold; } .PRS_ALLIBERTPRATIQUE .bloc_chevron { background: url(images/fond_allibertpratique.gif) right bottom no-repeat transparent; } /*Les activités*/ .PRS_LESACTIVITES a{ color:#eb900e!important; font-weight:bold; } .PRS_LESACTIVITES .bloc_chevron { background: url(images/fond_lesactivites.gif) right bottom no-repeat transparent; } /*Club Caravane*/ .PRS_CLUBCARAVANE a{ color:#bd4931!important; font-weight:bold; } .PRS_CLUBCARAVANE .bloc_chevron { background: url(images/fond_clubcaravane.gif) right bottom no-repeat transparent; } .PRS_CONSEILGUIDE a, .PRS_GUIDEPARPASSION a, .PRS_ALLIBERTPRATIQUE a, .PRS_LESACTIVITES a, .PRS_CLUBCARAVANE a{ text-decoration:none!important; line-height:16px; } .PRS_CONSEILGUIDE a:hover, .PRS_GUIDEPARPASSION a:hover, .PRS_ALLIBERTPRATIQUE a:hover, .PRS_LESACTIVITES a:hover, .PRS_CLUBCARAVANE a:hover{ text-decoration:underline!important; } .PRS_CONSEILGUIDE p, .PRS_GUIDEPARPASSION p, .PRS_ALLIBERTPRATIQUE p, .PRS_LESACTIVITES p, .PRS_CLUBCARAVANE p{ margin-top:0; } .PRS_CONSEILGUIDE , .PRS_GUIDEPARPASSION , .PRS_ALLIBERTPRATIQUE , .PRS_LESACTIVITES , .PRS_CLUBCARAVANE { margin-bottom:12px; } /*Colonnage*/ /*Spéciales Home*/ .PRS_WIDTH_65G { width: 600px; padding: 0 35px 0 0; float: left; clear:none;} .PRS_WIDTH_35D { width: 355px; padding: 0; float: right; clear:none;} .PRS_WIDTH_65D { width: 596px; padding: 0 0 0 35px; float: right; clear:none;} .PRS_WIDTH_35G { width: 355px; padding: 0; float: left; clear:none;} /*Spécialies contenu*/ .PRS_WIDTH_60G { width:400px; float:left; clear: none;} .PRS_WIDTH_60D { width:400px; float:right; clear: none;} .PRS_WIDTH_40G { width:220px; float:left; clear: none;} .PRS_WIDTH_40D { width:220px; float:right; clear: none;} .PRS_WIDTH_65G { width:600px; margin-right:0; padding-right:0; } .PRS_WIDTH_65D { width:596px; margin-left:0; padding-left:0; } #coreContenuCentral .PRS_WIDTH_65G, #coreContenuCentral .PRS_WIDTH_65D{ width:360px; } #coreContenuCentral.sansColGauche .PRS_WIDTH_65D, #coreContenuCentral.sansColGauche .PRS_WIDTH_65G{ width:535px; } .PRS_WIDTH_35G{ width:355px; float: left; } .PRS_WIDTH_35D { width:355px; float: right; } #coreContenuCentral .PRS_WIDTH_35G, #coreContenuCentral .PRS_WIDTH_35D{ width: 200px; } #coreContenuCentral.sansColGauche .PRS_WIDTH_35G, #coreContenuCentral.sansColGauche .PRS_WIDTH_35D{ width: 300px; } .sansColGauche .PRS_WIDTH_60G { width:490px; padding-right:24px; float:left; clear: none;} .sansColGauche .PRS_WIDTH_60D { width:490px; float:right; clear: none;} .sansColGauche .PRS_WIDTH_40G { width:330px; padding-right:24px; float:left; clear: none;} .sansColGauche .PRS_WIDTH_40D { width:330px; float:right; clear: none;} .PRS_WIDTH_33G, .PRS_WIDTH_33C, .PRS_WIDTH_33D { width:320px; clear: none; } .PRS_WIDTH_33G, .PRS_WIDTH_33C { margin-right:15px; float:left; } .PRS_WIDTH_33D{ float: right; } #coreContenuCentral.sansColGauche .PRS_WIDTH_33G, #coreContenuCentral.sansColGauche .PRS_WIDTH_33C, #coreContenuCentral.sansColGauche .PRS_WIDTH_33D { width:270px; } #coreContenuCentral.sansColGauche .PRS_WIDTH_33G, #coreContenuCentral.sansColGauche .PRS_WIDTH_33C { margin-right:19px; } #coreContenuCentral .PRS_WIDTH_33G, #coreContenuCentral .PRS_WIDTH_33C, #coreContenuCentral .PRS_WIDTH_33D { width:180px; } #coreContenuCentral .PRS_WIDTH_33G, #coreContenuCentral .PRS_WIDTH_33C { margin-right:21px; } /************************** PRS_ENAVANTCOULEUR **************************/ /*Pas de colonne*/ /*100%*/ .PRS_ENAVANTCOULEUR { background-image:url(images/fo/miseenavantcouleur/MEACtop_0col_100.png); width: 990px; background-position: left top; background-repeat: no-repeat; } .PRS_ENAVANTCOULEUR h2{color: #FFF;} .PRS_ENAVANTCOULEUR h3{color: #FFF;} .PRS_ENAVANTCOULEUR h4{color: #FFF;} .PRS_ENAVANTCOULEUR h5{color: #FFF;} .PRS_ENAVANTCOULEUR .innerParagraphe { background-image:url(images/fo/miseenavantcouleur/MEACbottom_0col_100.png); background-position:left bottom ; background-repeat:no-repeat; color: #FFFFFF; margin: 3px 0 0; padding: 10px; width: 970px; } .PRS_ENAVANTCOULEUR, .PRS_ENAVANTCOULEUR .innerParagraphe { background-color:#b8d144; } /*50%G-50%D*/ .PRS_ENAVANTCOULEUR.PRS_WIDTH_50D, .PRS_ENAVANTCOULEUR.PRS_WIDTH_50G { background-image:url(images/fo/miseenavantcouleur/MEACtop_0col_50.png); width:480px; } .PRS_ENAVANTCOULEUR.PRS_WIDTH_50D .innerParagraphe, .PRS_ENAVANTCOULEUR.PRS_WIDTH_50G .innerParagraphe{ background-image:url(images/fo/miseenavantcouleur/MEACbottom_0col_50.png); width: 460px; } /*65%G - 65%D*/ .PRS_ENAVANTCOULEUR.PRS_WIDTH_65G { background-image:url(images/fo/miseenavantcouleur/MEACtop_0col_65.png); width:596px; margin-right:0; padding-right:0; } .PRS_ENAVANTCOULEUR.PRS_WIDTH_65D { background-image:url(images/fo/miseenavantcouleur/MEACtop_0col_65.png); width:596px; margin-left:0; padding-left:0; } .PRS_ENAVANTCOULEUR.PRS_WIDTH_65D .innerParagraphe, .PRS_ENAVANTCOULEUR.PRS_WIDTH_65G .innerParagraphe{ background-image:url(images/fo/miseenavantcouleur/MEACbottom_0col_65.png); width: 576px; } /*35%G - 35%D*/ .PRS_ENAVANTCOULEUR.PRS_WIDTH_35G, .PRS_ENAVANTCOULEUR.PRS_WIDTH_35D { background-image:url(images/fo/miseenavantcouleur/MEACtop_0col_35.png); width:355px; } .PRS_ENAVANTCOULEUR.PRS_WIDTH_35D .innerParagraphe, .PRS_ENAVANTCOULEUR.PRS_WIDTH_35G .innerParagraphe { background-image:url(images/fo/miseenavantcouleur/MEACbottom_0col_35.png); width: 335px; } /*33%G - 33%C - 33%D*/ .PRS_ENAVANTCOULEUR.PRS_WIDTH_33G, .PRS_ENAVANTCOULEUR.PRS_WIDTH_33C, .PRS_ENAVANTCOULEUR.PRS_WIDTH_33D { background-image:url(images/fo/miseenavantcouleur/MEACtop_0col_33.png); width:320px; } .PRS_ENAVANTCOULEUR.PRS_WIDTH_33G, .PRS_ENAVANTCOULEUR.PRS_WIDTH_33C { margin-right:15px; } .PRS_ENAVANTCOULEUR.PRS_WIDTH_33G .innerParagraphe, .PRS_ENAVANTCOULEUR.PRS_WIDTH_33C .innerParagraphe, .PRS_ENAVANTCOULEUR.PRS_WIDTH_33D .innerParagraphe { background-image: url(images/fo/miseenavantcouleur/MEACbottom_0col_33.png); width: 300px; } /*Avec 2 colonnes*/ /*100%*/ #coreContenuCentral .PRS_ENAVANTCOULEUR { background-image:url(images/fo/miseenavantcouleur/MEACtop_2col_100.png); background-position:left top ; background-repeat:no-repeat; width: 582px; } #coreContenuCentral .PRS_ENAVANTCOULEUR .innerParagraphe{ background-image:url(images/fo/miseenavantcouleur/MEACbottom_2col_100.png); color: #FFFFFF; margin: 3px 0 0; padding: 10px; width: 562px; } /*50%G-50%D*/ #coreContenuCentral .PRS_ENAVANTCOULEUR.PRS_WIDTH_50D, #coreContenuCentral .PRS_ENAVANTCOULEUR.PRS_WIDTH_50G { background-image:url(images/fo/miseenavantcouleur/MEACtop_2col_50.png); width:280px; } #coreContenuCentral .PRS_ENAVANTCOULEUR.PRS_WIDTH_50D .innerParagraphe, #coreContenuCentral .PRS_ENAVANTCOULEUR.PRS_WIDTH_50G .innerParagraphe { background-image:url(images/fo/miseenavantcouleur/MEACbottom_2col_50.png); width: 260px; } /*65%G - 65%D*/ #coreContenuCentral .PRS_ENAVANTCOULEUR.PRS_WIDTH_65G { background-image:url(images/fo/miseenavantcouleur/MEACtop_2col_65.png); width:360px; margin-right:0px; padding-right:0; } #coreContenuCentral .PRS_ENAVANTCOULEUR.PRS_WIDTH_65D { background-image:url(images/fo/miseenavantcouleur/MEACtop_2col_65.png); width:360px; margin-left:0px; padding-left:0; } #coreContenuCentral .PRS_ENAVANTCOULEUR.PRS_WIDTH_65D .innerParagraphe, #coreContenuCentral .PRS_ENAVANTCOULEUR.PRS_WIDTH_65G .innerParagraphe{ background-image:url(images/fo/miseenavantcouleur/MEACbottom_2col_65.png); width: 340px; } /*35%G - 35%D*/ #coreContenuCentral .PRS_ENAVANTCOULEUR.PRS_WIDTH_35G, #coreContenuCentral .PRS_ENAVANTCOULEUR.PRS_WIDTH_35D { background-image:url(images/fo/miseenavantcouleur/MEACtop_2col_35.png); width:200px; } #coreContenuCentral .PRS_ENAVANTCOULEUR.PRS_WIDTH_35D .innerParagraphe, #coreContenuCentral .PRS_ENAVANTCOULEUR.PRS_WIDTH_35G .innerParagraphe{ background-image:url(images/fo/miseenavantcouleur/MEACbottom_2col_35.png); width: 180px; } /*33%G - 33%C - 33%D*/ #coreContenuCentral .PRS_ENAVANTCOULEUR.PRS_WIDTH_33G, #coreContenuCentral .PRS_ENAVANTCOULEUR.PRS_WIDTH_33C, #coreContenuCentral .PRS_ENAVANTCOULEUR.PRS_WIDTH_33D { background-image:url(images/fo/miseenavantcouleur/MEACtop_2col_33.png); width:180px; } #coreContenuCentral .PRS_ENAVANTCOULEUR.PRS_WIDTH_33G, #coreContenuCentral .PRS_ENAVANTCOULEUR.PRS_WIDTH_33C { margin-right:21px; } #coreContenuCentral .PRS_ENAVANTCOULEUR.PRS_WIDTH_33G .innerParagraphe, #coreContenuCentral .PRS_ENAVANTCOULEUR.PRS_WIDTH_33C .innerParagraphe, #coreContenuCentral .PRS_ENAVANTCOULEUR.PRS_WIDTH_33D .innerParagraphe { background-image:url(images/fo/miseenavantcouleur/MEACbottom_2col_33.png); width: 160px; } /*Avec Colonne droite uniquement*/ /*100%*/ #coreContenuCentral.sansColGauche .PRS_ENAVANTCOULEUR { background-image:url(images/fo/miseenavantcouleur/MEACtop_1col_100.png); background-position:left top; background-repeat:no-repeat; width: 848px; } #coreContenuCentral.sansColGauche .PRS_ENAVANTCOULEUR .innerParagraphe{ background-image:url(images/fo/miseenavantcouleur/MEACbottom_1col_100.png); color: #FFFFFF; margin: 3px 0 0; padding: 10px; width: 828px; } /*50%G-50%D*/ #coreContenuCentral.sansColGauche .PRS_ENAVANTCOULEUR.PRS_WIDTH_50D, #coreContenuCentral.sansColGauche .PRS_ENAVANTCOULEUR.PRS_WIDTH_50G { background-image:url(images/fo/miseenavantcouleur/MEACtop_1col_50.png); width:410px; } #coreContenuCentral.sansColGauche .PRS_ENAVANTCOULEUR.PRS_WIDTH_50D .innerParagraphe, #coreContenuCentral.sansColGauche .PRS_ENAVANTCOULEUR.PRS_WIDTH_50G .innerParagraphe{ background-image:url(images/fo/miseenavantcouleur/MEACbottom_1col_50.png); width: 390px; } /*65%G - 65%D*/ #coreContenuCentral.sansColGauche .PRS_ENAVANTCOULEUR.PRS_WIDTH_65G { background-image:url(images/fo/miseenavantcouleur/MEACtop_1col_65.png); width:535px; } #coreContenuCentral.sansColGauche .PRS_ENAVANTCOULEUR.PRS_WIDTH_65D { background-image:url(images/fo/miseenavantcouleur/MEACtop_1col_65.png); width:535px; } #coreContenuCentral.sansColGauche .PRS_ENAVANTCOULEUR.PRS_WIDTH_65D .innerParagraphe, #coreContenuCentral.sansColGauche .PRS_ENAVANTCOULEUR.PRS_WIDTH_65G .innerParagraphe{ background-image:url(images/fo/miseenavantcouleur/MEACbottom_1col_65.png); width: 515px; } /*35%G - 35%D*/ #coreContenuCentral.sansColGauche .PRS_ENAVANTCOULEUR.PRS_WIDTH_35G, #coreContenuCentral.sansColGauche .PRS_ENAVANTCOULEUR.PRS_WIDTH_35D { background-image:url(images/fo/miseenavantcouleur/MEACtop_1col_35.png); width:300px; } #coreContenuCentral.sansColGauche .PRS_ENAVANTCOULEUR.PRS_WIDTH_35D .innerParagraphe, #coreContenuCentral.sansColGauche .PRS_ENAVANTCOULEUR.PRS_WIDTH_35G .innerParagraphe{ background-image:url(images/fo/miseenavantcouleur/MEACbottom_1col_35.png); width: 280px; } /*33%G - 33%C - 33%D*/ #coreContenuCentral.sansColGauche .PRS_ENAVANTCOULEUR.PRS_WIDTH_33G, #coreContenuCentral.sansColGauche .PRS_ENAVANTCOULEUR.PRS_WIDTH_33C, #coreContenuCentral.sansColGauche .PRS_ENAVANTCOULEUR.PRS_WIDTH_33D { background-image:url(images/fo/miseenavantcouleur/MEACtop_1col_33.png); width:270px; } #coreContenuCentral.sansColGauche .PRS_ENAVANTCOULEUR.PRS_WIDTH_33G, #coreContenuCentral.sansColGauche .PRS_ENAVANTCOULEUR.PRS_WIDTH_33C { margin-right:19px; } #coreContenuCentral.sansColGauche .PRS_ENAVANTCOULEUR.PRS_WIDTH_33G .innerParagraphe, #coreContenuCentral.sansColGauche .PRS_ENAVANTCOULEUR.PRS_WIDTH_33C .innerParagraphe, #coreContenuCentral.sansColGauche .PRS_ENAVANTCOULEUR.PRS_WIDTH_33D .innerParagraphe { background-image:url(images/fo/miseenavantcouleur/MEACbottom_1col_33.png); width: 250px; } #contenu .PRT_REDACTIONNEL.PRS_ENAVANTCOULEUR a{ color:#fff; text-decoration: underline; } #contenu .PRT_REDACTIONNEL.PRS_ENAVANTCOULEUR a:hover { text-decoration: none; } /************************** PRS_MISENAVANT **************************/ .PRS_MISENAVANT h3{ color:#928d8b; font-size:16px; font-weight:bold; margin-top:0; } /*Pas de colonne*/ /*100%*/ .PRS_MISENAVANT { background-image:url(images/fo/enavant/MEAtop_0col_100.png); width: 990px; background-position: left top; background-repeat: no-repeat; } .PRS_MISENAVANT .innerParagraphe { background-image:url(images/fo/enavant/MEAbottom_0col_100.png); background-position:left bottom ; background-repeat:no-repeat; margin: 15px 0 0; padding: 0 0px 10px; width: 985px; } .PRS_MISENAVANT .innerParagraphe .contenuParagraphe{ background:url(images/fo/enavant/MEAmid_0col_100.png) repeat-y left top transparent; padding:0 10px; width:965px; } .PRS_MISENAVANT h4{ margin:0; } /*50%G-50%D*/ .PRS_MISENAVANT.PRS_WIDTH_50D, .PRS_MISENAVANT.PRS_WIDTH_50G { background-image:url(images/fo/enavant/MEAtop_0col_50.png); width:480px; } .PRS_MISENAVANT.PRS_WIDTH_50D .innerParagraphe, .PRS_MISENAVANT.PRS_WIDTH_50G .innerParagraphe{ background-image:url(images/fo/enavant/MEAbottom_0col_50.png); width: 475px; } .PRS_MISENAVANT.PRS_WIDTH_50D .innerParagraphe .contenuParagraphe, .PRS_MISENAVANT.PRS_WIDTH_50G .innerParagraphe .contenuParagraphe{ background:url(images/fo/enavant/MEAmid_0col_50.png) repeat-y left top transparent; padding:0 10px; width:455px; } /*65%G - 65%D*/ .PRS_MISENAVANT.PRS_WIDTH_65G { background-image:url(images/fo/enavant/MEAtop_0col_65.png); width:596px; margin-right:0; padding-right:0; } .PRS_MISENAVANT.PRS_WIDTH_65D { background-image:url(images/fo/enavant/MEAtop_0col_65.png); width:596px; margin-left:0; padding-left:0; } .PRS_MISENAVANT.PRS_WIDTH_65D .innerParagraphe, .PRS_MISENAVANT.PRS_WIDTH_65G .innerParagraphe{ background-image:url(images/fo/enavant/MEAbottom_0col_65.png); width: 591px; } .PRS_MISENAVANT.PRS_WIDTH_65D .innerParagraphe .contenuParagraphe, .PRS_MISENAVANT.PRS_WIDTH_65G .innerParagraphe .contenuParagraphe{ background:url(images/fo/enavant/MEAmid_0col_65.png) repeat-y left top transparent; padding:0 10px; width:571px; } /*35%G - 35%D*/ .PRS_MISENAVANT.PRS_WIDTH_35G, .PRS_MISENAVANT.PRS_WIDTH_35D { background-image:url(images/fo/enavant/MEAtop_0col_35.png); width:355px; } .PRS_MISENAVANT.PRS_WIDTH_35D .innerParagraphe, .PRS_MISENAVANT.PRS_WIDTH_35G .innerParagraphe { background-image:url(images/fo/enavant/MEAbottom_0col_35.png); width: 350px; } .PRS_MISENAVANT.PRS_WIDTH_35D .innerParagraphe .contenuParagraphe, .PRS_MISENAVANT.PRS_WIDTH_35G .innerParagraphe .contenuParagraphe{ background:url(images/fo/enavant/MEAmid_0col_35.png) repeat-y left top transparent; padding:0 10px; width:330px; } /*33%G - 33%C - 33%D*/ .PRS_MISENAVANT.PRS_WIDTH_33G, .PRS_MISENAVANT.PRS_WIDTH_33C, .PRS_MISENAVANT.PRS_WIDTH_33D { background-image:url(images/fo/enavant/MEAtop_0col_33.png); width:320px; } .PRS_MISENAVANT.PRS_WIDTH_33G, .PRS_MISENAVANT.PRS_WIDTH_33C { margin-right:15px; } .PRS_MISENAVANT.PRS_WIDTH_33G .innerParagraphe, .PRS_MISENAVANT.PRS_WIDTH_33C .innerParagraphe, .PRS_MISENAVANT.PRS_WIDTH_33D .innerParagraphe { background-image: url(images/fo/enavant/MEAbottom_0col_33.png); width: 315px; } .PRS_MISENAVANT.PRS_WIDTH_33D .innerParagraphe .contenuParagraphe, .PRS_MISENAVANT.PRS_WIDTH_33C .innerParagraphe .contenuParagraphe, .PRS_MISENAVANT.PRS_WIDTH_33G .innerParagraphe .contenuParagraphe{ background:url(images/fo/enavant/MEAmid_0col_33.png) repeat-y left top transparent; padding:0 10px; width:295px; } /*Avec 2 colonnes*/ /*100%*/ #coreContenuCentral .PRS_MISENAVANT { background-image:url(images/fo/enavant/MEAtop_2col_100.png); background-position:left top ; background-repeat:no-repeat; width: 582px; } #coreContenuCentral .PRS_MISENAVANT .innerParagraphe{ background-image:url(images/fo/enavant/MEAbottom_2col_100.png); margin: 15px 0 0; padding: 0 0px 10px; width: 577px; } #coreContenuCentral .PRS_MISENAVANT .innerParagraphe .contenuParagraphe{ background:url(images/fo/enavant/MEAmid_2col_100.png) repeat-y left top transparent; padding:0 10px; width:557px; } /*50%G-50%D*/ #coreContenuCentral .PRS_MISENAVANT.PRS_WIDTH_50D, #coreContenuCentral .PRS_MISENAVANT.PRS_WIDTH_50G { background-image:url(images/fo/enavant/MEAtop_2col_50.png); width:280px; } #coreContenuCentral .PRS_MISENAVANT.PRS_WIDTH_50D .innerParagraphe, #coreContenuCentral .PRS_MISENAVANT.PRS_WIDTH_50G .innerParagraphe { background-image:url(images/fo/enavant/MEAbottom_2col_50.png); width: 275px; } #coreContenuCentral .PRS_MISENAVANT.PRS_WIDTH_50G .innerParagraphe .contenuParagraphe, #coreContenuCentral .PRS_MISENAVANT.PRS_WIDTH_50D .innerParagraphe .contenuParagraphe{ background:url(images/fo/enavant/MEAmid_2col_50.png) repeat-y left top transparent; padding:0 10px; width:255px; } /*65%G - 65%D*/ #coreContenuCentral .PRS_MISENAVANT.PRS_WIDTH_65G { background-image:url(images/fo/enavant/MEAtop_2col_65.png); width:360px; margin-right:0px; padding-right:0; } #coreContenuCentral .PRS_MISENAVANT.PRS_WIDTH_65D { background-image:url(images/fo/enavant/MEAtop_2col_65.png); width:360px; margin-left:0px; padding-left:0; } #coreContenuCentral .PRS_MISENAVANT.PRS_WIDTH_65D .innerParagraphe, #coreContenuCentral .PRS_MISENAVANT.PRS_WIDTH_65G .innerParagraphe{ background-image:url(images/fo/enavant/MEAbottom_2col_65.png); width: 355px; } #coreContenuCentral .PRS_MISENAVANT.PRS_WIDTH_65G .innerParagraphe .contenuParagraphe, #coreContenuCentral .PRS_MISENAVANT.PRS_WIDTH_65D .innerParagraphe .contenuParagraphe{ background:url(images/fo/enavant/MEAmid_2col_65.png) repeat-y left top transparent; padding:0 10px; width:335px; } /*35%G - 35%D*/ #coreContenuCentral .PRS_MISENAVANT.PRS_WIDTH_35G, #coreContenuCentral .PRS_MISENAVANT.PRS_WIDTH_35D { background-image:url(images/fo/enavant/MEAtop_2col_35.png); width:200px; } #coreContenuCentral .PRS_MISENAVANT.PRS_WIDTH_35D .innerParagraphe, #coreContenuCentral .PRS_MISENAVANT.PRS_WIDTH_35G .innerParagraphe{ background-image:url(images/fo/enavant/MEAbottom_2col_35.png); width: 195px; } #coreContenuCentral .PRS_MISENAVANT.PRS_WIDTH_35G .innerParagraphe .contenuParagraphe, #coreContenuCentral .PRS_MISENAVANT.PRS_WIDTH_35D .innerParagraphe .contenuParagraphe{ background:url(images/fo/enavant/MEAmid_2col_35.png) repeat-y left top transparent; padding:0 10px; width:175px; } /*33%G - 33%C - 33%D*/ #coreContenuCentral .PRS_MISENAVANT.PRS_WIDTH_33G, #coreContenuCentral .PRS_MISENAVANT.PRS_WIDTH_33C, #coreContenuCentral .PRS_MISENAVANT.PRS_WIDTH_33D { background-image:url(images/fo/enavant/MEAtop_2col_33.png); width:180px; } #coreContenuCentral .PRS_MISENAVANT.PRS_WIDTH_33G, #coreContenuCentral .PRS_MISENAVANT.PRS_WIDTH_33C { margin-right:21px; } #coreContenuCentral .PRS_MISENAVANT.PRS_WIDTH_33G .innerParagraphe, #coreContenuCentral .PRS_MISENAVANT.PRS_WIDTH_33C .innerParagraphe, #coreContenuCentral .PRS_MISENAVANT.PRS_WIDTH_33D .innerParagraphe { background-image:url(images/fo/enavant/MEAbottom_2col_33.png); width: 175px; } #coreContenuCentral .PRS_MISENAVANT.PRS_WIDTH_33G .innerParagraphe .contenuParagraphe, #coreContenuCentral .PRS_MISENAVANT.PRS_WIDTH_33C .innerParagraphe .contenuParagraphe, #coreContenuCentral .PRS_MISENAVANT.PRS_WIDTH_33D .innerParagraphe .contenuParagraphe{ background:url(images/fo/enavant/MEAmid_2col_33.png) repeat-y left top transparent; padding:0 10px; width:155px; } /*Avec Colonne droite uniquement*/ /*100%*/ #coreContenuCentral.sansColGauche .PRS_MISENAVANT { background-image:url(images/fo/enavant/MEAtop_1col_100.png); background-position:left top; background-repeat:no-repeat; width: 848px; } #coreContenuCentral.sansColGauche .PRS_MISENAVANT .innerParagraphe{ background-image:url(images/fo/enavant/MEAbottom_1col_100.png); margin: 15px 0 0; padding: 0 0px 10px; width: 843px; } #coreContenuCentral.sansColGauche .PRS_MISENAVANT .innerParagraphe .contenuParagraphe{ background:url(images/fo/enavant/MEAmid_1col_100.png) repeat-y left top transparent; padding:0 10px; width:823px; } /*50%G-50%D*/ #coreContenuCentral.sansColGauche .PRS_MISENAVANT.PRS_WIDTH_50D, #coreContenuCentral.sansColGauche .PRS_MISENAVANT.PRS_WIDTH_50G { background-image:url(images/fo/enavant/MEAtop_1col_50.png); width:410px; } #coreContenuCentral.sansColGauche .PRS_MISENAVANT.PRS_WIDTH_50D .innerParagraphe, #coreContenuCentral.sansColGauche .PRS_MISENAVANT.PRS_WIDTH_50G .innerParagraphe{ background-image:url(images/fo/enavant/MEAbottom_1col_50.png); width: 405px; } #coreContenuCentral.sansColGauche .PRS_MISENAVANT.PRS_WIDTH_50D .innerParagraphe .contenuParagraphe, #coreContenuCentral.sansColGauche .PRS_MISENAVANT.PRS_WIDTH_50G .innerParagraphe .contenuParagraphe{ background:url(images/fo/enavant/MEAmid_1col_50.png) repeat-y left top transparent; padding:0 10px; width:385px; } /*65%G - 65%D*/ #coreContenuCentral.sansColGauche .PRS_MISENAVANT.PRS_WIDTH_65G { background-image:url(images/fo/enavant/MEAtop_1col_65.png); width:535px; } #coreContenuCentral.sansColGauche .PRS_MISENAVANT.PRS_WIDTH_65D { background-image:url(images/fo/enavant/MEAtop_1col_65.png); width:535px; } #coreContenuCentral.sansColGauche .PRS_MISENAVANT.PRS_WIDTH_65D .innerParagraphe, #coreContenuCentral.sansColGauche .PRS_MISENAVANT.PRS_WIDTH_65G .innerParagraphe{ background-image:url(images/fo/enavant/MEAbottom_1col_65.png); width: 530px; } #coreContenuCentral.sansColGauche .PRS_MISENAVANT.PRS_WIDTH_65D .innerParagraphe .contenuParagraphe, #coreContenuCentral.sansColGauche .PRS_MISENAVANT.PRS_WIDTH_65G .innerParagraphe .contenuParagraphe{ background:url(images/fo/enavant/MEAmid_1col_65.png) repeat-y left top transparent; padding:0 10px; width:510px; } /*35%G - 35%D*/ #coreContenuCentral.sansColGauche .PRS_MISENAVANT.PRS_WIDTH_35G, #coreContenuCentral.sansColGauche .PRS_MISENAVANT.PRS_WIDTH_35D { background-image:url(images/fo/enavant/MEAtop_1col_35.png); width:300px; } #coreContenuCentral.sansColGauche .PRS_MISENAVANT.PRS_WIDTH_35D .innerParagraphe, #coreContenuCentral.sansColGauche .PRS_MISENAVANT.PRS_WIDTH_35G .innerParagraphe{ background-image:url(images/fo/enavant/MEAbottom_1col_35.png); width: 295px; } #coreContenuCentral.sansColGauche .PRS_MISENAVANT.PRS_WIDTH_35D .innerParagraphe .contenuParagraphe, #coreContenuCentral.sansColGauche .PRS_MISENAVANT.PRS_WIDTH_35G .innerParagraphe .contenuParagraphe{ background:url(images/fo/enavant/MEAmid_1col_35.png) repeat-y left top transparent; padding:0 10px; width:275px; } /*33%G - 33%C - 33%D*/ #coreContenuCentral.sansColGauche .PRS_MISENAVANT.PRS_WIDTH_33G, #coreContenuCentral.sansColGauche .PRS_MISENAVANT.PRS_WIDTH_33C, #coreContenuCentral.sansColGauche .PRS_MISENAVANT.PRS_WIDTH_33D { background-image:url(images/fo/enavant/MEAtop_1col_33.png); width:270px; } #coreContenuCentral.sansColGauche .PRS_MISENAVANT.PRS_WIDTH_33G, #coreContenuCentral.sansColGauche .PRS_MISENAVANT.PRS_WIDTH_33C { margin-right:19px; } #coreContenuCentral.sansColGauche .PRS_MISENAVANT.PRS_WIDTH_33G .innerParagraphe, #coreContenuCentral.sansColGauche .PRS_MISENAVANT.PRS_WIDTH_33C .innerParagraphe, #coreContenuCentral.sansColGauche .PRS_MISENAVANT.PRS_WIDTH_33D .innerParagraphe { background-image:url(images/fo/enavant/MEAbottom_1col_33.png); width: 265px; } #coreContenuCentral.sansColGauche .PRS_MISENAVANT.PRS_WIDTH_33D .innerParagraphe .contenuParagraphe, #coreContenuCentral.sansColGauche .PRS_MISENAVANT.PRS_WIDTH_33C .innerParagraphe .contenuParagraphe, #coreContenuCentral.sansColGauche .PRS_MISENAVANT.PRS_WIDTH_33G .innerParagraphe .contenuParagraphe{ background:url(images/fo/enavant/MEAmid_1col_33.png) repeat-y left top transparent; padding:0 10px; width:245px; } .PRS_MISENAVANT h3{ color:#928d8b; font-size:16px; font-weight:bold; margin-top:0; } .PRS_WIDTH_50G { width: 48%; padding: 0; margin:0; float: left; clear:none; } .PRS_WIDTH_50D { width: 48%; padding: 0; margin:0; float: right; clear:none; } .PRS_ACTUALITE h3{ background: url(images/titreactu.gif) right bottom no-repeat transparent; color: #000000; font-size: 19px; margin-left: 15px; padding: 0 0 13px; text-align: left; width: 340px; font-family: 'EurostileRegular'; } .PRS_ACTUALITE h4{ color:#8e8885; font-size:13px; margin:0; } .PRS_ACTUALITE p{ margin:0 0 10px; } .PRS_ACTUALITE { text-align: right; } .liens_flashactu{ text-decoration: underline; } /* ============================================================================= * Styles éditeur * ===========================================================================*/ .bloc_chevron { display:block; background: url(images/fond_conseilguide.gif) right bottom no-repeat transparent; } .bloc_texte{ display:inline; background-color:#fff; line-height: 14px; } .toutes_les_actus{ background: url(images/touteslesactu.gif) right bottom no-repeat transparent; padding:0 16px 0 0; display: block; } a.toutes_les_actus, .toutes_les_actus a{ border-bottom: 1px dashed!important; color: #8E8885!important; text-decoration: none!important; font-family: 'EurostileRegular'; font-weight:bold; font-size: 14px; display: inline; } a.toutes_les_actus:hover, .toutes_les_actus a:hover{ border-bottom: 0!important; } .titre_souligne{ background: transparent url(images/fo/titre_souligne.gif) repeat-x left bottom; margin-bottom: 10px; padding-bottom: 12px; } .gris_clair { font-size:18px; font-weight:none; color:#9d9895; } /* ============================================================================= * TEMPLATE ACTIVITE * ===========================================================================*/ .tpl_activite { width: 824px; } .tpl_activite .categorie { overflow: hidden; } .tpl_activite .nav a:hover{ text-decoration: none; } /* ACTIVITE - NIVEAUX */ .tpl_activite .niveaux { background: url("images/fo/activite/activite_navNiveaux.png") no-repeat scroll left bottom #FF9F26; color: #FFFFFF; float: right; margin: 0; min-height: 120px; padding: 15px 10px; text-align: left; width: 136px; } .tpl_activite .niveaux p { margin: 0 0 10px 0; } .tpl_activite .niveaux strong { font-size: 16px; } /* ACTIVITE - NAVIGATION */ .tpl_activite .catnav { overflow: hidden; } .tpl_activite .catnav .nav { float: left; height: 150px; margin: 0 7px 0 0; width: 159px; } .tpl_activite .catnav .nav span { color: #F1991B; display: block; font-size: 14px; font-weight: bold; padding: 5px 25px 0 10px; text-align: left; } .tpl_activite .catnav .nav1 { background: url("images/fo/activite/activite_nav1.png") no-repeat scroll left bottom #FFFFFF; } .tpl_activite .catnav .nav2 { background: url("images/fo/activite/activite_nav2.png") no-repeat scroll left bottom #FFFFFF; } .tpl_activite .catnav .nav3 { background: url("images/fo/activite/activite_nav3.png") no-repeat scroll left bottom #FFFFFF; } .tpl_activite .catnav .nav4 { background: url("images/fo/activite/activite_nav4.png") no-repeat scroll left bottom #FFFFFF; } /* ACTIVITE - MENU */ .tpl_activite .actMenu { float: left; margin: 0 10px 0 0; padding: 20px 0; width: 190px; } .tpl_activite .actText { float: left; width: 450px; } /* Le blog commentaire */ .gpp_commentaire { margin:5px; } .gpp_commentaire dl { width:100%; } .gpp_commentaire dt { padding:5px; margin:10px 0 0 0; border-top:1px solid #70644C; text-align:right; } .gpp_commentaire dd { padding:5px; margin:0 0 10px 0; } /* ACTIVITE - NOS LABELS */ .tpl_activite h4 { background: url("images/fo/activite/activite_h4Bordure.png") no-repeat scroll left bottom transparent; color: #F1991B; font-size: 17px; padding: 0 0 12px 0; margin-bottom: 0; } .tpl_activite .catlabel h5 { color: #8E8885; font-size: 11px; margin: 0 0 0 140px; } .tpl_activite .catlabel table { border-collapse: collapse; width: 100%; } .tpl_activite .catlabel table td { padding: 0 0 15px 0; vertical-align: top; } .tpl_activite .catlabel table h5 { color: #000000; font-size: 12px; margin: 0; } .tpl_activite .catlabel table h5 strong { color: #8E8885; font-size: 14px; } .tpl_activite .court { width: 650px; } /* ============================================================================= * TEMPLATE IDENTIFICATON * ===========================================================================*/ .tpl_identification #formTplCnn { background: url("images/fo/template/tpl_identification_fond.png") no-repeat scroll left top #E46D54; color: #FFFFFF; height: 130px; padding: 10px 11px; width: 300px; } .tpl_identification #formTplCnn fieldset { margin: 0; min-height: none; padding: 0; } .tpl_identification #formTplCnn fieldset legend { color: #FFFFFF; font-size: 16px; } .tpl_identification #formTplCnn input { width: 162px; } .tpl_identification #formTplCnn input.submit { background: url("images/fo/template/tpl_identification_submit.png") no-repeat scroll left top #733F33; border: 0 none; font-size: 15px; height: 26px; padding: 0 10px 0 0; width: 112px; } .tpl_identification #formTplCnn label { color: #FFFFFF; font-size: 11px; font-weight: bold; padding: 0 7px 0 0; text-align: right; width: 96px; } .tpl_identification #formTplCnn p { color: #FFFFFF; } .tpl_identification #formTplCnn table { border-collapse: collapse; width: 100%; } .tpl_identification #formTplCnn table td { padding: 0; } #div_cnx.commentaire { background: url("images/fo/comment/fond_produit.png") no-repeat scroll left top transparent; height:179px; padding-top:40px; } #div_cnx.commentaire button { margin: 5px 0; } #div_cnx.commentaire #formTplAuthentification{ width:275px; float:left;margin-right: 10px; } #div_cnx.commentaire #formTplAuthentification fieldset{ padding-left: 10px;margin: 0; } #div_cnx.commentaire #formTplAuthentification div { text-align: right;padding-right: 15px; } #div_cnx.commentaire #formTplAuthentification label { white-space: nowrap; } #div_cnx.commentaire #formTplLosePassword { width:150px; float:left; margin-right: 20px; } #div_cnx.commentaire #formTplLosePassword div { text-align: right; } #div_cnx.commentaire #formTplLosePassword button { margin-top:23px; } #div_cnx.commentaire #fieldInscription { width:180px; float:left; } #div_cnx.commentaire #fieldInscription div { text-align: right; } #div_cnx.commentaire #fieldInscription button { margin-top:20px;margin-right:10px; } #bodyOffreBienvenue { background: url("images/fo/fondOffreBienvenue.png") no-repeat scroll left top transparent; } #divContainerForm { position: relative; } #divContainerForm form { position: absolute; top: 122px; left: 26px; } #divContainerForm .submitOB { cursor: pointer; background: url("images/fo/btnOffreBienvenue.png") no-repeat scroll left top transparent; border: none; text-indent: -600px; height: 24px; width: 80px; vertical-align: middle;} #divContainerForm .emailOB { border: 1px solid #58666D; height: 19px; padding: 3px 4px 0 4px; vertical-align: middle; width: 358px; } /* ============================================================================= * TEMPLATE SOMMAIRE PAYS * ===========================================================================*/ .tpl_sommaire_pays{ line-height: 10px; } /* ============================================================================= * TEMPLATE PLAN DU SITE * ===========================================================================*/ .tpl_plansite ul.menu li{ display: inline; padding: 0 10px; text-decoration: underline; } .tpl_plansite ul.menu li.current{ font-weight: bold; text-decoration: none; } /* JEU - MA GRANDE AVENTURE 3 */ body.env_mga_3_x_env_mga_3 .PRS_WIDTH_65G { width: 602px; padding: 0 35px 0 0; float: left; clear:none;} body.env_mga_3_x_env_mga_3 .PRS_WIDTH_35D { width: 349px; padding: 0; float: right; clear:none;} body.env_mga_3_x_env_mga_3 .PRS_WIDTH_65D { width: 602px; padding: 0 0 0 35px; float: right; clear:none;} body.env_mga_3_x_env_mga_3 .PRS_WIDTH_35G { width: 349px; padding: 0; float: left; clear:none;} .mga3Participation {min-height:700px;} .mga3Participation legend { font-size:18px; font-weight:bold; margin:15px 0px 0px; } #mga3ParticipationFormIdentite { background: transparent url(images/fo/mga3/blocIdentiteTop.png) no-repeat top left; width:602px; } #mga3ParticipationFormIdentite fieldset { background: transparent url(images/fo/mga3/blocIdentiteBottom.png) no-repeat bottom left; padding:10px 0px 0px 10px; width:592px; /*602px - 10px (padding-left)*/ } #mga3ParticipationFormIdentite fieldset p { color:black; } #mga3ParticipationFormIdentite fieldset p label { font-style: italic; color:black; width:15%; } #mga3ParticipationFormIdentite fieldset p label.age { margin-left:8%; } #mga3ParticipationFormIdentite fieldset p span.ville, #mga3ParticipationFormIdentite fieldset p span.age { float:left; } #mga3ParticipationFormIdentite fieldset.preview { padding:5px; width:592px; } #mga3ParticipationFormIdentite fieldset.preview legend { display:none; } #mga3ParticipationFormIdentite fieldset.preview .blocPhoto { float:left; margin-right:10px; max-width:144px; } #mga3ParticipationFormIdentite fieldset.preview .blocPhoto img { border:2px solid white; max-width:134px; } #mga3ParticipationFormIdentite fieldset.preview .blocIdentite { float:left; width:444px; } #mga3ParticipationFormIdentite fieldset.preview p { font-size:14px; } #mga3ParticipationFormIdentite fieldset.preview .blocIdentite p { float:left; margin-top:20px; } #mga3ParticipationFormIdentite fieldset.preview button { float:right; margin-top:70px;} #mga3ParticipationFormIdentite fieldset.preview p span { font-size:18px; font-weight:bold; margin: 0px; color:#8E8885; } #mga3ParticipationFormDestination { background: #a09277 url(images/fo/mga3/blocDestinationTop.png) no-repeat top left; width:602px; color:white; } #mga3ParticipationFormDestination fieldset { background: #a09277 url(images/fo/mga3/blocDestinationBottom.png) no-repeat bottom left; padding:10px; width:582px; /*602px - 10px (padding-left) - 10px (padding-right)*/ min-height:0px; } #mga3ParticipationFormDestination fieldset legend { color:white; width:98%; } #mga3ParticipationFormDestination fieldset legend span { font-size:12px; font-weight: normal; font-style:italic; float:right; } #mga3ParticipationFormDestination fieldset label { font-style: italic; color:white; } #mga3ParticipationFormDestination .mga3_accordion { position:relative; margin:0px 0px 5px; padding:0px; } #mga3ParticipationFormDestination .mga3_accordion h3{ padding:0; margin:0; width:478px; height:29px; } /* Destination */ #mga3ParticipationFormDestination #mga3_destination_accordion { z-index:3; position:relative;} #mga3ParticipationFormDestination .mga3_accordion_container { height:280px; position:relative; padding:0; margin:0; width:476px; background:white; border:1px dashed #c4c5bf; } /* Liste des contients dans le moteur de recherche */ .mga3_liste_continent { margin:0px 0px 0px 55px; padding:0; list-style:none; } .mga3_liste_continent li { display:block; float:left; padding:0px 10px; margin:0; text-align:center; height:25px; font-size:13px; color:black; text-decoration:none; font-weight:bold; } .mga3_liste_continent li a { font-size:13px; color:black; text-decoration:none; border-bottom: 1px dashed #000; font-weight:bold; padding:0px;} .mga3_liste_continent li a:hover, .mga3_liste_continent li.selected a { color:#928461; text-decoration:none; border-bottom: none; } .mga3_liste_pays { margin:0; padding:0; list-style:none;} .mga3_liste_pays li { display:block; float:none; padding:0px; background:transparent url(images/fo/recherche/node.png) no-repeat top left; padding-left:10px; font-weight:normal; font-size:11px; color:#799B00; text-align:left; } .mga3_liste_pays li.last { background:transparent url(images/fo/recherche/lastnode.png) no-repeat top left; } .mga3_liste_pays li a { font-size:11px; color:#928461; } .mga3_liste_pays li a:hover { text-decoration:none;} .mga3_liste_pays li.withChild { background:transparent url(images/fo/recherche/vline.png) repeat-y top left; } .mga3_liste_souspays { margin:0; padding:0; list-style:none; } .mga3_liste_souspays li { display:block; float:none; padding:0px; background:transparent url(images/fo/recherche/node.png) no-repeat top left; padding-left:10px; font-size:11px; color:grey; } .mga3_liste_souspays li.last { background:transparent url(images/fo/recherche/lastnode.png) no-repeat top left; } .mga3_liste_souspays li a { font-size:11px; color:#8e8e8e; } #mga3ParticipationFormDestination .itemInner strong { color:black; font-size:12px; } /** Navigation */ #mga3_destination_container .mga3_navi { height:24px; } #mga3_destination_container .mga3_navi a, #mga3_destination_container .mga3_navi a.active { width:8px; height:8px; float:left; margin:13px 3px 3px; background:url('images/fo/mga3/rondVide.png') 0 0 no-repeat; display:block; font-size:1px; border:none; } #mga3_destination_container .mga3_navi a:hover { background:url('images/fo/mga3/rondPlein.png') 0 0 no-repeat; border:none;} #mga3_destination_container .selected .mga3_navi a { width:8px; height:8px; float:left; background:url('images/fo/mga3/rondVide.png') 0 0 no-repeat; display:block; font-size:1px; } #mga3_destination_container .selected .mga3_navi a:hover { background:url('images/fo/mga3/rondPlein.png') 0 0 no-repeat; } #mga3_destination_container .selected .mga3_navi a.active, #mga3_destination_container .selected .mga3_navi a.active:hover { margin-top:3px; background:url('images/fo/mga3/rondSelected.png') 0 0 no-repeat; width:16px; height:24px; } /* root element for the scrollable. when scrolling occurs this element stays still. */ #mga3_destination_container .scrollable { /* required settings */ position:relative; overflow:hidden; float:left; margin:12px 5px 5px; background:#fefefe url('images/fo/mga3/sousContinentContainer.png') no-repeat top left; width:429px; height:232px; padding:5px 15px; } /* root element for scrollable items. Must be absolutely positioned and it should have a extremely large width to accommodate scrollable items. it's enough that you set width and height for the root element and not for this element. */ #mga3_destination_container .scrollable .items { /* this cannot be too large */ width:20000em; position:absolute; } /* a single item. must be floated in horizontal scrolling. typically, this element is the one that *you* will style the most. */ #mga3_destination_container .items div { float:left; margin-left:6px; } #mga3_destination_container div.itemInner { width: 136px; display:block; padding:0px; } #mga3_destination_container .scrollable_souscontinent_prev{ width:13px; float:left; margin:200px 0 0; padding:0px; } #mga3_destination_container .scrollable_souscontinent_next{ width:13px; float:right; margin:200px 0 0; padding:0px; } a.browse { cursor: pointer; } #mga3ParticipationFormDestination .mga3_destination_selected_criteria { position:absolute; right:10px; top:5px; } #mga3ParticipationFormDestination .mga3_destination_selected_criteria_label { color:#50492c; font-size:12px; font-weight:bold; line-height:16px; padding:1px 20px 3px 2px; background: #ffffff url(images/fo/mga3/btnSupprimerSelection.png) no-repeat 100% 4px; text-decoration:none; } #mga3ParticipationFormDestination .mga3_destination_selected_infobulle { background: transparent url(images/fo/mga3/supprimerSelection.png) no-repeat top left; position:absolute; width:135px; height:31px; display:none; right:-2px; top:9px; } #mga3ParticipationFormDestination .geolocLatLng { display:none; } #mga3ParticipationFormDestination .blocTitre { clear:both; } #mga3ParticipationFormDestination .blocTitre label { width:40px; } #mga3ParticipationFormDestination .blocTitre input { width:205px;} #mga3ParticipationFormDestination .blocTitre em { color:white; float:right; margin:0px 20px 0px 0px; padding:0px;} #mga3ParticipationFormDestination .blocPays { clear:both;} #mga3ParticipationFormDestination .blocPays label { width:50px; float:left; } /*#mga3ParticipationFormDestination .blocPays .mga3_accordion { float:left; width:478px;}*/ #mga3ParticipationFormDestination .blocPays #blocDestination { float:left; width:478px; } #mga3ParticipationFormDestination .blocCarte { clear:both; margin-left:50px;} #mga3ParticipationFormDestination .blocCarte label { width:98%; } #mga3ParticipationFormDestination .blocCarte textarea { width:476px; height:90px; } #mga3ParticipationFormDestination #mga3Map { width:468px; height:270px; margin:4px; } #mga3ParticipationFormDestination .blocMedia { width:540px; background: transparent url(images/fo/mga3/separateurMedia.png) repeat-x top left; margin:10px 0px; padding:10px 15px; } #mga3ParticipationFormDestination .uploadifyQueue { color: #5F5F5F; } #mga3ParticipationFormDestination .blocMedia textarea { width:540px; height:60px; } #mga3ParticipationFormDestination .blocMedia button { float:left; } #mga3ParticipationFormDestination .blocMedia #mga3ImageUploadUploader { float:left; } #mga3ParticipationFormDestination .blocMedia #mga3UploadQueueInfo { display:none; float:right; color:white; width:130px; } .tpl_mga3_com_liste h3 {color:#000;background : transparent url("images/fo/mga3/souslignement.jpg") 0 bottom repeat-x;font-weight: bold;margin-top: 0;padding-bottom: 17px;} .tpl_mga3_com_liste strong {color:#8E8985;} .tpl_mga3_com_liste strong em {font-weight:normal;} .tpl_mga3_com_liste .comDate {float:right;color:#AFA282;margin:0 5px} .tpl_mga3_com_liste p {margin-top:5px;} .tpl_mga3_com_liste a {color:#8E8985;text-decoration:none;} .tpl_mga3_com_liste a:hover {text-decoration:underline;} .tpl_mga3_com_liste em a {color:#000000;} .tpl_mga3_com_liste a.allCom {font-weight:bold;font-size:12px;background: url(images/fo/mga3/touslescommentaires.gif) right top no-repeat transparent;padding-right:15px;} .tpl_mga3_partage img.nospartenaires {border:none} .tpl_mga3_partage a.reglement {color:#8C8784;text-decoration:none;font-weight:bold;font-size:12px;background: url(images/fo/mga3/reglement.gif) right top no-repeat transparent;padding-right:15px;} .tpl_mga3_partage a.reglement:hover {text-decoration:underline;} .mga3VoteValid .partage_social, .tpl_mga3_partage .partage_social {margin:0 auto;line-height: 40px;height: 40px;width: 210px;background: transparent url(images/fo/mga3/fondPartager.png) no-repeat top left;} .mga3VoteValid .partage_social strong, .tpl_mga3_partage .partage_social strong {color:#8A8582;margin:0 0 0 25px;} .mga3VoteValid .partage_social img.item, .tpl_mga3_partage .partage_social img.item {vertical-align: middle;} .mga3VoteValid .googleplus, .tpl_mga3_partage .googleplus {display: inline-block;vertical-align: middle;} .mga3VoteValid p, .tpl_mga3_partage p {padding:0;margin-top:0} .tpl_mga3_carte_destination {margin:10px 0 20px 0} .tpl_mga3_carte_destination #mga3_gmaps {width:600px;height:330px;} .tpl_mga3_carte_destination .allDest {left: 450px;position: relative;top: 300px;} .tpl_mga3_carte_destination .allDest a {color:#9E8974;font-weight:bold;font-size:12px;background: url(images/fo/mga3/alldest.gif) right top no-repeat transparent;padding-right:15px;} .mga3Presentation { width:602px; } .mga3Presentation .identiteContainer { position:relative;background: transparent url(images/fo/mga3/blocIdentiteTop.png) no-repeat top left; padding:5px 0px; width:600px; min-height:130px; } .mga3Presentation .identiteContainerInner { background: transparent url(images/fo/mga3/blocIdentiteBottom.png) no-repeat bottom left; padding:10px 0px 0px 10px; width:592px; } .mga3Presentation .identiteContainer.horslice { opacity : 0.4; -moz-opacity : 0.4; -ms-filter: "alpha(opacity=40)"; /* IE 8 */ filter : alpha(opacity=40); /* IE < 8 */ } .mga3Presentation .blocVoteContainer {position: absolute; right:-2px;top:-1px;margin:0;padding:0;width:116px;height:37px;z-index:200;} .mga3Presentation .liste .blocItem .blocVote a {border:none;display: block;width:116px;height:37px;text-decoration:none!important;} .mga3Presentation .blocVote {position: relative;} .mga3Presentation .blocVote span {position:absolute;top:0;left:3px;text-align:center;width:30px;} .mga3Presentation .blocVote span.moins {color: #E28900;top: 5px;} .mga3Presentation .blocVote span.plus {color: #B1C453;top: 22px;} .mga3Presentation .blocPhoto { float:left; margin-right:10px; max-width:144px; } .mga3Presentation .blocPhoto img { border:2px solid white; max-width:134px; } .mga3Presentation .blocIdentite { float:left; width:444px; } .mga3Presentation p { font-size:14px; } .mga3Presentation .identitePresentation { margin: 15px 0px 0px; } .mga3Presentation .identitePresentation span { font-size:18px; font-weight:bold; color:#8E8885; line-height:18px; } .mga3Presentation h1.titrePresentation { font-size:12px; } .mga3Presentation .lieuPresentation { font-size:16px; font-style:italic; } .mga3Presentation .partage_social { float: right; color:#8E8885; font-size:15px;font-weight:bold;margin:5px;line-height: 40px;height: 40px;} .mga3Presentation .partage_social img.item {vertical-align: middle;} .mga3Presentation .googleplus {display: inline-block; vertical-align: middle;} .mga3Presentation .blocCarte { width:602px; height:350px; position:relative; margin:30px 0px; } .mga3Presentation .blocCarte #mga3Map { width:602px; height:350px; } .mga3Presentation .blocCarte #mga3MapTop { width:602px; height:6px; position:absolute; z-index:1; background: transparent url(images/fo/mga3/presentationCarteTop.png) no-repeat top left; top:0px; left:0px; } .mga3Presentation .blocCarte #mga3MapBottom {width:602px; height:5px; position:absolute; z-index:1; background: transparent url(images/fo/mga3/presentationCarteBottom.png) no-repeat top left; bottom:0px; left:0px;} .mga3Presentation .blocArgumentation h4 {color:#9fba1d; margin-bottom:20px;} .mga3Presentation .blocArgumentation p { font-size:12px; margin-bottom:20px; } .mga3PresentationMedia { width:349px; } .mga3PresentationMedia .preview{ width:280px ; } .mga3PresentationMedia .playIcon{ left: 50%; top: 50%; position: absolute; width: 98px!important; height:98px!important; margin-left: -49px; margin-top: -49px; } .mga3PresentationMedia .video {position: relative;} .mga3PresentationMedia .video img {width:339px;} .mga3PresentationMedia .diaporama { width: 340px; margin-bottom:30px; } .mga3PresentationMedia .diaporama .diaporamaThumbContainer { position:relative; width:340px;display:block;text-align:center;} .mga3PresentationMedia .diaporama .diaporamaThumbContainer img.lancerDiaporama{ position:absolute; width:339px; height:22px; bottom:0px; left:1px; } .mga3PresentationMedia p.horslice {font-weight:bold;color:#8E8985;padding:0;margin:0;text-align: center;} .mga3PresentationMedia p.votezpourmoi {text-align:right} .mga3AventurierListe {min-height:700px;} .mga3AventurierListe .liste { width:100%; } .mga3AventurierListe .liste .blocItem {position:relative;background: transparent url(images/fo/mga3/listItem.png) no-repeat top left; padding:10px 10px 5px; width:582px; height:127px; overflow: hidden; margin-bottom:20px; } .mga3AventurierListe .liste .blocItem.horslice { opacity : 0.4; -moz-opacity : 0.4; -ms-filter: "alpha(opacity=40)"; /* IE 8 */ filter : alpha(opacity=40); /* IE < 8 */ } .mga3AventurierListe .liste .blocItem a { color:#ADC926; font-weight: normal; font-size:14px; border-bottom:1px dashed #ADC926; padding:2px; font-family: 'EurostileBold'; } .mga3AventurierListe .liste .blocItem a:hover { text-decoration:none; border-bottom:none; } .mga3AventurierListe #mga3AventurierListeSlindingMenu {width:590px} .mga3AventurierListe .blocVoteContainer {position: absolute; right:-2px;top:-1px;margin:0;padding:0;width:116px;height:37px;z-index:200;} .mga3AventurierListe .liste .blocItem .blocVote a {border:none;display: block;width:116px;height:37px;text-decoration:none!important;} .mga3AventurierListe .blocVote {position: relative;} .mga3AventurierListe .blocVote span {position:absolute;top:0;left:3px;text-align:center;width:30px;} .mga3AventurierListe .blocVote span.moins {color: #E28900;top: 5px;} .mga3AventurierListe .blocVote span.plus {color: #B1C453;top: 22px;} .mga3AventurierListe .liste .blocItem .blocPhoto { float:left; margin-right:10px; max-width:144px; } .mga3AventurierListe .liste .blocItem .blocPhoto img { border:2px solid white; max-width:134px; } .mga3AventurierListe .liste .blocItem .blocPresentation { float:left; width:438px; position:relative; height: 127px; } .mga3AventurierListe .liste .blocItem p { line-height:12px; padding:0px 0px 2px; } .mga3AventurierListe .liste .blocItem .identite { margin:0px; padding:0px; } .mga3AventurierListe .liste .blocItem .identite span { font-size:13px; font-weight:bold; color:#8E8885; line-height:13px; } .mga3AventurierListe .liste .blocItem .liens { text-align:right; position:absolute; width:438px; bottom:0px; right:0px; } .mga3AventurierListe .webwidget_menu_glide .webwidget_menu_glide_sprite { width: auto; height: 20px; position: absolute; background:transparent url('images/fo/mga3/bgMenu.png') top left no-repeat; } .mga3AventurierListe .webwidget_menu_glide .webwidget_menu_glide_sprite div { background:transparent url('images/fo/mga3/bgMenuDroite.png') top right no-repeat; height: 100%; } .mga3AventurierListe .webwidget_menu_glide ul li {padding:0 5px 0 0} .mga3AventurierPopulaire h3 {color:#000;background : transparent url("images/fo/mga3/souslignement.jpg") 0 bottom repeat-x;font-weight: bold;margin-top: 0;padding-bottom: 17px;} .mga3AventurierPopulaire .item { background : transparent url("images/fo/mga3/aventurierPopulaire.png") left bottom no-repeat; width:133px; height:220px; float:left; margin:0px 11px; cursor:pointer; } .mga3AventurierPopulaire .item.first { margin-left:0px;} .mga3AventurierPopulaire .item.last { margin-right:0px;} .mga3AventurierPopulaire .item .blocPhoto {height:100px;margin: 0 auto;text-align:center;vertical-align:middle;display:table-cell;} .mga3AventurierPopulaire .item .blocPhoto img {vertical-align:middle;max-width:130px;max-height:100px} .mga3AventurierPopulaire .item .blocPresentation p {line-height:14px; padding:0px 5px; margin:0px; font-size:13px;text-align:left;} .mga3AventurierPopulaire .item .blocPresentation .identite { margin:0px; color:#8E8885;} .mga3AventurierPopulaire .item .blocPresentation .identite span { font-weight:bold; line-height:14px;} .mga3AventurierEnLice h3 {color:#000;background : transparent url("images/fo/mga3/souslignement.jpg") 0 bottom repeat-x;font-weight: bold;margin-top: 0;padding-bottom: 17px;} .mga3AventurierEnLice .blocItem {background : transparent url("images/fo/mga3/aventurierPopulaire.png") left bottom no-repeat; width:113px; height:220px; float:left; margin:0px 4px; cursor:pointer; } .mga3AventurierEnLice .blocItem.first { margin-left:0px;} .mga3AventurierEnLice .blocItem.last { margin-right:0px;} .mga3AventurierEnLice .blocItem .blocVote {position:relative;} .mga3AventurierEnLice .blocItem .blocVote span {position:absolute;top:0;left:3px;text-align:center;width:30px;} .mga3AventurierEnLice .blocItem .blocVote span.moins {color: #E28900;top: 5px;} .mga3AventurierEnLice .blocItem .blocVote span.plus {color: #B1C453;top: 22px;} .mga3AventurierEnLice .blocItem .blocPhoto {height: 100px;width:113px;margin: 0 auto;text-align:center;vertical-align:middle;display:table-cell;} .mga3AventurierEnLice .blocItem .blocPhoto img {vertical-align:middle;max-width:113px;max-height:100px} .mga3AventurierEnLice .blocItem .blocPresentation p { line-height:14px; padding:0px 5px; margin:0px; font-size:13px;text-align:left;} .mga3AventurierEnLice .blocItem .blocPresentation .identite { margin:0px; color:#8E8885; } .mga3AventurierEnLice .blocItem .blocPresentation .identite span { font-weight:bold; line-height:14px; } .mga3AventurierListe .listeAventuriers, .mga3AventurierEnLice .listeAventuriers, .mga3AventurierPopulaire .listeAventuriers { clear:both; text-align:right; padding-top:15px; } .mga3AventurierListe .listeAventuriers a, .mga3AventurierEnLice .listeAventuriers a, .mga3AventurierPopulaire .listeAventuriers a { font-size:14px; font-weight:bold; color:#b1c453; text-decoration:none; } /* ============================================================================= * TEMPLATE GLOBETREKKEUR * ===========================================================================*/ .tpl_globetrekkeu .label { float: none; } .tpl_globetrekkeur input.radio { width: 20px; } .tpl_globetrekkeur .option { float: left; padding-left: 75px; width: 100%; } .tpl_globetrekkeur div.left { float: left; width: 50%; } .tpl_globetrekkeur div.right { float: right; width: 50%; } .tpl_globetrekkeur p.info, .tpl_globetrekkeur p.action { clear: both; padding-top: 15px; } .tpl_globetrekkeur p.action { text-align: center; }