.container_16{ /* background: url(../images/16_col.gif) repeat-y center center; */ } #line_top{ border-top: solid 2px #000000; } #line_bottom{ margin-top: 20px; border-bottom: solid 1px #000000; } .espace{ height: 20px; background-color: #FFF; font-family: } a{ text-decoration: none; } a:link{ text-decoration: none; color: #999;} a:hover{ text-decoration: underline; } /* --- HEADER --- */ #header { height: 86px; } #entete { height: 70px; background-color: white; padding-top: 17px; font-family: Tahoma, Geneva, sans-serif} #entete #logo { background: url(../images/logo_etapes-marocaines_grand.jpg) no-repeat scroll left top transparent; display: block; height: 39px; width: 255px; margin-top: 0px; text-indent: -1000px; outline:none; } #entete #slogan { background: url(../images/slogan.jpg) no-repeat scroll left top transparent; display: block; height: 20px; width: 245px; margin-top: 0px; text-indent: -1000px; outline:none; } #entete a:hover#slogan { text-decoration: none; } /* --- MENU HEAUDER DROITE --- */ #header #menu-header {height: 86px; background-color: #FFF; } #header #menu-header #trait-separation { background-color: #878787; width: 1px; height: 58px; float: left; margin-top: 14px; margin-left: 10px; } #header #menu-header ul { list-style-type: none; margin-left: 7px; float: right; margin-top: 17px; } #menu-header #temoignages { background: url(../images/menus/menu-header.gif) no-repeat; display: block; height: 17px; width: 81px; text-indent: -10000px; background-position: 0 -17px; margin-bottom: 2px; } #menu-header a#temoignages { background: url(../images/menus/menu-header.gif) no-repeat; display: block; height: 17px; width: 81px; text-indent: -10000px; margin-bottom: 2px; outline: 0; } #menu-header a:hover#temoignages { background: url(../images/menus/menu-header.gif) no-repeat; display: block; height: 17px; width: 81px; text-indent: -10000px; background-position: 0 -17px; outline: 0; } #menu-header a#temoignages-active { background: url(../images/menus/menu-header.gif) no-repeat; display: block; height: 17px; width: 81px; text-indent: -10000px; background-position: 0 -17px; margin-bottom: 2px; outline: 0; } #menu-header #faq { background: url(../images/menus/menu-header.gif) no-repeat; display: block; height: 16px; width: 81px; text-indent: -10000px; background-position: 0 -80px; margin-bottom: 2px; } #menu-header a#faq { background: url(../images/menus/menu-header.gif) no-repeat; display: block; height: 16px; width: 81px; text-indent: -10000px; margin-bottom: 2px; background-position: 0 -64px; outline: 0; } #menu-header a:hover#faq { background: url(../images/menus/menu-header.gif) no-repeat; display: block; height: 16px; width: 81px; text-indent: -10000px; background-position: 0 -80px; outline: 0; } #menu-header a#faq-active { background: url(../images/menus/menu-header.gif) no-repeat; display: block; height: 16px; width: 81px; text-indent: -10000px; background-position: 0 -80px; margin-bottom: 2px; outline: 0; } #menu-header a#contact{ background: url(../images/menus/menu-header.gif) no-repeat; display: block; height: 15px; width: 81px; text-indent: -10000px; background-position: 0 -34px; outline: 0; } #menu-header a#contact-active { background: url(../images/menus/menu-header.gif) no-repeat; display: block; height: 15px; width: 81px; text-indent: -10000px; background-position: 0 -49px; outline: 0; } #menu-header a:hover#contact { background: url(../images/menus/menu-header.gif) no-repeat; display: block; height: 15px; width: 81px; text-indent: -10000px; background-position: 0 -49px; outline: 0; } /* --- MENU GENERAL--- */ #menu-general { height: 27px; color: #FFF; background-color: #2D2D2D;} #menu-general .titre { display: inline; text-transform: uppercase; font-size: 0.9em; margin-left: 10px; } #menu-general .titre a { color: #FFFFFF; } #menu-general .titre a:hover { display: inline; color: #a14423; } .mainnav{ display: block; float: left; height: 23px; margin: 5px 0 0; position: relative; width: 975px; } .mainNav li { float: left; height: 23px; list-style-type: none; text-transform: uppercase; font-size: 1em;} .mainNav li a{ color: #FFF; } #MenuDeroulant { margin: 0; padding: 0; font-size: 1.02em; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; text-transform: uppercase;z-index:2000;} #MenuDeroulant li { float: left; list-style: none; z-index:2000; } #MenuDeroulant li a { display: block; text-decoration: none; margin-right: 35px; color: #FFFFFF; padding-top: 2px; z-index:2000;} #MenuDeroulant li a:hover { color: #A14423; cursor: pointer; z-index:2000;} /* Couleur de fond des titres du menu au survol de la souris (bleu encore plus foncé) */ #MenuDeroulant li ul { margin: 0; padding: 0; position: absolute; visibility: hidden; background-color: yellow; } #MenuDeroulant li ul li { margin: 0; padding: 0; } #MenuDeroulant li ul li a { } /* Couleur de fond des items déroulant du menu (rouge bordeaux) */ #MenuDeroulant li ul li a:hover{ } /* Couleur de fond des items déroulant du menu au survol de la souris(rouge bordeaux encore plus foncé) */ /* --- menu accueil -- */ ul#MenuDeroulant li#NavHome ul { margin-right: 30px; outline: 0; } ul#MenuDeroulant li#NavHome .active-menu a { outline: 0; background-image: url(../images/menus/navigation_sprite.gif); background-position: -160px -54px; background-repeat: no-repeat; height: 21px; width: 14px; display: block; margin-left: 7px; z-index:2000; } #NavHome a{ background-image: url(../images/menus/navigation_sprite.gif); background-position: -146px -54px; background-repeat: no-repeat; height: 21px; width: 14px; display: block; margin-left: 7px; z-index:2000; outline: 0;} #NavHome a:hover{ background-image: url(../images/menus/navigation_sprite.gif); background-position: -160px -54px; background-repeat: no-repeat; height: 21px; width: 14px; display: block; margin-left: 7px; z-index:2000;} /* --- menu voyages -- */ ul#MenuDeroulant li#NavVoyages .active-menu a { background-image:url(../images/menus/navigation_sprite.gif); background-position: -128px -81px; background-repeat: no-repeat; z-index:2000; cursor: default; outline: 0; } ul#MenuDeroulant li#NavVoyages ul { margin: -2px; padding-top: 7px; width: 129px; margin-left: -1px; height: 105px; background-image:none; z-index:2000; background-color: #2D2D2D; margin-right: 0px; outline: 0;} ul#MenuDeroulant li#NavVoyages a{ text-indent: -10000px; background-image:url(../images/menus/navigation_sprite.gif); background-position: 0px -81px; background-repeat: no-repeat; z-index:2000; height: 25px; width:128px; cursor: default; outline: 0; margin-right: 0px; outline: 0;} ul#MenuDeroulant li#NavVoyages a:hover { background-image:url(../images/menus/navigation_sprite.gif); background-position: -128px -81px; background-repeat: no-repeat; z-index:2000; cursor: default; outline: 0;} /* --- menu autotour -- */ ul#MenuDeroulant li#NavVoyages ul li#NavAutotour a{ background-image: url(../images/menus/navvoyages_sprite.gif); height: 23px; width: 128px; background-position: -128px 0px; cursor: pointer; margin-top: -5px; outline: 0; } ul#MenuDeroulant li#NavVoyages ul li#NavAutotour a:hover{ background-image: url(../images/menus/navvoyages_sprite.gif); height: 23px; width: 128px; background-position: 0px 0px; cursor: pointer; margin-top: -5px;} /* --- menu excursion -- */ ul#MenuDeroulant li#NavVoyages ul li#NavExcursion a{ background-image: url(../images/menus/navvoyages_sprite.gif); height: 26px; width: 128px; background-position: -128px -23px; cursor: pointer; outline: 0;} ul#MenuDeroulant li#NavVoyages ul li#NavExcursion a:hover{ background-image: url(../images/menus/navvoyages_sprite.gif); height: 26px; width: 128px; background-position: 0px -23px; cursor: pointer;} /* --- menu randonnee -- */ ul#MenuDeroulant li#NavVoyages ul li#NavRandonee a{ background-image: url(../images/menus/navvoyages_sprite.gif); height: 26px; width: 128px; background-position: -128px -49px; cursor: pointer; outline: 0;} ul#MenuDeroulant li#NavVoyages ul li#NavRandonee a:hover{ background-image: url(../images/menus/navvoyages_sprite.gif); height: 26px; width: 128px; background-position: 0px -49px; cursor: pointer;} /* --- menu sejour -- */ ul#MenuDeroulant li#NavVoyages ul li#NavSejour a{ background-image: url(../images/menus/navvoyages_sprite.gif); height: 39px; width: 128px; background-position: -128px -75px; cursor: pointer; outline: 0;} ul#MenuDeroulant li#NavVoyages ul li#NavSejour a:hover{ background-image: url(../images/menus/navvoyages_sprite.gif); height: 39px; width: 128px; background-position: 0px -75px; cursor: pointer;} /* --- menu coup de coeur -- */ ul#MenuDeroulant li#NavCoupCoeur .active-menu a { text-indent: -10000px; background-image:url(../images/menus/navigation_sprite.gif); width: 141px; height: 27px; background-position: 0px -27px; background-repeat: no-repeat; z-index:2000; outline: 0; } ul#MenuDeroulant li#NavCoupCoeur ul { outline: 0; margin: -2px; padding-top: 9px; width: 151px; margin-bottom: -5px; margin-left: -5px; background-color: #2D2D2D; height: 50px; background-image:none; z-index:2000; margin-right: 0px;} ul#MenuDeroulant li#NavCoupCoeur a{ outline: 0; text-indent: -10000px; background-image:url(../images/menus/navigation_sprite.gif); background-position: 0px 0px; background-repeat: no-repeat; width: 90px; height: 27px; margin-right: 30px; z-index:2000; height: 27px; width: 141px; cursor: default; margin-right: 0px;} ul#MenuDeroulant li#NavCoupCoeur a:hover { text-indent: -10000px; background-image:url(../images/menus/navigation_sprite.gif); background-position: 0px -27px; background-repeat: no-repeat; z-index:2000; cursor: default;} /* --- menu idées de voyage -- */ ul#MenuDeroulant li#NavCoupCoeur ul li#NavIdeesVoyage .active-menu a { outline: 0; background-image: url(../images/menus/navcoupcoeur_sprite.gif); height: 23px; width: 151px; background-position: -151px 0px; margin-top: -5px;} ul#MenuDeroulant li#NavCoupCoeur ul li#NavIdeesVoyage a{ outline: 0; background-image: url(../images/menus/navcoupcoeur_sprite.gif); height: 23px; width: 151px; background-position: 0px 0px; cursor: pointer; margin-top: -7px; } ul#MenuDeroulant li#NavCoupCoeur ul li#NavIdeesVoyage a:hover{ background-image: url(../images/menus/navcoupcoeur_sprite.gif); height: 23px; width: 151px; background-position: -151px 0px; cursor: pointer;} /* --- menu hébergements -- */ ul#MenuDeroulant li#NavCoupCoeur ul li#NavHebergements .active-menu a { outline: 0; background-image: url(../images/menus/navcoupcoeur_sprite.gif); height: 36px; width: 151px; background-position: -151px -23px; } ul#MenuDeroulant li#NavCoupCoeur ul li#NavHebergements a{ outline: 0; background-image: url(../images/menus/navcoupcoeur_sprite.gif); height: 36px; width: 151px; background-position: 0px -23px; cursor: pointer;} ul#MenuDeroulant li#NavCoupCoeur ul li#NavHebergements a:hover{ background-image: url(../images/menus/navcoupcoeur_sprite.gif); height: 36px; width: 151px; background-position: -151px -23px; cursor: pointer;} /* --- menu thèmes -- */ ul#MenuDeroulant li#NavThemes .active-menu a { outline: 0; text-indent: -10000px; background-image:url(../images/menus/navigation_sprite.gif); width: 58px; height: 27px; background-position: -58px -108px; background-repeat: no-repeat; z-index:2000; margin-right: 30px; margin-left: 30px; } ul#MenuDeroulant li#NavThemes ul { outline: 0; margin: -2px; padding-top: 7px; width: 110px; background-color: #2D2D2D; background-image:none; z-index:2000;} ul#MenuDeroulant li#NavThemes a{ outline: 0; margin-right: 30px; margin-left: 30px; text-indent: -10000px; background-image:url(../images/menus/navigation_sprite.gif); background-position: 0px -108px; background-repeat: no-repeat; height: 27px; margin-right: 30px; z-index:2000; width: 58px;} ul#MenuDeroulant li#NavThemes a:hover { text-indent: -10000px; background-image:url(../images/menus/navigation_sprite.gif); width: 58px; height: 27px; background-position: -58px -108px; background-repeat: no-repeat; z-index:2000} /* --- menu agence -- */ ul#MenuDeroulant li#NavAgence .active-menu a { outline: 0; text-indent: -10000px; background-image:url(../images/menus/navigation_sprite.gif); width: 73px; height: 27px; background-position: -73px -54px; background-repeat: no-repeat; z-index:2000; margin-left: 30px; margin-right: 0px; } ul#MenuDeroulant li#NavAgence ul { outline: 0; margin-left: 30px; margin-right: 0px; margin: -2px; padding-top: 7px; width: 73px; background-color: #2D2D2D; background-image:none; z-index:2000;} ul#MenuDeroulant li#NavAgence a{ outline: 0; margin-left: 30px; margin-right: 0px; text-indent: -10000px; background-image:url(../images/menus/navigation_sprite.gif); background-position: 0px -54px; background-repeat: no-repeat; height: 27px; z-index:2000; width: 73px;} ul#MenuDeroulant li#NavAgence a:hover { text-indent: -10000px; background-image:url(../images/menus/navigation_sprite.gif); width: 73px; height: 27px; background-position: -73px -54px; background-repeat: no-repeat; z-index:2000} /* --- menu guides -- */ ul#MenuDeroulant li#NavGuide .active-menu a { outline: 0; text-indent: -10000px; background-image:url(../images/menus/navigation_sprite.gif); background-position: -134px -135px; background-repeat: no-repeat; z-index:2000; } ul#MenuDeroulant li#NavGuide ul { outline: 0; margin: -2px; padding-top: 7px; width: 134px; background-color: #2D2D2D; background-image:none; z-index:2000; } ul#MenuDeroulant li#NavGuide a{ outline: 0; margin-left: 250px; text-indent: -10000px; background-image:url(../images/menus/navigation_sprite.gif); background-position: 0px -135px; background-repeat: no-repeat; width: 134px; height: 27px; margin-right: 0px; z-index:2000; } ul#MenuDeroulant li#NavGuide a:hover { text-indent: -10000px; background-image:url(../images/menus/navigation_sprite.gif); background-position: -134px -135px; background-repeat: no-repeat; z-index:2000; } /* --- SLIDER --- */ #slider{ border-top: solid 2px #000000; border-bottom: solid 1px #000000; height: 352px; } /* --- BANDEAU TITRE HOME --- */ #bandeau_home{ height: 35px; background-color: #edebe8; } #bandeau_home #titre{ text-transform: uppercase; color: #878787; margin-top: 4px; margin-left: 10px; display: inline; font-family: "Trebuchet MS",Arial,Helvetica,sans-serif; font-size: 1.5em; font-weight: normal; } #bandeau_home #titre h1 { display: inline; font-family: "Trebuchet MS",Arial,Helvetica,sans-serif; font-size: 1em; font-weight: normal; color: #878787; } #bandeau_home #legende{ font-size: 0.9em; float: left; height: 16px; width: 253px; text-align: right; margin-top: 9px; margin-right: 10px; font-family: "Times New Roman", Times, serif; color: #2d2d2d; } #bandeau_home #fin{ background-image: url(../images/petit-fleche-home.jpg); height: 35px; width: 17px; display: block; float: right; } /* --- BLOCS GRANDES FLECHES --- */ .sous-titre-bloc { float: left; display: block; margin-left: 10px; } .bloc-type{ width: 177px; float: left; height: 212px; background-color: #edebe8; } .bloc-type .texte{ padding-left: 10px; padding-top: 10px; } .bloc-type .mot{ font-size: 1.7em; text-transform: uppercase; color: #878787; margin-bottom: -8px; display: block; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; } .bloc-type #legende1{ font-size: 0.9em; padding-left: 10px; margin-top: 80px; font-family: "Times New Roman", Times, serif; color: #2d2d2d; } .bloc-type #legende2{ font-size: 0.9em; padding-left: 10px; margin-top: 96px; font-family: "Times New Roman", Times, serif; color: #2d2d2d; } .pointe{ background-image: url(../images/grande-fleche.jpg); width: 43px; height: 212px; float: right; } /* --- VIGNETTES --- */ #grande_vignette_home { background-color: blue; margin-right: 10px;} .espace_grande_vignette_home { background-color: #FFF; width: 20px; float: left; height: 212px; } .grande_vignette_home{ border-top: solid 2px #000000; border-bottom: solid 1px #000000; height: 209px; float: left; width: 220px; display: block; background-color: #FFF; } .grande_vignette_home h2 { font-size: 0.84em; font-family: Arial, Helvetica, sans-serif; font-weight: bold; text-transform: uppercase; color: #a14423; margin-top: 11px; } .grande_vignette_home a { color: #a14423; } .grande_vignette_home p{ font-size: 0.73em; font-family: Arial, Helvetica, sans-serif; color: #878787; margin-top: 13px; } .espace_petite_vignette_home { background-color: #FFF; width: 20px; float: left; height: 212px; } .petite_vignette_home{ border-top: solid 2px #000000; border-bottom: solid 1px #000000; height: 209px; background-color: #FFF; width: 160px; display: block; float: left; } .petite_vignette_home h3 { font-size: 0.84em; font-family: Arial, Helvetica, sans-serif; font-weight: bold; text-transform: uppercase; color: #a14423; margin-top: 9px; } .petite_vignette_home h3 a { color: #a14423; } .petite_vignette_home p{ font-size: 0.73em; font-family: Arial, Helvetica, sans-serif; color: #878787; margin-top: 10px; } /* --- VIDEO --- */ #video{ background-color: #2d2d2d; height: 381px; color: #FFF; width: 580px; display: block; float: left; margin-left: 10px; } #video #visuel { float: left; width: 390px; height: 371px; margin-top:10px; margin-left: 10px; } #video #visuel #grande-video { width: 390px; height: 252px;} #video #visuel #vignettes-video { margin-top: 8px; } #video #visuel #vignettes-video .legende { margin-top: 2px; } #video #visuel #vignettes-video .legende a { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; text-transform: uppercase; color: #FFF; font-size: 0.75em; margin-top: 2px; font-weight: bold; } #video #visuel #vignettes-video #vignette-1 { height: 100px; float: left; } #video #visuel #vignettes-video #vignette-2 { float: left; margin-left: 10px; } #video #visuel #vignettes-video #vignette-3 { float: left; margin-left: 10px; } #video #presentation { width: 180px; height: 381px; float: right; } #video #presentation #titre { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; text-transform: uppercase; font-size: 1.7em; margin-top: 10px; margin-left: 10px; } #video #presentation #texte { color:: #FFF; font-family: "Times New Roman", Times, serif; margin-left: 10px; margin-right: 10px; font-size: 0.9em; margin-top: 10px; } #video #bouton { margin-left: 10px; margin-top: 20px; background-color: #a14423; width: 160px; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; color: #FFF; text-transform: uppercase; } #video #bouton a { margin-left: 6px; color: #FFF;} /* --- ATOUTS --- */ #separation-video { width: 20px; height: 381px; background-color: #FFF; float: left; } #video-droite { background-color: #edebe8; display: block; float: right; width: 340px; height: 381px; margin-right: 10px; } #atouts{ height: 185px; background-color: #edebe8; } #atouts #question{ font-family: "Times New Roman", Times, serif; font-style: italic; margin-left: 10px; padding-top: 10px; } #atouts ul { list-style-image: url(../images/mini-fleche.jpg); margin-top: 9px; } #atouts ul li { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; list-style-position: inside; margin-left: 26px; margin-bottom: 4px; margin-top: 4px; } #atouts #bouton { margin-left: 115px; margin-top: 14px; background-color: #a14423; width: 215px; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; color: #FFF; text-transform: uppercase; } #atouts #bouton a { margin-left: 5px; color: #FFF;} #separation-atouts-nuage { height: 20px; background-color: #FFF; } /* --- NUAGE --- */ #nuage{ height: 103px; background-color: #edebe8; text-transform: uppercase; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; } #nuage #texte{ padding-left: 10px; padding-top: 10px; } #nuage .ligne{ height: 20px; } #nuage .ligne a{ height: 20px; color: #2D2D2D; } #nuage .ligne a:hover{ height: 20px; color: #A14423; text-decoration: none;} #tous-themes { height: 20px; color:#a14423; font-weight: bold;} a#tous-themes { height: 20px; color:#a14423 !important; font-weight: bold; text-decoration: none;} /* --- ACTUALITES --- */ #demande-devis { height: 41px; width: 324px; background-color: #edebe8; font-family: "Times New Roman", Times, serif; text-align: center; font-style: italic; padding-top: 12px; padding-left: 6px; padding-right: 10px; } a#lien-demande-devis { background-image: url(../images/demande-devis.jpg); height: 29px; width: 324px; display: block; } a:hover#lien-demande-devis { background-image: url(../images/demande-devis.jpg); height: 29px; width: 324px; display: block; background-position: 0 -29px; } /* --- ARIANE --- */ #ariane{ font-family:Arial, Helvetica, sans-serif; font-size:0.7em; font-weight: bold; display:block; background-color: #FFF; height: 35px; margin-top: 0px; padding-top: 10px;} #ariane a{ color: #2D2D2D; } #ariane a:hover{ text-decoration: underline; } /* --- BANDEAU TITRE PAGE --- */ #bandeau_page{ height: 35px; background-color: #2d2d2d; margin-top: -10px; } #bandeau_page #titre{ font-size: 1.5em; text-transform: uppercase; color: #FFF; margin-top: 4px; margin-left: 10px; display: inline; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-weight: normal; } #bandeau_page #fin{ background-image: url(../images/petit-fleche-page.jpg); height: 35px; width: 17px; display: block; float: right; } /* --- DESCRIPTION --- */ #description { font-size: 0.8em; font-family:Arial, Helvetica, sans-serif; margin-top: 20px; margin-bottom: 20px; } /* --- COLONNE GAUCHE --- */ #colonne { display: block; background-color: #edebe8; float: left; width:220px; margin-left: 10px; } html>body #colonne { height: 100%; min-height: 580px; } /* --- MENU COLONNE --- */ #colonne #menu { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;} #colonne #menu-facebook { height: 590px; width: 220px; background-color: #FFF; } #colonne #menu .mini-espace{ background-color: #FFF; height: 3px;} #colonne #menu #titre{ height: 37px; } #colonne #menu #titre p{ color: #a14423; text-transform: uppercase; font-size: 1.34em; margin-left: 10px; padding-top: 6px; } #colonne #menu ul { list-style-type: none; } #colonne #menu ul li { height: 36px; width: 220px; display: block; } #colonne #menu ul li a{ background-image:url(../images/background-menu.jpg); background-repeat: no-repeat; height: 31px; width: 192px; display: block; background-position: 0 0; text-decoration: none; color: #2d2d2d; font-size: 1em; text-transform:uppercase;} #colonne #menu ul li a:hover{ background-image:url(../images/background-menu.jpg); background-repeat: no-repeat; height: 31px; width: 192px; display: block; background-position: 0 -36px; text-decoration: none; color: #FFF; font-size: 1em; text-transform:uppercase; } #colonne #nuage { background-color: #edebe8;} #menu .sous-titre{ padding-left: 28px; padding-top: 8px; } #colonne #menu .menu-active{ background-image:url(../images/background-menu.jpg); padding-left: 28px; padding-top: 8px; background-repeat: no-repeat; height: 36px; width: 192px; display: block; background-position: 0 -36px; text-decoration: none; color: #FFF; font-size: 1em; text-transform:uppercase; } .separation_colonne{ background-color: #FFF; height: 20px; } /* --- VIGNETTE CATEGORIES --- */ #corps { display: block; float: right; margin-right: 10px; width: 720px; background-color: #FFF; } #corps .vignette { display:block; float: left; height: 236px; padding-left: 20px; margin-bottom: 23px; width: 220px; } #corps .vignette .texte { width: 220px; float:right; height: 236px; border-top: solid 2px #000000; border-bottom: solid 1px #000000; } #corps .vignette .texte h3 { font-size: 0.84em; font-family: Arial, Helvetica, sans-serif; font-weight: bold; text-transform: uppercase; color: #a14423; margin-top: 9px; } #corps .vignette .texte h3 a { color: #a14423; } #corps .vignette .texte p { font-size: 0.73em; font-family: Arial, Helvetica, sans-serif; color: #878787; margin-top: 10px; } #themes-principaux { height: 212px; width: 720px; } #corps .vignette-themes-principaux { display:block; float: left; height: 209px; padding-left: 20px; margin-bottom: 23px; width: 160px; } #corps .vignette-themes-principaux .texte { width: 160px; float:right; height: 209px; border-top: solid 2px #000000; border-bottom: solid 1px #000000; } #corps .vignette-themes-principaux .texte h3 { font-size: 0.84em; font-family: Arial, Helvetica, sans-serif; font-weight: bold; text-transform: uppercase; color: #a14423; margin-top: 9px; } #corps .vignette-themes-principaux .texte h3 a { color: #a14423; } #corps .vignette-themes-principaux .texte p { font-size: 0.73em; font-family: Arial, Helvetica, sans-serif; color: #878787; margin-top: 10px; } #corps #texte { font-size: 0.8em; font-family: Arial, Helvetica, sans-serif; width:700px; margin-left: 20px; margin-bottom: 20px;} #sur-footer { width: 700px; margin-left:20px; } #sur-footer #trait { margin-top: -1px; margin-bottom: 20px; } #fiche{ background-color:#36F; float:inherit;} #corps p { } #chapeau { width: 700px; margin-left: 20px; font-family: Arial, Helvetica, sans-serif; font-size: 0.8em; margin-top: 20px; margin-bottom: 40px; } /* --- PAGE THEME --- */ #corps .vignette-theme { display:block; float: left; height: 180px; padding-left: 20px; margin-bottom: 23px; width: 220px; } #corps .vignette-theme .texte { width: 220px; float:right; height: 180px; border-top: solid 2px #000000; border-bottom: solid 1px #000000; } #corps .vignette-theme .texte h3 { font-size: 0.84em; font-family: Arial, Helvetica, sans-serif; font-weight: bold; text-transform: uppercase; color: #a14423; margin-top: 9px; } #corps .vignette-theme .texte h3 a { color: #a14423; } #corps .vignette-theme .texte h3 a:hover { color: #a14423; text-decoration: none; } /* --- PAGE EQUIPE --- */ #corps .vignette-membre { display:block; float: left; height: 185px; padding-left: 20px; margin-bottom: 23px; width: 100px; } #corps .vignette-membre .texte { width: 100px; float:right; height: 185px; border-top: solid 2px #000000; border-bottom: solid 1px #000000; } #corps .vignette-membre .texte h3 { font-size: 0.84em; font-family: Arial, Helvetica, sans-serif; font-weight: bold; text-transform: uppercase; color: #a14423; margin-top: 9px; } #corps .vignette-membre .texte h3 a { color: #a14423; } #corps .vignette-membre .texte h3 a:hover { color: #a14423; text-decoration: none; } .mini-skype { float: left; display: inline; } .mini-skype a { float: left; margin-top: 9px; margin-right: 4px; background-image: url(../images/mini-skype.jpg); background-position: 0 0; height: 18px; width: 18px; background-repeat: no-repeat; } .mini-skype a:hover { float: left; margin-top: 9px; margin-right: 4px; background-image: url(../images/mini-skype.jpg); background-position: -18px 0; height: 18px; width: 18px; background-repeat: no-repeat; } .photo-membre { float: left; display: block; height: 336px; width: 220px; margin-bottom: 20px; } .description-membre { float: right; display: block; width: 460px; height: 336px; margin-bottom: 20px; padding-left: 20px; } .description-membre ul { list-style-type: none; margin-top: 10px; } .description-membre a#skype{ background-image: url(../images/icones.jpg); background-position: 0px -60px; height: 29px; width: 30px; display: block; float: left; } .description-membre a #skype:hover{ background-position: -30px -60px; float: left; } .description-membre #legende-skype a{ display: inline; float: left; margin-top: 5px; margin-left: 7px; font-family: "Times New Roman", Times, serif; font-style: italic; font-size: 1.2em; color: #2D2D2D; text-decoration: none; font-weight: bold; } .description-membre #legende-skype a:hover { color: #A14423; } /* --- REASSURANCE --- */ #reassurance { width: 700px; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; text-transform: uppercase; font-size: 0.90em; display:block;} #reassurance #gauche { width:345px; float: left; display: block; text-align: left; } #reassurance #gauche .titre { width:345px; float: left; background-color: #2d2d2d; color: #FFF; cursor: pointer; } #reassurance #gauche .texte { display: inline; float: left; margin-left: 10px; margin-top: 3px; } #reassurance #gauche .fleche{ background-image: url(../images/fleche_droite_reassurance.gif); background-repeat: no-repeat; width: 12px; height: 23px; float: right; } #reassurance #droite { width:345px; float: right; display: block; text-align: right; } #reassurance #droite .titre { width:345px; float: left; background-color: #2d2d2d; color: #FFF; cursor: pointer; } #reassurance #droite .texte { display: inline; float: right; margin-right: 10px; margin-top: 3px; } #reassurance #droite .fleche{ background-image: url(../images/fleche_gauche_reassurance.gif); background-repeat: no-repeat; width: 12px; height: 23px; float: left; } #reassurance #droite #contenu { width:345px; float: left; height: 100px; display: block;} #gauche .arguments{ padding: 0; background-color: #EDEBE8; overflow: hidden; width: 335px; clear: both; } #gauche .arguments .texte{ font-family: Arial, Helvetica, sans-serif; text-transform: none; margin-left: 10px; padding-top: 7px; overflow: hidden; font-size: 0.8em; clear: both; width: 317px; text-align: left; } #gauche .arguments .texte p { margin-bottom: 10px;} #gauche .arguments .texte .ligne{ } #gauche .arguments .texte .mini-fleche{ margin-bottom: 2px; margin-right: 4px; } #droite .arguments{ padding: 0; background-color: #EDEBE8; overflow: hidden; width: 335px; clear: both; float: right; } #droite .arguments .texte{ font-family: Arial, Helvetica, sans-serif; text-transform: none; margin-right: 10px; padding-top: 7px; overflow: hidden; text-align: left; font-size: 0.8em; clear: both; float: left; width: 317px; } #droite .arguments .texte p { margin-bottom: 10px;} #droite .arguments .texte .ligne{ } #droite .arguments .texte .mini-fleche{ margin-bottom: 2px; margin-right: 4px; } #description-type-voyage { margin-left: 10px; width: 940px; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; text-transform: uppercase; font-size: 0.90em; display:block; background-color: green; clear: both;} #description-type-voyage #gauche { width:600px; float: left; display: block; text-align: left; background-color: pink; } #description-type-voyage #gauche .colonne-suite { background-image:url(../images/suite-colonne.jpg); background-repeat: repeat-y; float: left; width: 240px; height: 23px; cursor: default;} #description-type-voyage #gauche .titre { width:940px; float: left; background-color: #2d2d2d; color: #FFF; cursor: pointer; } #description-type-voyage #gauche .texte { display: inline; float: left; margin-top: 3px; padding-left: 10px;} #description-type-voyage #gauche .fleche{ background-image: url(../images/fleche_droite_reassurance.gif); background-repeat: no-repeat; width: 12px; height: 23px; float: right; } #description-type-voyage #gauche .arguments{ padding: 0; background-color: #EDEBE8; overflow: hidden; width: 940px; clear: both; background-image:url(../images/description-type-voyage.jpg); background-repeat: repeat-y; } #description-type-voyage #gauche .arguments .texte{ font-family: Arial, Helvetica, sans-serif; text-transform: none; margin-left: 240px; padding-bottom: 10px; padding-top: 7px; overflow: hidden; font-size: 0.8em; clear: both; width: 670px; text-align: left; } #description-type-voyage #gauche .arguments .texte p { margin-bottom: 10px;} #description-type-voyage #gauche .arguments .texte .ligne{ } #description-type-voyage #gauche .arguments .texte .mini-fleche{ margin-bottom: 2px; margin-right: 4px; } /* --- DEVIS --- */ #devis{ width: 700px; height: 102px; background-image: url(../images/trait_demandez-un-devis.jpg); background-repeat: repeat-x; margin-top: 20px; margin-bottom: 7px;} #devis #tampon { margin-left: 580px; } /* --- TRAIT --- */ #trait{ border-bottom: solid 1px #000000; margin-top: 40px; margin-bottom: 23px; width: 700px; height: 1px; } #trait_page-contenu{ border-bottom: solid 1px #000000; margin-top: 23px; margin-bottom: 23px; width: 700px; height: 1px; } /* --- FICHE PRODUIT--- */ /* --- Structure - Fiche produit --- */ #corps-fiche{ float: right; width:700px; margin-left: 20px; margin-right: 10px; font-family: Arial, Helvetica, sans-serif; display: block; } #corps-infos{ float: left; width:720px; margin-left: 00px; margin-right: 10px; font-family: Arial, Helvetica, sans-serif; display: block; background-color: #FFF; } #corps-infos #listContent { margin-left: 20px; border-bottom: solid 2px #a14423; height: 23px; width: 700px; } #listContent { border-bottom: solid 2px #a14423; height: 23px; } .hidden { display: none; } .onglets { color: #5B4425; list-style-type: none; margin: 0; height: 23px; text-transform: uppercase; font-weight: bold; font-size: 0.8em; } .onglets li { float: left; list-style-type: none; margin-right: 30px; } .active { color: #FFF !important; margin: 0; background-color: #a14423; } .onglets li a { color: #2d2d2d; display: block; text-decoration: none; } .tabContent{ clear: both; } /* --- Onglets - Fiche Produit --- */ #intro{ padding-left: 10px; background-color: #a14423; color: #FFF; width: 51px; height: 19px; cursor: pointer; padding-top: 4px; } #resume{ padding-left: 10px; background-color: #FFF; color: #2d2d2d; width: 63px;height: 19px; cursor: pointer; padding-top: 4px; } #media{ padding-left: 10px; background-color: #FFF; color: #2d2d2d; width: 52px; height: 19px; cursor: pointer; padding-top: 4px; } #hebergement{ padding-left: 10px; background-color: #FFF; color: #2d2d2d; width: 106px; height: 19px; cursor: pointer; padding-top: 4px; } #budget{ padding-left: 10px; background-color: #FFF; color: #2d2d2d; width: 62px; height: 19px; cursor: pointer; padding-top: 4px; } #ensavoirplus{ padding-left: 10px; background-color: #FFF; color: #2d2d2d; width: 92px; height: 19px; cursor: pointer; padding-top: 4px; } #listTitle{ border-bottom: solid 2px #a14423; height: 23px; width: 700px; margin-left: 20px; margin-top: -20px; font-family: Arial, Helvetica, sans-serif; text-transform: uppercase; font-weight: bold;} #listTitleBlack{ border-bottom: solid 2px #2D2D2D; height: 23px; width: 700px; margin-left: 20px; margin-top: -20px; font-family: Arial, Helvetica, sans-serif; text-transform: uppercase; font-weight: bold;} #description { padding-left: 10px; background-color: #a14423; color: #FFF; width: 100px; height: 19px; padding-top: 4px; } #lieux { padding-left: 10px; background-color: #a14423; color: #FFF; width: 49px; height: 19px; padding-top: 4px; font-size: 0.8em; } #notre-selection { padding-left: 10px; background-color: #2D2D2D; color: #FFF; width: 132px; height: 19px; padding-top: 4px; font-size: 0.8em; margin-bottom: 30px; } /* --- Onglets - FAQ --- */ #infospratiques{ padding-left: 10px; width: 130px; height: 19px; padding-top: 4px; } #formalites{ padding-left: 10px; width: 93px;height: 19px; padding-top: 4px; } #transport{ padding-left: 10px; width: 90px; height: 19px; padding-top: 4px; } #famille{ padding-left: 10px; width: 66px; height: 19px; padding-top: 4px; } #hebergement-faq{ padding-left: 10px; width: 107px; height: 19px; padding-top: 4px; } /* --- Contenu fiche produit --- */ #block1{ width: 700px; visibility: visible; position:absolute; font-size: 0.8em; margin-top: 20px; } #block2{ width: 700px; visibility: hidden; position:absolute; font-size: 1px; margin-top: 20px; } #block3{ width: 700px; visibility: hidden; position:absolute; font-size: 1px; margin-top: 20px; } #block4{ width: 700px; visibility: hidden; position:absolute; font-size: 1px; margin-top: 20px; } #block5{ width: 700px; visibility: hidden; position:absolute; font-size: 1px; margin-top: 20px; } #block6{ width: 700px; visibility: hidden; position:absolute; font-size: 1px; margin-top: 20px; } #corps-fiche h2 { color: #a14423; margin-bottom: 2px; font-weight: bold; } #corps-fiche p { margin-bottom: 15px; } ul.liste-contenu { margin-left: 30px; list-style-type:square; margin-top: 3px; margin-bottom: 3px;} ul.liste-sous-contenu { margin-left: 30px; list-style-type:square; margin-top: 3px;} .rouge { color: #A14423; } .ligne-separatrice{ height: 1px; width: 100%; display:block; padding-bottom: 13px; text-align:center; margin: auto; margin-top: 13px;} /* --------- Images Fiche Produit --------- */ #corps-fiche .images{ width: 700px; height: 178px; margin-bottom: 20px; } #corps-fiche .images .gauche{ float: left; } #corps-fiche .images .droite{ float: right; } /* --- FIN STYLES FICHE PRODUIT CONTENU --- */ /* --- FORMULAIRE --- */ #form_contact { width:710px; float:left; margin-left:20px; font-family: Arial,Helvetica,sans-serif; color: #000; } .lien { font-weight: bold; color: #a14423 !important; } #formulaire #legende-champs { font-weight: bold; float: right; color: #000; font-size: 0.8em; margin-top: 0px; margin-bottom: 10px;} #formulaire{ margin:10 0; color:#fff; width:700px; } #formulaire fieldset{ margin:0; padding:0; border:none; background:#FFF; width: 700px; } #formulaire legend{ display:none; } #formulaire p{ } #formulaire .trait {height:1px; margin-bottom:10px; background-color: #CCC; display:block; clear:both; width: 700px;} #formulaire label{ display: block; color: #000; width: 190px; float: left; text-align: right; margin-right: 20px; font-family: Arial, Helvetica, sans-serif; font-size: 0.8em; margin-top: 5px; font-weight: bold; } #formulaire input { width: 332px; border:1px solid #111; background:#FFF; padding:5px 3px; color:#000; display:block; float: left; margin-bottom: 10px; height: 20px; } #formulaire #prefixe{ width: 50px; border:1px solid #111; background:#FFF; padding:5px 3px; color:#000; display:block; float: left; margin-bottom: 10px; margin-right: 10px; height: 20px; } #formulaire #telephone{ width: 264px; border:1px solid #111; background:#FFF; padding:5px 3px; color:#000; display:block; float: left; margin-bottom: 10px; margin-top: 0px; height: 16px; font-family: Arial,Helvetica,sans-serif; font-size: 1.05em; height: 20px; } #formulaire #objetmail { width: 694px; } #formulaire textarea { width: 700px; border: 1px solid #2d2d2d; } #formulaire #button { margin-top: 20px; width: 700px; background-color: #a14423; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; text-transform: uppercase; text-align: center; color: #FFF; font-size: 1.05em; border: none; cursor:pointer; font-weight: bold; height: 30px; margin-bottom: 20px; } #formulaire textarea{ height:125px; overflow:auto; } #formulaire p.submit{ clear: both; text-align:right; } #formulaire #date { width: 294px !important; float: right; } #alerte_form { color: #a14423; font-weight: bold; font-size: 0.8em; font-family: Arial, Helvetica, sans-serif; width: 700px; margin-left: 20px; font-family: Arial, Helvetica, sans-serif; margin-top: -10px; margin-bottom: 40px; text-align: center; text-transform: uppercase; } .minuscule { text-transform: lowercase; } #googlemap #legende { font-size: 0.7em; font-family: Arial, Helvetica, sans-serif; color: #2d2d2d; text-align: center; } #googlemap a#legende { text-decoration: none; color:#2d2d2d; } #adresse-contact { padding-top: 10px; padding-left: 10px; padding-bottom: 10px; font-family: Arial, Helvetica, sans-serif; } #adresse-contact #icone-telephone{ background-image: url(../images/icones-contact.gif); background-position: 0px -90px; height: 29px; width: 30px; float: left; display: block; margin-top: 10px; } #adresse-contact #telephone-reassurance { margin-top: -3px; float: left; margin-left: 7px; margin-top: 17px; font-size: 0.72em;} #adresse-contact #icone-skype{ background-image: url(../images/icones-contact.gif); background-position: 0px -60px; height: 29px; width: 30px; float: left; display: block; margin-top: 10px; } #adresse-contact ul { position: relative; list-style-type: none; font-family: Arial, Helvetica, sans-serif; font-size: 0.72em; margin-top: 8px;} #adresse-contact ul li { float: left; } #adresse-contact #skype { margin-top: -3px; } #adresse-contact a#skype{ background-image: url(../images/icones-contact.gif); background-position: 0px -60px; height: 29px; width: 30px; display: block; float: left; margin-right: 7px; } #adresse-contact a#skype:hover{ background-position: -30px -60px; } #adresse-contact #adresse-skype { float: left; margin-left: 0px; margin-top: 5px; } #adresse-contact #adresse-skype a{ color: #2d2d2d; text-decoration: none !important; } #adresse-contact #adresse-skype a:hover { text-decoration: none; } #adresse-contact a#mail{ margin-right: 7px; margin-top: -2px; background-image: url(../images/icones-contact.gif); background-repeat: no-repeat; background-position: 0px -120px; height: 29px; width: 30px; display: block; float: left; } #adresse-contact a#mail:hover{ background-position: -30px -120px; } #adresse-contact #adresse-mail { margin-top: -3px; float: left; margin-left: 0px; } #adresse-contact #adresse-mail a{ color: #2d2d2d; text-decoration: none !important; } #adresse-contact #adresse-mail a:hover { text-decoration: none; } #adresse-contact #adresse { margin-top: 5px; } #logos-paiement { text-align: center; padding: 15px; } #logo-paybox { margin-top: 15px; } /* --- PAGE CONTENU --- */ #list-mini-titre-red{ border-bottom: solid 2px #A14423; height: 19px; width: 700px; margin-left: 20px; margin-top:4px; font-family: Arial, Helvetica, sans-serif; text-transform: uppercase; font-weight: bold; } #mini-titre-red { display: inline; } #mini-titre-red h2{ font-size: 0.8em; padding-left: 10px; background-color: #A14423; color: #FFF; padding-top: 4px; padding-bottom: 4px; display: inline; padding-right: 10px; } #mini-titre-red h2 a{ color: #FFF; text-decoration: none; } #list-mini-titre-black { border-bottom: solid 2px #2D2D2D; height: 19px; width: 700px; margin-left: 20px; margin-top:4px; font-family: Arial, Helvetica, sans-serif; text-transform: uppercase; font-weight: bold; } #mini-titre-black { display: inline;} #mini-titre-black h2{ font-size: 0.8em; padding-left: 10px; background-color: #2D2D2D; color: #FFF; padding-top: 4px; padding-bottom: 4px; display: inline; padding-right: 10px; } #mini-titre-black h2 a{ color: #FFF; text-decoration: none; } #formulaire-gauche { width: 340px; float: left; margin-right: 20px; margin-bottom: 20px; } #formulaire-droite { width: 340px; float: right; } #list-mini-titre-formulaire-mini { border-bottom: solid 2px #2D2D2D; height: 19px; width: 340px; margin-top:4px; font-family: Arial, Helvetica, sans-serif; text-transform: uppercase; font-weight: bold; margin-bottom: 10px; } #mini-titre-formulaire-mini { font-size: 0.8em; padding-left: 10px; background-color: #2D2D2D; color: #FFF; padding-top: 4px; padding-bottom: 4px; display: inline; padding-right: 10px; } #list-mini-titre-formulaire { border-bottom: solid 2px #2D2D2D; height: 19px; width: 702px; margin-top:4px; font-family: Arial, Helvetica, sans-serif; text-transform: uppercase; font-weight: bold; margin-bottom: 10px; } #mini-titre-formulaire { font-size: 0.8em; padding-left: 10px; background-color: #2D2D2D; color: #FFF; padding-top: 4px; padding-bottom: 4px; display: inline; padding-right: 10px; } #list-mini-titre-liens{ border-bottom: solid 2px #A14423; height: 23px; width: 700px; margin-left: 20px; margin-top: 0px; font-family: Arial, Helvetica, sans-serif; text-transform: uppercase; font-weight: bold; } #mini-titre-liens-utiles-ok { display: inline; } #mini-titre-liens-utiles-ok h2 { font-size: 0.8em; padding-left: 10px; background-color: #A14423; color: #FFF; padding-top: 4px; padding-bottom: 4px; display: inline; padding-right: 10px; } #mini-titre-liens-utiles { display: inline; } #mini-titre-liens-utiles h2 { font-size: 0.8em; padding-left: 10px; background-color: #FFF; color: #2d2d2d; padding-top: 4px; padding-bottom: 4px; display: inline; padding-right: 10px; } #mini-titre-liens-utiles a { color: #2d2d2d; text-decoration: none; } #mini-titre-liens-partenaires-ok { display: inline; } #mini-titre-liens-partenaires-ok h2 { margin-left: 30px; font-size: 0.8em; padding-left: 10px; background-color: #A14423; color: #FFF; padding-top: 4px; padding-bottom: 4px; display: inline; padding-right: 10px; } #mini-titre-liens-partenaires { display: inline; } #mini-titre-liens-partenaires h2 { margin-left: 30px; font-size: 0.8em; padding-left: 10px; background-color: #FFF; color: #2d2d2d; padding-top: 4px; padding-bottom: 4px; display: inline; padding-right: 10px; } #mini-titre-liens-partenaires a { color: #2d2d2d; text-decoration: none; } #texte-contenu-mentions-legales { font-size: 0.8em; font-family: Arial, Helvetica, sans-serif; width: 700px; margin-left: 20px; font-family: Arial, Helvetica, sans-serif; margin-bottom: 40px; text-align: center;} #texte-contenu { font-size: 0.8em; font-family: Arial, Helvetica, sans-serif; width: 700px; margin-left: 20px; font-family: Arial, Helvetica, sans-serif; margin-top: 20px; margin-bottom: 40px;} #formulaire-contenu { font-size: 0.8em; font-family: Arial, Helvetica, sans-serif; width: 344px; font-family: Arial, Helvetica, sans-serif; margin-top: 20px; margin-bottom: 70px;} #video-contenu { width: 600px; margin-left: 20px; margin-top: 20px; margin-bottom: 40px; margin-left: 120px; } #texte-contenu .images { margin-bottom: 20px; display: block; height: 178px; } #texte-contenu .images .gauche{ float: left; margin-bottom: 20px; } #texte-contenu .images .droite{ float: right; margin-bottom: 20px; } #texte-contenu #adresse { text-align: center; font-size: 1em;} #texte-contenu h2.nom-hotel { margin-bottom: 15px; font-weight: bold; font-size: 1em; color: #a14423; margin-top: 20px; } #texte-contenu .photos-hebergement { width: 700px; margin-bottom: 20px; margin-top: 20px;} #texte-contenu .photo1 { width: 217px; margin-right: 21px; } #texte-contenu .photo2 { width: 217px; margin-right: 20px; } #texte-contenu .photo3 { width: 217px; } #texte-contenu h2 { color: #a14423; margin-bottom: 2px; font-weight: bold; } #texte-contenu .trait-fin { border-bottom: solid 1px #2D2D2D; height: 1px; width: 700px; margin-top: 20px; } #logo-incentives { text-align: center; } /* --- DESCRIPTION TYPE - REFERENCEMENT --- */ #description-type { background-color: #FFF; width:940px; margin-left: 10px; } #description-type #suite-colonne { background-color: #EDEBE8; width:220px; height: 23px; float: left; margin-right: 20px; } #description-type #contenu { background-color: pink; width: 940px; float: left; } #description-type #contenu #titre { width: 700px; float: left; background-color: #2d2d2d; color: #FFF; cursor: pointer; } #description-type #contenu #texte { display: inline; float: left; margin-left: 10px; margin-top: 3px; text-transform: uppercase; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 0.9em; } #description-type #contenu #fleche { background-image: url(../images/fleche_droite_reassurance.gif); background-repeat: no-repeat; width: 12px; height: 23px; float: right; } #description-type #contenu #description { background-color: #EDEBE8; width: 940px; background-color: #FFF; height: 500px; clear: both; } #description-type #contenu #description #texte{ display: block; height: 500px; width: 680px; } #description-type #contenu #description p {} #description-type #suite-colonne2 { background-color: #EDEBE8; width:220px; height: 500px; float: left; margin-right: 20px; margin-left: -10px; margin-top: -5px; } #contenu { background-color: #FFF; z-index: 100; } /* --- MENU ACCORDEON - PARTIE GUIDE --- */ #wrapper { width: 220px; margin-left: auto; margin-right: auto; } .accordionButton { width: 220px; float: left; _float: none; /* Float works in all browsers but IE6 */ cursor: pointer; background-image: url(../images/background-menu-accordeon.jpg); background-repeat: no-repeat; background-position: 0 0; width: 220px; height: 36px; display: block; } .accordionButton a{ color: #2d2d2d; margin-left: 28px; margin-top: 6px; display: inline; text-transform: uppercase; } .accordionContent { width: 220px; float: left; _float: none; /* Float works in all browsers but IE6 */ background: #edebe8; } .on { width: 220px; float: left; _float: none; /* Float works in all browsers but IE6 */ cursor: pointer; background-image: url(../images/background-menu-accordeon.jpg); background-repeat: no-repeat; background-position: 0 -36px; width: 220px; height: 36px; } .on a{ color: #FFF; } .over { color: #FFF; background-image: url(../images/background-menu-accordeon.jpg); background-repeat: no-repeat; background-position: 0 -72px; } .over a{ color: #FFF; } .pousse-titre { height: 8px; width: 220px; } /* --- MENU COLONNE ACCORDEON --- */ #menu-accordeon { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;} #menu-accordeon .mini-espace{ background-color: #FFF; height: 3px;} #menu-accordeon #titre{ height: 37px; } #menu-accordeon #titre p{ color: #a14423; text-transform: uppercase; font-size: 1.34em; margin-left: 10px; padding-top: 6px; } #menu-accordeon ul { list-style-image: url(../images/mini-fleche-accordeon.jpg); list-style-position: inside; margin-left: 26px; margin-bottom: 7px; margin-top: 5px;} #menu-accordeon ul li { padding-top: 0px; padding-bottom: 0px; } #menu-accordeon ul li.sous-menu-on a{ font-weight: bold; color: #a14423; } #menu-accordeon ul li a{ text-decoration: none; color: #2d2d2d; font-size: 0.75em; text-transform:uppercase; word-spacing: -1px; } #menu-accordeon ul li a:hover{ text-decoration: none; color: #a14423; font-size: 0.75em; text-transform:uppercase; } #menu-accordeon .sous-titre{ padding-left: 28px; padding-top: 8px; } #colonne #menu-accordeon .menu-active{ background-image:url(../images/background-menu.jpg); padding-left: 28px; padding-top: 8px; background-repeat: no-repeat; height: 36px; width: 200px; display: block; background-position: 0 -36px; text-decoration: none; color: #FFF; font-size: 1em; text-transform:uppercase; } /* --- PAGE SKYPE --- */ #corps .vignette-skype { display:block; float: left; height: 380px; padding-left: 20px; margin-bottom: 23px; width: 160px; } #corps .vignette-skype .texte { width: 160px; float:right; height: 380px; border-top: solid 2px #000000; border-bottom: solid 1px #000000; } #corps .vignette-skype .texte h3 { font-size: 0.84em; font-family: Arial, Helvetica, sans-serif; font-weight: bold; text-transform: uppercase; color: #a14423; margin-top: 9px; text-align: center; } #corps .vignette-skype .texte p { font-size: 0.73em; font-family: Arial, Helvetica, sans-serif; font-style: italic; color: #878787; margin-top: 10px; text-align: center; } #corps .vignette-skype .icone-skype { text-align:center; margin-top: 5px; } /* --- FOOTER --- */ #footer { background-color: red;} #footer h5{ color: #2d2d2d; font-size: 1em; margin-top: 9px; font-family: "Times New Roman", Times, serif; font-style: italic;} #footer .titre { margin-top: 12px;} #footer .bloc{ border-top: solid 2px #000000; border-bottom: solid 1px #000000; height: 170px; } #footer .bloc a{ color: #2d2d2d; } #footer .bloc ul a:hover{ color: #2d2d2d; text-decoration: underline; } #footer .bloc ul{ list-style-type: none; font-family: Arial, Helvetica, sans-serif; font-size: 0.72em; margin-top: 8px; } /* --------- Réseaux --------- */ #footer #reseaux { background-color: #FFF; } #footer #reseaux ul { position: relative; } #footer #reseaux ul li { float: left; } a#facebook{ background-image: url(../images/icones.jpg); background-repeat: no-repeat; background-position: 0px 0px; height: 29px; width: 30px; display: block; } a#facebook:hover{ background-position: -30px 0px; } a#skype{ background-image: url(../images/icones.jpg); background-position: 0px -60px; height: 29px; width: 30px; display: block; } a#skype:hover{ background-position: -30px -60px; } a#youtube{ background-image: url(../images/icones.jpg); background-position: 0px -30px; height: 29px; width: 30px; display: block; } a#youtube:hover{ background-position: -30px -30px; } a#mail{ margin-top: 5px; background-image: url(../images/icones.jpg); background-repeat: no-repeat; background-position: 0px -120px; height: 29px; width: 30px; display: block; float: left; } a#mail:hover{ background-position: -30px -120px; } #reseaux #tampon-contact{ height: 66px; width: 88px; margin-top: 11px; margin-left: 10px; } /* --------- Contact --------- */ #footer #contact { background-color: #FFF; } #footer #contact #texte{ margin-top: 8px; } #footer #contact #texte a:hover{ color: #2d2d2d; text-decoration: underline; } #icone-telephone{ background-image: url(../images/icones.jpg); background-position: 0px -90px; height: 29px; width: 30px; float: left; display: block; } #telephone{ width: 125px; float: right; font-family: Arial, Helvetica, sans-serif; font-size: 0.72em; color: #2d2d2d; margin-top: 6px; margin-bottom: 8px; } #adresse-mail { margin-top: 4px; float: left; margin-left: 5px; } #adresse-mail a{ color: #2d2d2d; text-decoration: none !important; } #adresse-mail a:hover { color: #a14423; text-decoration: none; } #telephone a:hover{ text-decoration: underline; } #mini-logo{ margin-top: 8px; margin-bottom: 3px; } #adresse{ font-family: Arial, Helvetica, sans-serif; font-size: 0.72em; color: #2d2d2d; margin-top: -4px; } #footer #themes { background-color: #FFF; } #footer #services { background-color: #FFF; } #footer #nos_voyages { background-color: #FFF; } #footer #autres { background-color: #FFF; } /* --- SCROLLER MEMBRES --- */ #menu-membre{ /*background-color: yellow;*/ height: 188px; width: 700px; margin-left: 20px; } .scrollable { /* required settings */ position:relative; overflow:hidden; width: 600px; height:188px; /*background-color: red;*/ margin-right: 20px; margin-bottom: 20px; margin-left: 0px; } /* root element for scrollable items. Must be absolutely positioned and it should have a extremely large width to accomodate scrollable items. it's enough that you set the width and height for the root element and not for this element. */ .scrollable .items { /* this cannot be too large */ width:20000em; position:absolute; clear:both; } .items div { float:left; } /* active item */ .scrollable .active { border:2px solid #000; position:relative; cursor:default; } /* this makes it possible to add next button beside scrollable */ .scrollable { float:left; } /* prev, next, prevPage and nextPage buttons */ a.browse { display:block; width:40px; float:left; cursor:pointer; height:188px; background-image: url(../images/navigation-membres.jpg); } /* right */ a.right { background-position: -40px -188px; clear:right; margin-right: 0px;} a.right:hover { background-position: 0px -188px; } a.right:active { background-position: 0px -188px; } /* left */ a.left { background-position: -40px 0px; margin-left: 0px; } a.left:hover { background-position: 0px 0px; } a.left:active { background-position: 0px 0px; } #trait-membre { border-bottom: solid 1px #000000; margin-top: 0px; margin-bottom: 23px; width: 700px; height: 1px; } #google-button { margin-top: 25px; clear: both; width: 50px; padding-top: 12px; text-align: center; padding-left: 11px; margin-left: 10px; }