/***** FEUILLE DE STYLE *****/ /***** (c) VEHEM - 2009 *****/ body {background: #fae0eb url(/media/habillage/fond_body.gif) center top no-repeat; margin: 0; padding: 0; font-family: "Century Gothic", Century, Helvetica, sans-serif; font-size: 12px; color: #666666;} body * {margin: 0; padding: 0; font-family: "Century Gothic", Century, Helvetica, sans-serif; color: #666666;} td {} p {margin-top: 6px;} blockquote {margin: 0px 5px 3px 15px;} h1 {font-size: 18px; color: #303030;} h2 {font-size: 16px; /*color: #303030;*/font-weight: normal;} h3 {font-size: 14px; } h4 {font-size: 13px; font-weight: bold;} h5 {} h6 {} pre {} img {border:0px;} hr {height: 1px; border: none; border-top: 1px solid #CCC;} form {} input {} textarea {} select {} ul {padding: 0px;} li {list-style-type:none;} a:link, a:active, a:visited {text-decoration: none; color: #555555; font-weight: bold;} a:hover {color: #f0a9cb;} .clear {clear: both; height: 0px;} .none {display: none;} .marge-haut {margin-top: 12px;} #tetiere {height: 252px; width: 100%; background: url(/media/habillage/fond_tetiere.gif) left bottom repeat-x;} #logo {height: 212px; width: 298px; margin: auto;} #logo h2 a {display: block; text-indent: -5000px; background: url(/media/habillage/logo.gif) no-repeat; height: 212px; width: 298px; cursor: pointer} #logo h3 {display: none;} #navigation {width: 611px; margin: auto;} #menu {width: 611px; margin: 7px auto; text-align: center;} #menu ul {} #menu li {display: inline;} #menu li a {height: 24px; display: block; float: left; text-indent: -10000px;} .fr #menu li a.agence {background: url(/media/menu/agence_fr_off.gif) no-repeat; width: 93px;} .fr #menu li a.agence:hover {background: url(/media/menu/agence_fr_on.gif) no-repeat;} .fr #menu li a.engagement {background: url(/media/menu/engagements_fr_off.gif) no-repeat; width: 105px;} .fr #menu li a.engagement:hover {background: url(/media/menu/engagements_fr_on.gif) no-repeat;} .fr #menu li a.mariage {background: url(/media/menu/mariage_fr_off.gif) no-repeat; width: 125px;} .fr #menu li a.mariage:hover {background: url(/media/menu/mariage_fr_on.gif) no-repeat;} .fr #menu li a.destinations {background: url(/media/menu/destinations_fr_off.gif) no-repeat; width: 132px;} .fr #menu li a.destinations:hover {background: url(/media/menu/destinations_fr_on.gif) no-repeat;} .fr #menu li a.collection {background: url(/media/menu/collection_fr_off.gif) no-repeat; width: 84px;} .fr #menu li a.collection:hover {background: url(/media/menu/collection_fr_on.gif) no-repeat;} .fr #menu li a.contact {background: url(/media/menu/contact_fr_off.gif) no-repeat; width: 72px;} .fr #menu li a.contact:hover {background: url(/media/menu/contact_fr_on.gif) no-repeat;} .sous-menu {position: absolute; visibility: hidden; padding-top: 10px; margin-top: 15px; $margin-top: -15px; z-index: 100;} .sous-menu li {} .sous-menu li a {display: block; height: 26px; text-indent: -10000px;} .fr #menu-agence.sous-menu {width: 206px; margin-left: -53px;} .fr .sous-menu a.agence01 {background: url(/media/menu/agence_01_fr_off.gif) no-repeat;} .fr .sous-menu a.agence01:hover {background: url(/media/menu/agence_01_fr_on.gif) no-repeat;} .fr .sous-menu a.agence02 {background: url(/media/menu/agence_02_fr_off.gif) no-repeat;} .fr .sous-menu a.agence02:hover {background: url(/media/menu/agence_02_fr_on.gif) no-repeat;} .fr #menu-engagement.sous-menu {width: 80px; margin-left: 106px;} .fr .sous-menu a.engagement01 {background: url(/media/menu/engagements_01_fr_off.gif) no-repeat;} .fr .sous-menu a.engagement01:hover {background: url(/media/menu/engagements_01_fr_on.gif) no-repeat;} .fr #menu-mariage.sous-menu {width: 100px; margin-left: 210px;} .fr .sous-menu a.mariage01 {background: url(/media/menu/mariage_01_fr_off.gif) no-repeat;} .fr .sous-menu a.mariage01:hover {background: url(/media/menu/mariage_01_fr_on.gif) no-repeat;} .fr .sous-menu a.mariage02 {background: url(/media/menu/mariage_02_fr_off.gif) no-repeat;} .fr .sous-menu a.mariage02:hover {background: url(/media/menu/mariage_02_fr_on.gif) no-repeat;} .fr #menu-destinations.sous-menu {width: 120px; margin-left: 330px;} .fr .sous-menu a.destinations01 {background: url(/media/menu/destinations_france_fr_off.gif) no-repeat;} .fr .sous-menu a.destinations01:hover {background: url(/media/menu/destinations_france_fr_on.gif) no-repeat;} .fr .sous-menu a.destinations02 {background: url(/media/menu/destinations_italie_fr_off.gif) no-repeat;} .fr .sous-menu a.destinations02:hover {background: url(/media/menu/destinations_italie_fr_on.gif) no-repeat;} .fr .sous-menu a.destinations03 {background: url(/media/menu/destinations_portugal_fr_off.gif) no-repeat;} .fr .sous-menu a.destinations03:hover {background: url(/media/menu/destinations_portugal_fr_on.gif) no-repeat;} .fr .sous-menu a.destinations04 {background: url(/media/menu/destinations_angleterre_fr_off.gif) no-repeat;} .fr .sous-menu a.destinations04:hover {background: url(/media/menu/destinations_angleterre_fr_on.gif) no-repeat;} .fr .sous-menu a.destinations05 {background: url(/media/menu/destinations_maroc_fr_off.gif) no-repeat;} .fr .sous-menu a.destinations05:hover {background: url(/media/menu/destinations_maroc_fr_on.gif) no-repeat;} .fr .sous-menu a.destinations06 {background: url(/media/menu/destinations_indonesie_fr_off.gif) no-repeat;} .fr .sous-menu a.destinations06:hover {background: url(/media/menu/destinations_indonesie_fr_on.gif) no-repeat;} #contenu {width: 900px; padding: 20px; margin: 25px auto; background: #FFF url(/media/habillage/fond_contenu.gif) right bottom no-repeat;} #contenu ul li {background: url(/media/habillage/puce-titre02.gif) left top no-repeat; padding-left: 16px; padding-right: 50px; margin-bottom: 8px;} #contenu ul ul {margin: 5px 0px;} #contenu ul ul li {background: none; color: #f0a9cb; list-style-type: square; list-style-position:inside; padding: 0px;} #contenu * {text-align: justify;} #contenu strong {font-weight: normal; /*color: #2C2A2B;*/} #colonne_gauche {float: left; min-height: 200px; width: 410px;} #colonne_droite {float: right; min-height: 200px; width: 420px; /* background: url(/media/habillage/puce-titre01.gif) left top no-repeat */;padding: 0px 20px;} #large {width: 100%; clear: both;} #large ul {margin: 15px 30px 0px 30px;} #large ul ul {margin: 8px 0px 20px 0px;} #large ul ul a {font-weight: normal;} #pied {width: 940px; margin: auto; height: 80px;} #slogan {text-align: center; font-style: italic; color: #FFF; font-weight: bold; text-indent: -10000px; display: block; width: 720px; height: 40px; margin: 0px auto; background: url(/media/habillage/slogan.gif) no-repeat;} .en #slogan {background: url(/media/habillage/slogan_en.gif) no-repeat;} #signature {float: right; font-size: 11px; color: #C6C6C6; text-align: right;} #signature a {color: #C6C6C6} /* SCROLLING */ #colonne_droite .slider1 {width: 14px; height: 300px; background: #EEE url(/media/habillage/puce-titre02.gif) center bottom no-repeat; position: absolute;} #colonne_droite .indicator {width: 14px; height: 24px; background: url(/media/habillage/puce-titre01.gif) left top no-repeat; position: absolute; font-size: 1px; overflow: hidden;} #colonne_droite .container {width: 410px; height: 425px; overflow: hidden; position: relative;} #colonne_droite .content {padding-right: 20px; position: absolute;} /* Pages */ #engagement #colonne_droite {} #mariage #colonne_droite {} #mariage02 #colonne_droite {} #mariage02 #colonne_droite ul {margin-top: 15px;} #mariage02 #colonne_droite li {background: url(/media/habillage/puce-titre02.gif) left top no-repeat; padding-left: 16px; padding-right: 50px; margin-bottom: 8px;} #destinations p { margin-left: 20px;} #destinations #contenu {background: #FFF url(/media/habillage/fond_destinations.gif) right bottom no-repeat; min-height: 400px;} #collection #contenu, #contact #contenu {background: #FFF;} #collection .masque {width: 130px; height: 20px; background: #FFF; position: relative; margin-top: -30px; float:right; z-index: 42; } #contact #colonne_gauche {width: 510px; /*background: url(/media/habillage/puce-titre01.gif) left top no-repeat*/;padding: 0px 20px;} #contact #colonne_droite {width: 230px; background: #fae0eb; height: 450px;} #contact #colonne_droite p {margin-top: 0px;} #contact label {width: 140px; float: left; text-align: right; padding-right: 6px;} #contact p input {width: 250px;} #contact #message-coordonnees {clear: both;} #contact #message-corps {clear: both; margin: 10px 0px;} #contact #message-envoi {clear: both; text-align: center;} #contact #message-confirm {clear: both;} #contact #message-confirm p {margin: 8px 0px;} #contact #colonne_droite .marge-haut {margin-top: 12px;} #contact #colonne_droite .mentions {margin-top: 15px; font-size: 11px; font-style: italic;} /* titres des pages */ #contenu h1 {position: relative; margin-left: -20px; text-indent: -10000px; height: 40px;} #agence.fr #contenu h1 {background: #FFF url(/media/ttr/qui-sommes-nous.gif) left no-repeat;} #agence01.fr #contenu h1 {background: #FFF url(/media/ttr/philosophie.gif) left no-repeat;} #agence02.fr #contenu h1 {background: #FFF url(/media/ttr/different.gif) left no-repeat;} #mariage.fr #contenu h1 {background: #FFF url(/media/ttr/travailler-ensemble.gif) left no-repeat; height: 70px;} #mariage01.fr #contenu h1 {background: #FFF url(/media/ttr/services.gif) left no-repeat;} #mariage02.fr #contenu h1 {background: #FFF url(/media/ttr/carte.gif) left no-repeat;} #engagement.fr #contenu h1 {background: #FFF url(/media/ttr/engagements.gif) left no-repeat;} #engagement01.fr #contenu h1 {background: #FFF url(/media/ttr/engagements.gif) left no-repeat;} #destinations.fr #contenu h1 {background: #FFF url(/media/ttr/destinations-mariage.gif) left no-repeat; margin-left: 10px; width: 400px;} #destinations-maroc.fr #contenu h1 {background: #FFF url(/media/ttr/maroc.gif) left no-repeat;} #destinations-italie.fr #contenu h1 {background: #FFF url(/media/ttr/italie.gif) left no-repeat;} #destinations-portugal.fr #contenu h1 {background: #FFF url(/media/ttr/portugal.gif) left no-repeat;} #destinations-bali.fr #contenu h1 {background: #FFF url(/media/ttr/indonesie.gif) left no-repeat;} #destinations-provence.fr #contenu h1 {background: #FFF url(/media/ttr/provence.gif) left no-repeat;} #destinations-grande_bretagne.fr #contenu h1 {background: #FFF url(/media/ttr/grande-bretagne.gif) left no-repeat;} #collection.fr #contenu h1 {background: #FFF url(/media/ttr/wedding-collection.gif) left no-repeat; margin-bottom: -10px; margin-left: 20px; z-index: 100; width: 400px;} #contact.fr #contenu h1 {background: #FFF url(/media/ttr/contact.gif) left no-repeat;} /* versions */ #version {text-indent: -10000px; height: 25px; width: 148px; display: block; position: absolute; margin-top: -630px; margin-left: 794px;z-index: 999;} #collection #version {margin-top: -660px;} #destinations #version {margin-top: -562px;} #contact #version {margin-top: -639px;} .fr #version {background: url(/media/menu/version_anglais.gif) no-repeat;} .en #version {background: url(/media/menu/version_french.gif) no-repeat;} /* VERSION ANGLAISE */ /* MENU ANGLAIS */ .en #menu li a.agence {background: url(/media/menu/agence_en_off.gif) no-repeat; width: 93px;} .en #menu li a.agence:hover {background: url(/media/menu/agence_en_on.gif) no-repeat;} .en #menu li a.engagement {background: url(/media/menu/engagements_en_off.gif) no-repeat; width: 105px;} .en #menu li a.engagement:hover {background: url(/media/menu/engagements_en_on.gif) no-repeat;} .en #menu li a.mariage {background: url(/media/menu/mariage_en_off.gif) no-repeat; width: 125px;} .en #menu li a.mariage:hover {background: url(/media/menu/mariage_en_on.gif) no-repeat;} .en #menu li a.destinations {background: url(/media/menu/destinations_en_off.gif) no-repeat; width: 132px;} .en #menu li a.destinations:hover {background: url(/media/menu/destinations_en_on.gif) no-repeat;} .en #menu li a.collection {background: url(/media/menu/collection_en_off.gif) no-repeat; width: 84px;} .en #menu li a.collection:hover {background: url(/media/menu/collection_en_on.gif) no-repeat;} .en #menu li a.contact {background: url(/media/menu/contact_en_off.gif) no-repeat; width: 72px;} .en #menu li a.contact:hover {background: url(/media/menu/contact_en_on.gif) no-repeat;} .en #menu-agence.sous-menu {width: 206px; margin-left: -53px;} .en .sous-menu a.agence01 {background: url(/media/menu/agence_01_en_off.gif) no-repeat;} .en .sous-menu a.agence01:hover {background: url(/media/menu/agence_01_en_on.gif) no-repeat;} .en .sous-menu a.agence02 {background: url(/media/menu/agence_02_en_off.gif) no-repeat;} .en .sous-menu a.agence02:hover {background: url(/media/menu/agence_02_en_on.gif) no-repeat;} .en #menu-engagement.sous-menu {width: 80px; margin-left: 106px;} .en .sous-menu a.engagement01 {background: url(/media/menu/engagements_01_en_off.gif) no-repeat;} .en .sous-menu a.engagement01:hover {background: url(/media/menu/engagements_01_en_on.gif) no-repeat;} .en #menu-mariage.sous-menu {width: 100px; margin-left: 215px;} .en .sous-menu a.mariage01 {background: url(/media/menu/mariage_01_en_off.gif) no-repeat;} .en .sous-menu a.mariage01:hover {background: url(/media/menu/mariage_01_en_on.gif) no-repeat;} .en .sous-menu a.mariage02 {background: url(/media/menu/mariage_02_en_off.gif) no-repeat;} .en .sous-menu a.mariage02:hover {background: url(/media/menu/mariage_02_en_on.gif) no-repeat;} .en #menu-destinations.sous-menu {width: 120px; margin-left: 330px;} .en .sous-menu a.destinations01 {background: url(/media/menu/destinations_enance_en_off.gif) no-repeat;} .en .sous-menu a.destinations01:hover {background: url(/media/menu/destinations_enance_en_on.gif) no-repeat;} .en .sous-menu a.destinations02 {background: url(/media/menu/destinations_italie_en_off.gif) no-repeat;} .en .sous-menu a.destinations02:hover {background: url(/media/menu/destinations_italie_en_on.gif) no-repeat;} .en .sous-menu a.destinations03 {background: url(/media/menu/destinations_portugal_en_off.gif) no-repeat;} .en .sous-menu a.destinations03:hover {background: url(/media/menu/destinations_portugal_en_on.gif) no-repeat;} .en .sous-menu a.destinations04 {background: url(/media/menu/destinations_angleterre_en_off.gif) no-repeat;} .en .sous-menu a.destinations04:hover {background: url(/media/menu/destinations_angleterre_en_on.gif) no-repeat;} .en .sous-menu a.destinations05 {background: url(/media/menu/destinations_maroc_en_off.gif) no-repeat;} .en .sous-menu a.destinations05:hover {background: url(/media/menu/destinations_maroc_en_on.gif) no-repeat;} .en .sous-menu a.destinations06 {background: url(/media/menu/destinations_indonesie_en_off.gif) no-repeat;} .en .sous-menu a.destinations06:hover {background: url(/media/menu/destinations_indonesie_en_on.gif) no-repeat;} #agence.en #contenu h1 {background: #FFF url(/media/ttr/qui-sommes-nous_en.gif) left no-repeat;} #agence01.en #contenu h1 {background: #FFF url(/media/ttr/philosophie_en.gif) left no-repeat;} #agence02.en #contenu h1 {background: #FFF url(/media/ttr/different_en.gif) left no-repeat;} #mariage.en #contenu h1 {background: #FFF url(/media/ttr/travailler-ensemble_en.gif) left no-repeat;} #mariage01.en #contenu h1 {background: #FFF url(/media/ttr/services_en.gif) left no-repeat;} #mariage02.en #contenu h1 {background: #FFF url(/media/ttr/carte_en.gif) left no-repeat;} #engagement.en #contenu h1 {background: #FFF url(/media/ttr/engagements_en.gif) left no-repeat;} #engagement01.en #contenu h1 {background: #FFF url(/media/ttr/engagements_en.gif) left no-repeat;} #destinations.en #contenu h1 {background: #FFF url(/media/ttr/destinations-mariage_en.gif) left no-repeat; margin-left: 10px; width: 400px;} #destinations-maroc.en #contenu h1 {background: #FFF url(/media/ttr/maroc_en.gif) left no-repeat;} #destinations-italie.en #contenu h1 {background: #FFF url(/media/ttr/italie_en.gif) left no-repeat;} #destinations-portugal.en #contenu h1 {background: #FFF url(/media/ttr/portugal_en.gif) left no-repeat;} #destinations-bali.en #contenu h1 {background: #FFF url(/media/ttr/indonesie_en.gif) left no-repeat;} #destinations-provence.en #contenu h1 {background: #FFF url(/media/ttr/provence_en.gif) left no-repeat;} #destinations-grande_bretagne.en #contenu h1 {background: #FFF url(/media/ttr/grande-bretagne_en.gif) left no-repeat;} #collection.en #contenu h1 {background: #FFF url(/media/ttr/wedding-collection_en.gif) left no-repeat; margin-bottom: -10px; margin-left: 20px; z-index: 100; width: 400px;} #contact.en #contenu h1 {background: #FFF url(/media/ttr/contact_en.gif) left no-repeat;}