/* CSS SITE GROUPE MAISON DE LA CHINE MAISON DE LA CHINE rouge : D21034 rouge fonce page voyage : C51626 marron claire : EFECDD marron fonce : E5E0C7 Rouge Warning : df0014 868686 CCD498 D21034 C51626 */ /* couleurs Bandes MDC d21034 / 95262f / 705564 MDA 009ad0 / 1e4a7c / 1e4a7c MDF E9BD00 / ed6a02 / 7d400b MDI 7aad10 / 316124 / 316124 MDN f2ab01 / f26101 / ad9c83 MDO 00667c / 284f5a / 7fa8b2 */ /*body {margin:0; font-family:verdana,sans-serif; font-size:10px; background-color:white;}*/ #master_page { margin: 0px auto 20px auto; width: 800px; } form {margin:0;} div {margin:0;} table { font-size:11px; } a {text-decoration:none;} #mainContainer {width:780px; text-align:left; margin:auto; position:relative;} #contenu {width: 780px; text-align: left; margin: auto; position: relative;} /*height: 350px */ #headerContainer { padding-left: 15px; position:relative; height:105px; z-index:999;} #headerContainer #headerBkgrd {background-color:#000000;height:86px; position:absolute; left:0; top:0; width:780px;} #headerContainer #logoMdc {position:absolute; left:661px; top:22px;} #headerContainer #contact {padding-left: 20px; color:#FFFFFF; padding-right: 5px; padding-bottom: 5px; padding-top: 5px;} #headerContainer #aide { padding-bottom: 5px; padding-top: 35px;} .panAide{ background-color:black; color:white; z-index:99999; position: absolute; top: 0px; Width:300px; Height:0px; overflow: visible; } .panAide div {padding:5px;color: #cccccc;} .panAide div p {margin-top:2px; margin-bottom:3px; font-style:inherit; color: #ffffff;} .panAide div h1 { margin-top: 5px; margin-bottom: 3px; font-size: 12px; font-weight: bold; display: inline; } .panAide div h2 {margin-top:3px; color: #ffffff; margin-bottom:2px; font-size:11px; font-weight:bold; display: inline;font-variant: small-caps; } .panAide div h3 { margin-top:3px; margin-bottom:2px; font-size:11px; font-weight:bold; display: inline; } .panAide div b {margin-top: 5px; margin-bottom: 3px; font-size: 12px; font-weight: bold; display: inline; } .panAide div a {color:#ffffff; text-decoration:none; } .panAide div a:hover {color:#ffffff; text-decoration:underline; } .panAide div ul {margin-top:2px; margin-bottom:3px; list-style-position: outside; list-style-type: square;} #headerContainer #titrePage {position:absolute; left:259px; top:42px; } #headerContainer #menuContainer { position:absolute; left:20px; top:90px; width:760px;} #tracerContainer {height:40px; padding-left:20px; padding-right:20px;} #tracerBody { padding-top: 25px; color: #868686; } a.tracer { color: #868686; font-weight: bold;} /*Liens fonctionnalités */ a.linkFonc {color: #868686;} .texteCentrer { text-align: center; } .texteReponse { padding-right: 110px; font-weight: normal; padding-bottom: 100px; margin: 30px 30px 100px 50px; vertical-align: middle; text-align: center } .toolTip { border-right: #CCCCCC solid; border-top: #CCCCCC solid; border-left: #CCCCCC solid; border-bottom: #CCCCCC solid; font-size: 11px; z-index: 104; width: 180px; color: black; font-family: Arial; position: absolute; background-color: #ffffff; text-align: left; display: block; left: -10px; top: -10px; clear: none; float: left; overflow: visible; padding-right: 4px; padding-left: 4px; padding-bottom: 5px; margin-right: 10px; padding-top: 2px; border-width: 1px; border-style: solid;} .message { color: #df0014; text-align: center;} .evidence { color: #d21034; font-size: 10pt; letter-spacing: 0px; font-weight:bold;} .b {font-weight:bold} .i{ font-style: italic;} .discret {color:#a9a9a9;} .blink {text-decoration:blink;} .pagerContainer { text-align:right; vertical-align:middle; } .pagerContainer a {margin: 5px 2px 5px 2px; padding-bottom:5px;} .pagerLink { color: #5A5A5A; text-decoration: underline; font-weight: bold; vertical-align: middle; } .pagerCurrentLabel { color: #d21034; font-weight:bold; margin: 5px 2px 5px 2px; padding-bottom:5px; } .alignCenter { text-align:center; } a.link {text-decoration:none; font-weight:bold; color:#D21034;} a.link:hover {text-decoration:underline; font-weight:bold; color:#000000;} a.linkB {text-decoration:underline; font-weight:bold; color:#000000;} a.linkB:hover { font-weight:bold; color:#D21034;} /*background-color:#ececec;*/ a.linkTooltip { text-decoration: none; font-weight: bold; color: #D21034; border-bottom: 1px dotted #D21034; cursor: text;} a.linkTooltip:hover {text-decoration:none; font-weight:bold; color:#D21034; border-bottom:0px dotted #D21034;} a.linkVoyageP {color:Black; text-decoration:underline; font-weight:bold;} a.linkVoyageP:hover {text-decoration:overline;} .PanelStyleTooltip {background-color: #FFFFFF; border: 1px solid #C0C0C0; width: 280px; padding:6px; text-align:justify;} a.Form:hover {text-decoration:none; padding-left: 10px; padding-right: 10px;} a.Form { color:#000000; text-decoration:underline; padding-left: 10px; padding-right: 10px;} a.FormVisible:hover {text-decoration:none; padding-left: 10px; padding-right: 10px;} a.FormVisible { color:#df0014; text-decoration:underline; padding-left: 10px; padding-right: 10px;} #editoContainer {background-image:url(../img/interface/fond_biblio.jpg); background-position:top right; background-repeat:no-repeat; background-color:#CCD498; height:145px; padding-left:20px;} #edito {padding-top:30px;} #edito p {margin:15px 220px 10px 0px;} #edito form .editoSelectBox {font-family:arial; font-size:10px;} .editoExerg1 {font-weight:bold;} .biblioRow {clear:both;} .biblioVisuel {width:190px; text-align:right; float:left;} .biblioText {float:left; margin-left:22px; width:567px;} .biblioText h1 {background-image:url(../img/interface/p_flecheBiblioTitre.gif); background-repeat:no-repeat; background-position:0px 3px; font-size:11px; font-weight:bold; color:#D21034; padding-left:21px; margin:0;} .biblioText p {margin:0px 65px 8px 0px; } .biblioText h2 {font-weight:bold; font-size:10px; margin:10px 0px 0px 0px; padding:0;} a.biblioLink1 {background-image:url(../img/interface/p_flecheBiblioLien.gif); background-repeat:no-repeat; background-position:0px 4px; display:block; font-size:10px; font-weight:bold; color:#D21034; padding-left:18px; margin:0; } a.biblioLink1:hover, a.tracer:hover, a.mdcLinkType1:hover {text-decoration:underline;} .vSpacer10 {clear:both; height:10px; font-size:1px;} .vSpacer20 {clear:both; height:20px; font-size:1px;} .vSpacer30 {clear:both; height:30px; font-size:1px;} .vSpacer40 {clear:both; height:40px; font-size:1px;} .vSpacer5 {clear:both; height:5px; font-size:1px;} #contentContainer { clear:both;} #footerContainer {height:25px; width:780px; float:none; background-color:#000000; text-align:left; clear:both;} #footerContainer ul {list-style:none; padding:3px 0px 0px 0px; margin:0;} #footerContainer ul li {display:inline; font-size:10px; color:#fff;} #footerContainer ul li a {color:#fff; text-decoration:none;} #footerContainer ul li a:hover {text-decoration:underline;} #footerContainer .footerSelectBox { font-family: arial; font-size: 10px; height: 16px; text-align: left;} /* Aide */ abbr, acronym, .help {/* border-bottom: 1px dotted #333; */ cursor: help; } /* Haut de page */ .btnHautContainer {clear:both; text-align:right; margin:10px;} a.btnHautPage1 {background-image:url(../img/interface/p_flecheRetourHaut.gif); padding:0px 20px 0px 15px; background-repeat:no-repeat; background-position:0px 0px; color:#D31A01; font-weight:bold; text-decoration:none;} a.btnHautPage1:hover {text-decoration:underline;} /*Flash plugin */ #flashPlugin{ padding-top:3px; padding-bottom:7px; color: #a9a9a9; text-align: left; vertical-align: middle; position: static;} #flashPlugin a{ color: #696969; text-align: right; vertical-align: middle; position: static; text-decoration: none;} #flashPlugin a:hover { background-color: #cccccc;} /* #flashPlugin a:hover{ text-decoration: underline;} */ /*Mention Legale en Base line */ #MentionLegale { color: Black; text-align: left; vertical-align: middle; position: static;} #MentionLegale a{ color: Black; text-align: right; vertical-align: middle; position: static; text-decoration: none;} #MentionLegale a:hover{ text-decoration: underline;} /***** AJAX *********/ /*Modale PopUp */ .modaleBarre { color:White; font-weight:900; font-size:12px; width:100%; height:25px; background-color:#D21034; padding-top:5px; padding-left:5px; margin-right:-2px;} .modaleBackGround{ background-color: #CCCCCC; filter: alpha(opacity=50); /* Internet Explorer */ -moz-opacity: 0.5; /* Mozilla 1.6 and below */ opacity: 0.5; /* newer Mozilla and CSS-3 */} .modalePop { width:620px; height:100%; overflow:visible; background-color:White; } .modaleCont { padding:10px; font-size:11px;} .modaleContCenter { text-align:center; padding:10px; font-size:11px;} .modalePopCloseBtn { font-family: Arial, Helvetica, sans-serif; font-weight: bold; padding: 2px; border: thin solid #FFFFFF; font-size: 14px; margin-left: 10px; color: #D21034; background-color: #FFFFFF;} .modalePopCGV { width:600px; height:500px; overflow:visible; background-color:White; } .modaleContCGV { height: 400px; font-size: 11px; overflow: auto; margin-left: 10px; } .btnhidden { background-color: White; color: White; margin-top: 0px; border-top-style: none; padding-top: 0px; border-right-style: none; border-left-style: none; border-bottom-style: none;} /*MaskedEditExtender */ .MaskedEditFocus { background-color: #ffffcc; color: #000000;} .MaskedEditMessage{ color: #ff0000; font-weight: bold;} .MaskedEditError{ background-color: #ffcccc;} .MaskedEditFocusNegative{ background-color: #ffffcc; color: #ff0000;} .MaskedEditBlurNegative{ color: #ff0000;} /*MaskedEditExtender */ .HoverMenuExtender{ cursor: pointer; padding: 10px; background-color: #FFFFFF; width: 400px; border-right: gray 1px outset; border-top: gray 1px outset; border-left: gray 1px outset; border-bottom: gray 1px outset;} .HoverMenuExtender img {margin:10px;} /*Update */ .UpdateText { margin: 3px; font-weight: bold; text-decoration: blink; overflow: hidden; background-color:#FFFFFF;} /***** Connexion et bloc centrale*********/ #LogFormBloc1 {float: left; width: 170px; height:350px; clear: both; } #LogFormBloc2 {width:350px; float:left;} .LogFormTable1 td {vertical-align:top; font-size:11px; padding-top:3px;} .LogTable1 td input {margin-top:0px;} #LogBkgrd{ margin-left:150px; background-image: url(../img/interface/cataFormBkgrd.gif); background-position: left; width: 350px; background-repeat: repeat-y; text-align: center; } #LogBkgrdHaut{ background-image: url(../img/interface/cataFormH.gif); background-position: left; width: 350px; background-repeat: repeat-y; text-align: center; } #LogBkgrdBas{ background-image: url(../img/interface/cataFormB.gif); background-position: left; width: 350px; background-repeat: repeat-y; text-align: center; } a.logLienCon {color:Black; text-decoration:none; text-align:center;} a.logLienCon:hover {color:Black; text-decoration:underline;} a.logLien { background-image: url(../img/interface/p_flecheNoire.gif); background-repeat: no-repeat; background-position: 0px 7px; font-size: 10px; color: #D21034; padding: 2px 0px 0px 16px; margin: 0; display: block; text-align: left;} a.logLien:hover {text-decoration:underline; text-align: left;} /***** page voyage print ******** #voyageEditoContainer {background-color:#CCD498; padding-left:20px; padding-top:8px; height:237px; margin:0;} #voyageEditoBloc {width:450px; float:left;} #voyageEditoBloc p {margin:10px 50px 0px 0px;} #voyageEditoVisuel1, #voyageEditoVisuel2{width:220px; padding-top:15px; float:left;} .voyageEditoTextSupp {float:none; clear:both; position:relative; width:400px; margin:10px 50px 0px 0px; } #voyageFrise {background-image:url(../img/interface/voyage_frise.jpg);background-repeat:no-repeat; background-color:#CCD498; height:70px;} .voyageEditoFonctionnalite {padding-top:5px; padding-left:480px;} #voyageDetailTitre, #voyageDetailTitre2 {background-color:#C51626; height:29px; padding-left:20px; padding-top:6px; margin-bottom:20px;} #voyageContentContainer { margin:0;} #voyageContentLeft{ float: left; width: 170px; clear: both; } #voyageContentLeft p, .voyageContentLeftF p, #voyageContentRight p, #voyageContentCenterF p {margin:0px 0px 15px 0px;} #voyageContentCenter {margin:0px 210px 0px 210px;} #voyageContentRight {position:absolute; right:0px; padding:0px 0px 0px 0px; width:190px; } #voyageContentRight b {font-size:10px; } #voyageEditoBloc h2 {font-size:11px; font-weight:bold; color:#C51626; margin:0;} #voyageEditoBloc h1 {font-size: 30px; color: #d21034; font-family: Arial; letter-spacing: -2px; margin:0px 0px 0px 0px} #voyageEditoBloc h3 {font-size: 11px; margin:10px 0px 0px 0px; font-weight:normal;} #voyageEditoBloc h4 {font-size: 15px; color: #000000; font-family: Arial, 'Arial Black'; margin: 0px 0px 0px 0px; font-weight: bold;} #voyageEditoBloc h5 {font-size: 20px; color: #d21034; font-family: Arial; letter-spacing: -2px; margin:0px 0px 0px 0px} .voyageContentBloc {margin-bottom:15px;} .voyageContentBloc h2 {font-size:11px; font-weight:bold; color:#C51626; margin:0;} table .voyageDates td {font-size:10px;} a.btnInscription {background-image:url(../img/interface/fl_blancheFdRouge.gif); background-repeat:no-repeat; background-position:8px 4px;display:block; font-size:10px; font-weight:bold; color:#fff; padding:0px 0px 3px 25px; margin:0; background-color:#D21034; width:65px;} a.voyageLink1 {background-image:url(../img/interface/p_flecheBiblioLien.gif); background-repeat:no-repeat; background-position:0px 4px; display:block; font-size:10px; color:#D21034; padding-left:18px; margin:2px 0px 0px 0px; } a.voyageLink1:hover,a.btnMail:hover,a.btnPrint:hover,a.btnHPage:hover,a.homeLink1:hover,a.homeLink2:hover,a.homePromoLien:hover, a.btnCondition:hover {text-decoration:underline; cursor:pointer; cursor:hand;} a.voyageLink2 {background-image:url(../img/interface/p_flecheBiblioLien.gif); background-repeat:no-repeat; background-position:0px 4px; display:block; font-size:10px; color:#D21034; padding-left:18px; margin:2px 0px 0px 0px; } a.voyageLink3 {background-image:url(../img/interface/p_flecheBiblioLien.gif); cursor:pointer; cursor:hand; background-repeat:no-repeat; background-position:0px 4px; display:block; font-size:10px; color:#D21034; padding-left:18px; margin:2px 0px 0px 0px; } a.voyageLink4 {background-image:url(../img/interface/p_flecheBiblioLien.gif); background-repeat:no-repeat; background-position:0px 4px; display:block; font-size:10px; color:#000000; padding-left:18px; margin:2px 0px 0px 0px; } a.btnMail {background-image:url(../img/interface/p_email.gif); background-repeat:no-repeat; background-position:0px 4px; display:block; font-size:10px; font-weight:bold; color:#D21034; padding:2px 0px 0px 18px; margin:0; height:14px;} a.btnPrint {background-image:url(../img/interface/p_imprim.gif); background-repeat:no-repeat; background-position:0px 4px; display:block; font-size:10px; font-weight:bold; color:#D21034; padding:2px 0px 0px 18px; margin:0; height:14px;} a.btnCondition {background-image:url(../img/interface/p_TarifsConditions.gif); background-repeat:no-repeat; background-position:0px 4px; display:block; font-size:10px; font-weight:bold; color:#D21034; padding:2px 0px 0px 18px; margin:0; height:14px;} #hautPageContainer {text-align:right; padding:0px 5px 10px 0px;} a.btnHPage {background-image:url(../img/interface/fl_hautPage.gif); background-repeat:no-repeat; background-position:0px 4px; font-size:10px; font-weight:bold; color:#D21034; padding:2px 0px 0px 16px; margin:0; height:14px;} /****** page voyages escapade ******/ .voyageExcursionsCarnetContainer { display: block; clear: both; position:relative; width:100%; padding-top:30px; padding-bottom:30px; } .voyageExcursionsCarnetContainer p { padding-left:20px; margin-top:0px; } .voyageExcursionsGroupe{ display: block; clear: both; } .voyageExcursionsItem {text-align:left; float:left; width:360px; margin-right:30px;margin-bottom: 20px; } .voyageExcursionsItem img { width: 145px; margin-right: 10px; float: left; height: 150px; clear: both; display: block;} .voyageExcursionsItem h3 { padding: 0px; text-align: left; font-size: 12px; font-weight: bold; color: #000000; margin: 0; text-transform: uppercase;} .voyageExcursionsItem b { padding: 0px; margin: 0; float:none; text-align: left; font-size: 11px; font-weight: bold; color: #d21034; } .voyageExcursionsItem p { text-align: left; float: none; display: block;} .voyageExcursionsItem a { text-align:right; margin-left:250px; margin-right:60px; } .voyageExcursionsItemTitle {float:none; clear:both; width:100%; margin-left:20px; margin-bottom:20px; } .voyageExcursionsSelect { display: block; clear: both; } .voyageExcursionsSelect img { width: 130px; margin-right: 10px; float: left; clear: both; display: block;} .voyageExcursionsSelect h3 { padding: 0px; text-align: left; font-size: 12px; font-weight: bold; color: #000000; margin: 0; text-transform: uppercase;} .voyageExcursionsSelect b { padding: 0px; margin: 0; float:none; text-align: left; font-size: 11px; font-weight: bold; color: #d21034; } .voyageExcursionsSelect p { text-align:left; float:none; } .voyageExcursionsSelect a { text-align:right; margin-left:250px; margin-right:60px; } .voyageExcursionsSelectretour { padding:20px; width:700; float: right; clear: both; display: block; } .voyageExcursionJourParJourContainer {padding-left:20px; display: block; padding-top:20px; float:none; width:300px; border-left-style: solid; border-left-width: 1px; border-left-color: #C0C0C0;} .voyageExcursionPrixContainer {padding-left:10px; padding-top:20px; display: block; float:left; width:300px; } .voyageExcursionComprendContainer { padding-left:10px; width: 300px; float: left; padding:20px; } .voyageExcursionComprendPasContainer {width:300px; float:left; padding:20px; border-left-style: solid; border-left-width: 1px; border-left-color: #C0C0C0;} .voyageExcursionComprendContainer img{ float: none;} .voyageExcursionComprendPasContainer img{ float: none;} .voyageExcursionComprendContainer p { margin-top:4px; margin-bottom:2px;} .voyageExcursionComprendPasContainer p { margin-top:4px; margin-bottom:2px;} #voyageContentContainer2 {width: 100%; margin-top:20px; margin-bottom:20px; } #voyageContentConditions {width:340px; float:left; margin:0; padding:20px;} .voyageContentPrix { width:340px; float:left; border-left-style: solid; border-left-width: 1px; border-left-color: #C0C0C0; padding: 20px; margin:0;} .voyageContentConditionsHotel { border: 1px solid #EFECDD; background-color:#EFECDD; margin-bottom: 15px; padding: 10px;} .voyageContentConditionsGeneral {width:380px; } .voyageContentConditionsGeneralInter {float: none; clear: both;} .voyageContentConditionsGeneralComprend {width:160px; margin-right:10px; float:left;} .voyageContentConditionsGeneralComprendPas {width:160px; margin-right:10px; float:left;} .voyageContentConditionsGeneralComprendCondPart {width:160px; margin-right:10px; float:left; } /*********** page voyages **********/ #voyageTitreContainer {padding:10px 20px 15px 0px; text-align:right;} a.voyagehyp { padding-top: 3px; border: solid 1px #D21034; display: block; width: 223px; height: 17px; color: #D21034; font-weight: bold; text-decoration: none; text-align: center; } a.voyagehyp:hover, a.HotelDp:hover, a.rdvResa:hover {background-color:#D21034; color:#fff;} .voyageContentContainerF {padding:0px 20px 0px 20px;} .voyageContentLeftF, #voyageContentCenterF {float:left; padding:0px 30px 0px 0px; width:155px; } #QPEdito #content a:hover { color:#FFF; background-color:#000; text-decoration:none;} .voyageContentLeftF b { font-size:10px; } #voyageContentRightF {float:left; width:360px;} a.voyagesInscript {height:15px; width:75px; display:block; background-image:url(../img/interface/fl_blancheFdRouge.gif); background-repeat:no-repeat; background-position:10px 5px; font-weight:bold; background-color:#D21034; color:#fff; padding:2px 0px 0px 25px; margin-bottom:1px; border:solid 1px #D21034;} a.voyagesInscriptPrint {height:15px; display:block; background-image:url(../img/interface/fl_blancheFdRouge.gif); background-repeat:no-repeat; background-position:10px 5px; font-weight:bold; background-color:#D21034; color:#fff; padding:2px 0px 0px 25px; margin-bottom:1px; border:solid 1px #D21034;} a.voyagesInscriptPrint:hover {background-image:url(../img/interface/p_flecheBiblioLien.gif); color:#D21034; background-color:#fff; border:solid 1px #D21034; padding:2px 0px 0px 25px; height:14px;} a.voyagesPasse {display:block; background-image:url(../img/interface/p_flecheBiblioLien.gif); font-weight:bold; color:#000000; height:15px; padding:2px 0px 0px 25px; margin-bottom:1px; } #voyageFTitre1Container {padding:15px 0px 15px 0px; clear:both;} #voyageTitre1 {background-color:#D7D997; height:17px; padding:5px 0px 0px 20px;} .voyageSelection{ height: 17px; margin-top: 5px; font-weight: bold; color: #a9a9a9;} .voyageMention { font-style:italic; color:#a9a9a9; } /* color:#CCD497; */ .voyageAccompagnateur { font-weight:bold; margin-bottom:10px; padding-bottom:50px; border-bottom:solid 10px black; } /*********** home page ************* #homeContentContainer {padding-top:10px; float: none; clear: both; position:relative;} #homeContent {margin-right:210px;} #homeLeftCol {width:210px; float:left;} #homeCenterCol {padding-left:190px; width:170px; float:left; overflow:visible; height: 500px;} #homeRightCol {width:170px; float:left; margin-left:20px;} #homeEditoContainer { text-align:left; background-color:White; font-weight:bold;} #homeEdito{ color: Black; font-size: 12px; padding-right: 230px; padding-left: 20px; padding-bottom: 7px; padding-top: 5px;} #homeEdito a { font-weight: bold; color: #d21034; text-decoration: none;} #homeEdito a:hover { color: #000000;} #homeVisuel { padding-bottom: 0px; padding-top: 0px;} #homeEditoBande { margin-left:185px; width: 590px; height: 85px; margin-bottom:10px; float: none; clear: both; } /* couleurs Bandes MDC d21034 / 95262f / 705564 MDA 009ad0 / 1e4a7c / 1e4a7c MDF E9BD00 / ed6a02 / 7d400b MDI 7aad10 / 316124 / 316124 MDN f2ab01 / f26101 / ad9c83 MDO 00667c / 284f5a / 7fa8b2 */ #homeEditoBande1{background-color:#d21034; width:190px; height:100%; float:left; vertical-align:middle; text-align:center;} #homeEditoBande2{background-color:#95262f; width:190px; height:100%; float:left; vertical-align:middle; text-align:center; } #homeEditoBande3{background-color:#705564; width:390px; height:100%; float:left; vertical-align:middle; text-align:center; } .leftFormBlocLink{background-image:url(../img/interface/bkgrd_homeForm1.gif);background-repeat:repeat-y; width:170px; margin-left:20px;} #leftFormBloc, #leftFormBlocNews, #leftFormBlocLink {background-image:url(../img/interface/bkgrd_homeForm1.gif);background-repeat:repeat-y; width:170px; margin-left:20px;} #leftFormHaut, #leftFormHautNews, #leftFormHautLink { background-image: url(../img/interface/bkgrd_homeFormTop.gif); background-position: left; background-repeat: repeat-x; text-align: center; } #leftFormBas, #leftFormBasNews, #leftFormBasLink { background-image: url(../img/interface/bkgrd_homeFormBottom.gif); background-position: left; background-repeat: repeat-x; text-align: center; } .homeFormTitle1 {color:#D31A01; font-size:11px;} .homeFormContainer {padding-left:15px;} .homeFormContainer h1{ font-size: 12px; color: #d21034; display: block; margin-bottom: 3px; margin-top: 3px; font-variant: small-caps;} #leftFormBloc .homeFormContainer form select {font-size:11px; margin-top:2px; } #leftFormBloc .homeFormContainer form .homeRadio1 {margin:0; /*width:11px;*/ height:11px; } #leftFormBloc .homeFormContainer label {font-weight:bold;} .homeFormSelect1 {width:130px; } .homeFormSelect2{ width: 40px; font-size: 12px;} .homeFormSelect3 {width:86px;} .homeFormSelect4{ width: 58px; font-size: 12px;} .homeFormRadioContainer {padding-right:2px;} .homeFormSearchContainer {padding-top:10px;} #leftFormBloc form .homeFormEmail {width:100px; font-size:11px;} #leftFormBloc form .homeBtnOk {width:25px; height:20px; font-size:11px;} .btnRechercher {width: 125px; font-weight: normal; color: #ffffff; font-family: Arial; background-color: #d21034; padding-right: 0px; padding-left: 0px; font-size: 11px; padding-bottom: 0px; margin: 0px; text-transform: capitalize; border-top-style: none; padding-top: 0px; border-right-style: none; border-left-style: none; border-bottom-style: none;} .btnRechercherVar { width: 110px; height: 20px; clear:both; font-weight: normal; color: #ffffff; font-family: Arial; background-color: #d21034; font-size: 11px; text-transform: none; border-style:none;} #homeCenterCol h1, #homeRightCol h1 {font-size:10px; color: #d21034; display:block; margin-bottom:3px; margin-top:10px; line-height:0px; padding-top:10px; padding-bottom:3px; } #homeCenterCol h2, #homeRightCol h2{ font-size: 10px; display: block; margin-bottom: 3px; margin-top: 2px; font-weight: normal; text-indent: 15px;} #homeCenterCol p, #homeRightCol p, #homePromoContent p, #homeContentContainer p{margin: 10px 0px 2px;} /* a.homeLink1 { font-size:10px; color:#000; display:block;} a.homeLink2 {font-weight:bold; color:#000;} a.homeLink3 {font-weight: bold; color: #FFF;}*/ a.homeLink1 { color:Black; background-image:url(../img/interface/p_flecheHomeLink.gif); background-repeat:no-repeat; background-position:0px 7px; font-size:10px; font-weight:bold; padding:2px 0px 0px 16px; margin:0; } a.homeLink2 { color:Black; background-image:url(../img/interface/p_flecheHomeLink.gif); background-repeat:no-repeat; background-position:0px 7px; font-size:10px; padding:2px 0px 0px 16px; margin:0; } a.homeLink3 { color:Black; background-image:url(../img/interface/p_flecheHomeLink.gif); text-transform:uppercase; background-repeat:no-repeat; background-position:0px 7px; font-size:10px; padding:2px 0px 0px 16px; margin:0; } a.homeLink4 { color: Black; background-image: url(../img/interface/p_flecheBiblioTitre.gif); text-transform: uppercase; background-repeat: no-repeat; background-position: 0px 3px; font-size: 10px; padding: 2px 0px 0px 18px; margin: 0; font-weight: bold;} a.homeLink5 { color: Black; background-image: url(../img/interface/p_flecheBiblioTitre.gif); background-repeat: no-repeat; background-position: 0px 3px; font-size: 10px; margin: 0; font-weight: bold; padding-right: 0px; padding-left: 18px; padding-bottom: 2px; padding-top: 3px; line-height: 17px;} a.homeLink6 { color: Black; background-repeat: no-repeat; background-position: 0px 3px; font-size: 10px; margin: 0; font-weight: bold; padding-right: 0px; padding-left: 18px; padding-bottom: 2px; padding-top: 3px; line-height: 17px;} a.homeLink1:hover,a.homeLink2:hover,a.homeLink3:hover,a.homeLink4:hover,a.homeLink5,a.homeLink6:hover {text-decoration:underline; cursor:hand;} .homelinkButton { background-image: none; border-top-style: none; border-right-style: none; border-left-style: none; background-color: transparent; border-bottom-style: none; color: Black; background-image: url(../img/interface/p_flecheBiblioTitre.gif); text-transform: none; background-repeat: no-repeat; background-position: 0px 3px; font-size: 12px; padding: 2px 0px 0px 18px; margin: 0; font-weight: bold; } .homelinkButton:hover, a.homelinkRetour:hover, a.homelinkRetour2:hover { text-decoration:underline;} a.homelinkRetour { color: #d21034; background-image: url(../img/interface/p_flecheNoire_Retour.gif); background-repeat: no-repeat; background-position: 0px 3px; font-size: 10px; margin: 0; font-weight: bold; padding-right: 0px; padding-left: 18px; padding-bottom: 2px; padding-top: 3px; line-height: 17px;} a.homeLinkRetour2 { color: Black; background-image: url(../img/interface/p_flecheBiblioTitre_Retour.gif); background-repeat: no-repeat; background-position: 0px 3px; font-size: 10px; margin: 0; font-weight: bold; padding-right: 0px; padding-left: 18px; padding-bottom: 2px; padding-top: 3px; line-height: 17px;} .homelinkRetourContainer { clear:both; width:700px; text-align:left; margin-left:10px; margin-top:5px; margin-bottom:5px; } .homelinkRetourContainerHaut { clear: both; text-align: left; margin-left: 10px; margin-top: 5px; margin-bottom: 5px; position: absolute; top: 150px;} #homeExposContainer {background-color:#D21034; margin:20px 0px 10px 0px;} #homeExpos {color:white; padding:10px;} img.homePictAlignLeft {text-align:left; margin:5px 3px 0px 0px;} .homeExpoEm {font-weight:bold;} #homePromoContainer {position:absolute; width:175px; right:17px; top:-157px; background-image:url(../img/interface/homePromoBkgrdTop.gif); background-repeat:no-repeat; padding-top:12px; background-color:transparent; display:block; } #homeRechercheContainer {position:absolute; width:175px; padding-top:12px; right: 620px; top: -105px; background-color:transparent; clear:both;} /* #homePromoContainer {float:left; margin-left:20px; top:-37px; background-image:url(../img/interface/homePromoBkgrdTop.gif); background-repeat:no-repeat; padding-top:12px; background-color:transparent;} */ #homePromoContent {background-image:url(../img/interface/homePromoBkgrd1.gif); background-repeat:repeat-y; padding-left:10px; background-color:transparent; } #homePromoContent h1 {color:white; font-weight: bolder; font-size:12px; margin:15px 0px 5px 0px;} #homePromoContent h2{ color: Black; font-weight: bolder; font-size: 12px; font-weight: bold; margin: 3px 0px 0px 0px;} #homePromoContent b {color:white; font-size:10px; margin:0px 0px 3px 0px;} #homePromoContent a {color: Black; font-weight: bolder; font-size: 12px; font-weight: bold; margin: 3px 0px 0px 0px;} #homePromoContent a:hover {text-decoration: underline;} #homePromoContent b a {color: White; font-weight: bolder; text-decoration: underline; font-size: 12px; font-weight: bold; margin: 3px 0px 0px 0px;} #homePromoContent b a:hover {text-decoration: none;} a.homePromoLien {color:white; text-decoration:none;} /* moteur de recherche */ .imputRecherche{ background-repeat: no-repeat; background-position: 2px 2px; font-size: 10px; background-image: url(../img/interface/rechercheLoupe.gif); background-color: #cbcbcb; border-top-style: none; border-right-style: none; border-left-style: none; border-bottom-style: none; text-indent: 15px; margin-top:3px;} /************** Immemoriaux **************/ #immemoriauxContentContainer {background-image:url(../img/Pictos/immemoriauxVisuel.jpg); background-repeat:no-repeat;width:780px; height:309px;} #immemoriauxContentContainer {height: auto; min-height:309px;} #immemoriauxTitre {background-color:#D21034; height:29px; padding-left:20px; padding-top:6px; position:absolute; top:420px; left:0px; width:760px;} #immemoriauxContentLeft {width:210px; float:left; padding-top:146px;} #immemoriauxContentLeftBottom {padding:45px 20px 40px 20px;} #immemoriauxStamp {background-image:url(../img/interface/immemoriauxStamp.gif); background-repeat:no-repeat; width:210px; height:294px;} .mdcTitleType1 {background-color:#B2D1DF; padding:3px 5px 3px 5px; font-weight:bold;} #immemoriauxContentLeftBottom p {margin:3px 0px 0px 5px;} a.mdcLinkType1 {background-repeat:no-repeat; background-position:0px 3px; font-size:11px; font-weight:bold; color:#D21034; padding-left:21px; margin:0;text-decoration:none;} #immemoriauxContentRight {width:540px; float:left; padding:340px 20px 0px 10px;} .immemoriauxContentRightBloc {margin:0; padding-bottom:30px;} .mdcRightContentType1 {width:330px; float:left;} .mdcRightImgType1 {text-align:right; float:left; margin-left:20px;} .mdcImgStyle1 {display:block; margin:5px 0px 5px 0px;} .mdcEmType1 {font-weight:bold;} .mdcEmType2 {color:#D21034; font-weight:bold;} .mdcEmType3 {color:#D21034; font-weight:normal;} /*********** Quand Partir **********/ #QPEdito{ height: 100%; padding: 15px 0px 0px 20px; background-image: url(../img/interface/quandPartirBkgrd.gif);} #QPEdito p {margin:13px 75px 5px 0px;} /* Ville*/ #QPEdito h1 {font-size: 30px; color: #d21034; font-family: Arial; letter-spacing: -2px; margin:0px 0px 0px 0px} #QPEdito #content a {font-size:10px; font-weight:bold; color:#000; padding:2px 0px 2px 3px; margin:0; text-decoration:underline; } #QPEdito #content a:hover { color:#FFF; background-color:#000; text-decoration:none;} #QPEdito #content a:visited { text-decoration: none; color: #333333;} a.QPLink1 {background-image:url(../img/interface/p_flecheBas.gif); background-repeat:no-repeat; background-position:0px 2px; font-size:10px; font-weight:bold; color:#000; padding:2px 0px 2px 15px; margin:0; display:block; } a.QPLink1:hover {text-decoration:underline;} a.QPLink2 {color:#D21034; text-decoration:underline;} .QPFormSelect1 {width:160px; font-size:11px;} #QPContentContainer {padding:30px 100px 0px 105px;} #QPContentContainer h1 { background-color: #D21034; /* width:105px; */ padding: 2px 0px 2px 5px; color: #fff; font-family: arial,sans-serif; font-size: 11px; margin: 0; width: 40%; } /* Sur Titre des contenus pour les ancres */ #QPContentContainer h2 {background-color:#FBF6E2; margin:0px 0px 5px 0px; padding:4px 0px 4px 20px; text-transform:uppercase; font-size:10px; font-weight:bold; } #QPContentContainer h5 { background-image: url(../img/interface/p_flecheNoireFdRouge.gif); background-repeat: no-repeat; background-position: 2px 6px; background-color: #D21034;/*#E5E0C7;*/ width: 500px; padding: 2px 0px 2px 5px; color: #000000; font-family: arial,sans-serif; font-size: 14px; margin: 20px 0px 10px -100px; text-indent: 20px;} #QPContentContainer p {margin:5px 0px 20px 0px;} .QPContentContainerp a {color:#000; padding:2px 0px 2px 3px; margin:0; text-decoration:underline;} .QPContentContainerp a:hover {color:#FFF; background-color:#000; text-decoration:none;} table.QPTableType1 td {vertical-align:top;border-bottom:solid 1px #F5B1AB;} table.QPTableType1 td.QPCaptionCell {text-align:center; font-weight:bold; color:#D21034; border-bottom:solid 1px #D21034; padding-bottom:3px;} table.QPTableType1 td.QPCaptionCell2 {text-align:center; font-weight:bold; color:#ED6B59; border-bottom:solid 1px #EA6256; padding-bottom:3px;} .QPNormCell1 {font-weight:bold; color:#D21034; padding:5px 0px 5px 0px;} .QPNormCell2 {font-weight:bold; color:#000; padding:5px 0px 5px 0px; text-align:center;} .QPNormCell3 {padding:5px 0px 5px 0px; } /*********** Quand Partir **********/ #CGVContainerPage #CGVEdito{ height: 100%; padding: 15px 0px 0px 20px; background-image: url(../img/interface/quandPartirBkgrd.gif);} #CGVContainerModale #CGVEdito{ padding: 15px 0px 0px 20px; text-align:center; font-style: oblique; } #CGVContainerModale #CGVContent { margin: 20px;} #CGVEdito p {margin:13px 75px 5px 0px;} /* Ville*/ #CGVEdito h1 {font-size: 30px; color: #d21034; font-family: Arial; letter-spacing: -2px; margin:0px 0px 0px 0px} a.CGVLink1 {background-image:url(../img/interface/p_flecheBas.gif); background-repeat:no-repeat; background-position:0px 2px; font-size:10px; font-weight:bold; color:#000; padding:2px 0px 2px 15px; margin:0; display:block; } a.CGVLink1:hover {text-decoration:underline;} #CGVContentContainer {padding:30px 100px 0px 105px;} #CGVContentContainer h1 { background-color: #D21034; /* width:105px; */ padding: 2px 0px 2px 5px; color: #fff; font-family: arial,sans-serif; font-size: 11px; margin: 0; width: 40%; } /* Sur Titre des contenus pour les ancres */ #CGVContentContainer h2 {background-color:#FBF6E2; margin:0px 0px 5px 0px; padding:4px 0px 4px 20px; text-transform:uppercase; font-size:10px; font-weight:bold; } #CGVContentContainer h5 { background-image: url(../img/interface/p_flecheNoireFdRouge.gif); background-repeat: no-repeat; background-position: 2px 6px; background-color: #D21034;/*#E5E0C7;*/ width: 500px; padding: 2px 0px 2px 5px; color: #000000; font-family: arial,sans-serif; font-size: 14px; margin: 20px 0px 10px -100px; text-indent: 20px;} #CGVContentContainer p {margin:5px 0px 20px 0px;} /************Genérale****************/ #GEdito{ height: 100%; padding: 15px 0px 0px 20px; background-image: url(../img/interface/quandPartirBkgrd.gif);} #GEdito p {margin:13px 75px 5px 0px;} /* Ville*/ #GEdito h1 {font-size: 30px; color: #d21034; font-family: Arial; letter-spacing: -2px; margin:0px 0px 0px 0px} a.GLink1 {background-image:url(../img/interface/p_flecheBas.gif); background-repeat:no-repeat; background-position:0px 2px; font-size:10px; font-weight:bold; color:#000; padding:2px 0px 2px 15px; margin:0; display:block; } a.GLink1:hover {text-decoration:underline;} a.GLink2 {color:#D21034; text-decoration:underline;} a.GLink3 {color:#D21034; text-decoration:underline;} a.GLink3:hover {text-decoration:none;} .GFormSelect1 {width:160px; font-size:11px;} #GContentContainer {padding:30px 100px 0px 105px;} #GContentContainer h1 { background-color: #D21034; /* width:105px; */ padding: 2px 0px 2px 5px; color: #fff; font-family: arial,sans-serif; font-size: 11px; margin: 0; width: 40%; } /* Sur Titre des contenus pour les ancres */ #GContentContainer h2 {background-color:#FBF6E2; margin:0px 0px 5px 0px; padding:4px 0px 4px 20px; text-transform:uppercase; font-size:10px; font-weight:bold; } #GContentContainer h5 { background-image: url(../img/interface/p_flecheNoireFdRouge.gif); background-repeat: no-repeat; background-position: 2px 6px; background-color: #D21034;/*#E5E0C7;*/ width: 500px; padding: 2px 0px 2px 5px; color: #000000; font-family: arial,sans-serif; font-size: 14px; margin: 20px 0px 10px -100px; text-indent: 20px;} #GContentContainer p {margin:5px 0px 20px 0px;} #GContentContainer a {color:#D21034; text-decoration:underline;} /********** resultat recherche **************/ #resultFormContainer {padding:1px 20px 20px 20px;} .resultTabBkgrd {background-image:url(../img/interface/resultTab_bkgrd.gif); background-repeat:repeat-y; z-index:1;} .searchTabCell1 {padding-left:15px; z-index:2;} #resultFormContainer form select {font-size:11px; margin-top:2px;} #resultFormContainer table td {padding-top:2px; padding-bottom:3px;} .searchTabCell2 {vertical-align:bottom;z-index:2;} #resultTitre {background-color:#D21034; height:29px; padding-left:20px; padding-top:6px; margin-bottom:0px;} #resultContainer {padding:15px 20px 15px 20px;} .resultBloc1 {margin:0; padding-bottom:20px;z-index:2;} .mdcLeftContentType1 {width:170px; padding-right:20px; float:left; text-align:right;} #resultParamaeter {float:none; padding-bottom:30px;} #resultParamaeter .input {float:left; padding-right:5px;} #resultMessage {float:none; width:400px; padding-left:10px; padding-bottom:30px;} .btnRechercher1 { width: 135px; font-weight: bold; color: #ffffff; font-family: Arial; background-color: #d21034; padding: 0px; margin: 0px; font-size: 11px; text-transform: capitalize; border-right: #d21034 thin solid; border-top: #d21034 thin solid; border-left: #d21034 thin solid; border-bottom: #d21034 thin solid;} .btnRechercher2 { width: 30px; font-weight: normal; color: #ffffff; font-family: Arial; background-color: #d21034; padding-right: 0px; padding-left: 0px; font-size: 11px; padding-bottom: 0px; margin: 0px; text-transform: capitalize; padding-top: 0px; border-right: thin solid; border-top: thin solid; border-left: thin solid; border-bottom: thin solid;} .btnRechercher3 { width: 135px; font-weight: bold; color: #d21034; font-family: Arial; background-color: #ffffff; padding: 0px; margin: 0px; font-size: 11px; text-transform: capitalize; border-right: #d21034 1px solid; border-top: #d21034 1px solid; border-left: #d21034 1px solid; border-bottom: #d21034 1px solid;} .tableauDate {width: 135px;} .resultatRech {color: #d21034;} .btnSuivant {width: 135px; font-weight: normal; color: #ffffff; font-family: Arial; background-color: #d21034; padding-right: 0px; padding-left: 0px; font-size: 11px; padding-bottom: 0px; margin: 0px; text-transform: capitalize; border-top-style: none; padding-top: 0px; border-right-style: none; border-left-style: none; border-bottom-style: none; border-right-style: double; border-left-style: double; border-bottom-style: double;} /*********** Quel Voyage **********/ #QVEditoContainer {background-image:url(../img/interface/QV_bkgrd.jpg); background-repeat:no-repeat; background-position:128px 96px; height:227px; padding:33px 20px 0px 40px; background-color:#BC0000;} #QVEdito {width:247px; float:left;} #QVEdito p {margin:10px 15px 0px 0px; font-size:11px; color:#fff;} #QVEditoImg {float:left; width:473px;} .QVEditoImgs {float:left; border:0;} #QVContentContainer {padding:30px 20px 0px 40px;} .QVContentBloc {clear:both; } .QVText {width:430px; float:left;} .QVText p {margin: 15px 20px 0px 0px;} .QVVisuel {width:290px; text-align:right; float:left;} /*********** commandes cata *************/ #cataVisuelsContainer {height:250px; background-color:#DFD8B9; padding-left:25px;} #cataVisuelBloc1 {padding-top:11px; padding-right:13px; float:left; border:0;} #cataVisuelBloc2 { padding-top: 50px; text-align:center; padding-left: 70px; float: left; border: 0; font-size: 13pt; line-height: 25pt;} #cataTitreHautPage {background-color:#D21034; height:45px;} .cataTitreHaut {float:left; margin:15px 20px 0px 20px;} #cataTitrePage {background-color:#D21034; height:45px;} .cataTitre1 {float:left; margin:15px 20px 0px 20px;} .cataFormRadioBloc {padding:18px 40px 0px 0px; color:#fff; font-weight:bold; float:left;/* width:85px;*/} #cataFormContainer {padding:15px 20px 0px 20px;} #cataCommandeForm {display:none;} #cataFormDownload {line-height:17px;} #cataFormContainer p {color:#D21034; font-weight:bold; margin:0px 60px 15px 0px;} /* MODIF ICI cataFormBloc1 !!!!!!!!! */ #cataFormBloc11 {width:735px; float:left; padding-right:25px;} #cataFormBloc11 h2 { background-color: #D21034; /* width:105px; */ padding: 2px 0px 2px 5px; color: #fff; font-family: arial,sans-serif; font-size: 11px; margin: 0; width: 40%; } #cataFormBloc1 {width:365px; float:left; padding-right:25px;} #cataFormBloc1 h2 { background-color: #D21034; /* width:105px; */ padding: 2px 0px 2px 5px; color: #fff; font-family: arial,sans-serif; font-size: 11px; margin: 0; width: 40%; } #cataFormBlocResult { margin-right:25px; color: Black; font-family: arial,sans-serif; font-size: 12px; margin: 0; font-weight:bold;} #cataFormBloc2 {width:350px; float:left;} /* MODIF ICI cataFormBloc2 !!!!!!!!! */ #cataFormBloc21 {width:500px; float:left;padding-left : 120px;} .cataFormTable1 td {vertical-align:top; font-size:11px; padding-top:3px;} .cataFormTable1 td input {margin-top:0px;} #cataFormBkgrd { background-image:url(../img/interface/cataFormBkgrd.gif); width:350px; background-repeat:repeat-y; text-align: center; } ataText{font-weight: normal; color: black; font-family: Arial; text-align:left; padding-left:18px; } .cataFormInput1 {width:215px; height:18px; font-size:11px;} .cataFormInputLarge1 {width:465px; height:18px; font-size:11px;} .CssTextArea { height: 100px !important; width: 200px !important; } .cataFormInput2{ width: 215px !important; height: 60px !important; font-size: 11px; overflow: auto;} .cataFormTable2 td {font-weight:bold;} .cataFormTable2 .cataFormInfo {padding: 5px 0px 10px 0px; color:#C51626; font-weight:normal;} #cataNewsLetter {padding:0px 20px 20px 0px; text-align:right; clear:both;} #cataNewsLetter form .catFormEmail {width:110px; font-size:11px;} #cataNewsLetter form .catBtnOk {width:25px; height:20px; font-size:11px;} .catBtnOk2 { width: 30px; font-weight: normal; color: #ffffff; font-family: Arial; background-color: #d21034; padding-right: 0px; padding-left: 0px; font-size: 11px; padding-bottom: 0px; margin: 0px; text-transform: capitalize; border-top-style: double; padding-top: 0px; border-right-style: double; border-left-style: double; border-bottom-style: double;} /* MODIF ICI */ .boxBrochure{float:none; display:block; width: 760px; } .infoBrochure{float:left; clear:none; margin:0 15px 10px 15px;} .titreBrochure{ display:block; font-weight:bold; color:#D21034; font-size:15px; margin:0 0 5px 0} .checkBrochure{display:block; font-weight:normal; color:black; font-size:10px;} .PanelTableDemCata{display:block; width :auto ; height :50px ; } .PanelEreurValidation {display:block; width :500px ; height :120px; clear:Left; margin:0px auto 0px auto; text-align:center;} .cataTextRed{font-weight: normal; color: red; font-family: Arial; text-align:left; padding-left:2px; } #cataVisuelsContainer2 {height:215px; background-color:#DFD8B9; padding-left:0px;} .cataFormDdl {width:215px; height:20px; font-size:11px;} .cataTextBold{font-weight: bold; color: black; font-family: Arial; text-align:left; padding-left:18px; } .cataLi{list-style-type:none; font-weight: bold; color: black; font-family: Arial; text-align:left; padding-left:18px; } .cataTextInfo{color:#D21034; font-weight:bold; margin:0px auto 0px auto;} .cataFormDdl2{height:22px;} /************* page hotels *************/ #hotelsFormContainer {padding:0px 20px 15px 20px; z-index:-100;} #hotelsFormBkgrd {background-image:url(../img/interface/hotelsBkgrd.gif); background-repeat:no-repeat; height:150px; z-index:-100;} #hotelsFormBloc {width:390px; float:left; padding:30px 0px 0px 15px; z-index:-100;} #hotelsFormVisuel {width:300px; float:right;padding-top:40px; padding-right:20px;} #hotelsFormVisuel img {padding-right:6px; width:50px; float:left;} #hotelsFormVisuel p { padding-right: 6px; font-weight: bold;} #hotelsFormBloc table td {font-weight:bold; z-index:-100;} .hotelsSelectBox1 {width:285px; font-size:11px; position:relative;} .hotelsSelectBox2 {width:128px; font-size:11px; position:relative;} #hotelsTitrePage {background-color:#D21034; height:35px;} .hotelsTitre1 {float:left; padding:7px 0px 0px 20px;} .hotelsContentContainer {padding:15px 20px 0px 20px;} .hotelsContentContainer h2 { width:530px; background-color: #FBF6E2; margin: 0px 0px 5px 0px; padding: 4px 0px 4px 20px; text-transform: uppercase; font-size: 10px; font-weight: bold; float:left; } .hotelsBlocLine{ clear: both; margin: 0; position: static;} .hotelsLeftBloc{ width: 190px; float: left; height: 100px;} .hotelsCenterBloc {width:360px; float:left;} .hotelsRightBloc { width: 190px; float: right; text-align: left; } .hotelsCenterBloc p {margin:0; padding:20px 20px 20px 0px;} .hotelsDiaporama {float:right;} .hotelsSepar {clear:both; background-image:url(../img/interface/hotelsSepar.gif); background-repeat:no-repeat; background-position:100% 100%; height:2px; margin-bottom:15px;} .hotelBouton { clear: both; float: none; position: static;} a.hotelsResa{ line-height:30px; color: #D21034; text-decoration: none; padding: 3px 10px 3px 10px; background-color: #FFFFFF; border: 1px solid #d21034;} a.hotelsResa:hover{ padding: 3px 10px 3px 10px; background-color: #D21034; border: none; color: #ffffff; border: 1px solid #d21034;} /********** page hotel diaporama ***********/ #HotelDpEdito{ z-index: 0; background-image: url(../img/interface/quandPartirBkgrd.gif); padding-top: 15px; padding-right: 0px; padding-bottom: 10px; padding-left: 20px; overflow: visible; position: relative;} #HotelDpEdito p {margin:13px 75px 5px 0px;} /* Ville*/ #HotelDpEdito h1 {font-size: 25px; color: #d21034; font-family: Arial; letter-spacing: -2px; margin:0px 0px 0px 0px} #HotelDpEdito h2 {font-size: 18px; color: #d21034; font-family: Arial; letter-spacing: -2px; margin:0px 0px 0px 0px} a.HotelDpLink1 {background-image:url(../img/interface/p_flecheBas.gif); background-repeat:no-repeat; background-position:0px 2px; font-size:10px; font-weight:bold; color:#000; padding:2px 0px 2px 15px; margin:0; display:block; } a.HotelDpLink1:hover {text-decoration:underline;} a.HotelDpLink2 {color:#D21034; text-decoration:underline;} a.HotelDpLink3 {background-image:url(../img/interface/p_flecheNoire.gif); background-repeat:no-repeat; background-position:0px 7px; font-size:10px; color:#000; padding:2px 0px 0px 16px; margin:0; display:block;} a.HotelDpLink3:hover {text-decoration:underline;} .HotelDpFormSelect1 {width:140px; height:16px; font-size:11px;} #HotelDpContentContainer { float: none; padding: 0px;} #HotelDpContentContainer h1 {background-color:#D21034; width:105px; padding:2px 0px 2px 5px; color:#fff; font-family:arial,sans-serif; font-size:11px; margin:0;} /* Sur Titre des contenus pour les ancres */ #HotelDpContentContainer h2 {background-color:#FBF6E2; margin:0px 0px 5px 0px; padding:4px 0px 4px 20px; text-transform:uppercase; font-size:10px; font-weight:bold; } #HotelDpContentContainer h5 { background-image: url(../img/interface/p_flecheNoireFdRouge.gif); background-repeat: no-repeat; background-position: 2px 6px; background-color: #D21034;/*#E5E0C7;*/ width: 500px; padding: 2px 0px 2px 5px; color: #000000; font-family: arial,sans-serif; font-size: 14px; margin: 20px 0px 10px -100px; text-indent: 20px;} #HotelDpContentContainer p {margin:5px 0px 20px 0px;} table.HotelDpTableType1 td {vertical-align:top;border-bottom:solid 1px #F5B1AB;} table.HotelDpTableType1 td.HotelDpCaptionCell {text-align:center; font-weight:bold; color:#D21034; border-bottom:solid 1px #D21034; padding-bottom:3px;} table.HotelDpTableType1 td.HotelDpCaptionCell2 {text-align:center; font-weight:bold; color:#ED6B59; border-bottom:solid 1px #EA6256; padding-bottom:3px;} .HotelDpNormCell1 {font-weight:bold; color:#D21034; padding:5px 0px 5px 0px;} .HotelDpNormCell2 {font-weight:bold; color:#000; padding:5px 0px 5px 0px; text-align:center;} .HotelDpNormCell3 {padding:5px 0px 5px 0px; } .HotelDpHeaderDroite { height: 1px; float: right; clear: both; padding: 4px 0px 0px 7px; width: 200px; margin-bottom: 13px; vertical-align: top; position: static; left: 420px; top: 160px; text-align: center;} .HotelDpHeaderGauche { z-index: 100; position: absolute; float: none; height: 40px; float: left; padding: 3px 0px 0px 7px; margin-bottom: 15px; vertical-align: top; text-align: center; left: 5px; top: 15px;} .HotelDpHeaderGaucheDiv {width:45px;height:50px;position:relative;float:left;} a.HotelDp {border: solid 1px #D21034; display: block; width: 267px; height: 28px; color: #D21034; font-weight: bold; text-decoration: none; text-align: center; padding-top: 3px; margin-top: 15px; margin-left: 10px; background-color: #EFECDD;} .HotelDpHeaderBoutonContainer { z-index: 100; position: absolute; padding-right: 10px; text-align: left; margin-bottom: 10px; float: left; display: block;} .HotelDpDescriptifContainer {padding-right:20px; padding-left:10px;} #HotelDpDescriptifContainer {padding:10px 100px 0px 105px; z-index:2;} #HotelDpAutreContainer{ padding: 15px 0px 15px 0px; clear:both;} .hotelContentLeftF span { float:left; width:155px; padding-top: 0px; padding-right: 5px; padding-bottom: 0px; padding-left: 0px;} #hotelTitre1 { padding:5px 0px 0px 20px; float:none;} #hotelTitre1 img {padding:4px } #hotelTitre1 h3 {font-size: 20px; float:left; padding-top:15px; padding-left:5px; color: #000000; font-family: Arial; letter-spacing: -2px; margin:0px 0px 0px 0px} #hotelTitre2 {background-color:#D7D997; height:17px; padding:5px 0px 0px 20px; float:none; clear:both;} /************* page vol-sec *************/ #volsFormContainer {padding:0px 20px 15px 20px;} #volsFormBkgrd {background-image:url(../img/interface/hotelsBkgrd.gif); background-repeat:no-repeat; height:150px;} #volsFormBloc {width:380px; float:left; font-weight:bold; padding:30px 0px 0px 15px;} #volsFormVisuel {float:right;padding-top:2px; padding-right:2px;} #volsFormBloc table td {font-weight:bold;} .volsSelectBox1 {width:285px; font-size:11px;} .volsSelectBox2 {width:128px; font-size:11px;} #volsTitrePage {background-color:#D21034; height:35px;} .volsTitre1 {float:left; padding:7px 0px 0px 20px;} #volsContentContainer {padding:15px 20px 0px 20px;} .volsBlocLine{ clear: both; margin: 0; position: static;} .volsLeftBloc{ width: 190px; float: left; height: 100px;} .volsCenterBloc {width:360px; float:left;} .volsRightBloc {width:190px; float:right; text-align:left;} .volsCenterBloc p {margin:0; padding:20px 20px 20px 0px;} .volsDiaporama {float:right;} .volsSepar {clear:both; background-image:url(../img/interface/hotelsSepar.gif); background-repeat:no-repeat; background-position:100% 100%; height:2px; margin-bottom:15px;} /********* page promos *********/ #promoStarContainer {background-color:#DFD8B9; float:right;} #promoOffres {width:388px; float:left; margin-right:5px;} #promoStarVisuel {float:left;} .promoImgType1 {margin:0px 0px 3px 0px; display:block; border:0;} .promoOffresListing {padding-left:15px; float:right;} .promoOffresListing p {margin:0px 0px 5px 0px;font-weight:bold; } #promoListingContainer {padding:30px 0px 0px 20px;} span.promoHeader {display:block; width:163px; height:16px; background-color:#D21034; color:#fff; font-weight:bold; padding:4px 0px 0px 7px; margin-bottom:13px; clear:both;} .promoBlocContainer {float:left; width:250px; padding-left:20px;} .promoBlocContainer img {display:block; margin:0px 0px 6px 0px; border:0;} .promoBlocContainer a.promoLink {background-image:url(../img/interface/p_flecheBiblioLien.gif); background-repeat:no-repeat; background-position:0px 4px; display:block; font-size:10px; font-weight:bold; color:#D21034; padding-left:15px; margin:0; } .promoBlocContainer a.promoLink:hover {text-decoration:underline;} .promoBlocContainer p {margin:0px 0px 20px 15px; font-weight:bold;} /*PROMO*/ #vol_bloc_gauche{text-align:center; float:left; overflow:hidden;} #vol_bloc_droite{text-align:center; float:left; overflow:hidden; background-color:#e4deb9;} #div_promo{padding:5px; background-color:#f2efe2;text-align:center;} #liste_promo{text-align:center;} #InfoEntete{padding:2px; text-align:left; background-color:#D21034; color:White; font-size:10px;} #InfoContenu{padding:4px; text-align:left; background-color:white; color:black; font-size:10px;} .InfoBullePromo{border:solid 1px black; width:220px;} /*FIN PROMO*/ /********* page expositions *********/ #exposContentContainer {margin:20px 20px 0px 20px;} .exposCenterContent {width:360px; margin:0px 20px 20px 0px; float:left;} .exposRightContent {width:170px; float:left;} .exposImgTitre {display:block; margin:0px 0px 0px 0px; border:0;} .exposCenterContent p, .exposRightContent p, .rdvContentRight p { margin: 5px 0px;} .exposHeader { background-color: #D21034; clear: both;} .exposHeaderGauche{ float: left; width:350px; color: #FFFFFF; padding: 4px 0px 0px 7px; margin-bottom: 13px; text-align: justify;} .exposHeaderDroite { float: left; padding: 4px 0px 0px 7px; margin-bottom: 13px; vertical-align: top; } .exposHeader table { background-color: #D21034; clear: both; position: static;} /******** page RDV Culturels *********/ #rdvCHeader { background-color: #D21034; padding: 15px 0px 0px 20px; clear: left; display: block; float: left; visibility: visible;} #rdvHeaderLeft {width:293px; float:left; color:White;} #rdvHeaderRight {width:467px; float:left;padding-top:15px;} a.rdvLink1 {background-image:url(../img/interface/p_flecheBasfdRouge.gif); background-repeat:no-repeat; background-position:0px 2px; font-size:10px; font-weight:bold; color:#fff; padding:2px 0px 2px 15px; margin:0; display:block; } a.rdvLink1:hover {text-decoration:underline;} .rdvImgTitre {margin:0px 0px 20px 0px; display:block;} .rdvSelectBox {width:170px; font-size:11px; margin-top:15px;} #rdvContentContainer {padding:8px 20px 0px 20px;} .rdvLineContent {clear:left;} .rdvLineContentLeft {width:100px; margin-right:20px;float:left;} .rdvLineContentCenter {width:360px; margin-right:20px;float:left;} .rdvContentRight {width:170px;float:right;padding-top:12px;} .rdvContentRight a {text-decoration:none; color:#D21034;} .rdvContentRight a:hover {text-decoration:underline; color:#D21034;} span.rdvTitle {display:block; height:16px; background-color:#D21034; color:#fff; font-weight:bold; padding:4px 0px 0px 7px; margin:12px 0px 0px 0px; clear:both;} .rdvLineContentCenter p {margin:10px 0px 10px 0px;} a.rdvResa {border:solid 1px #D21034; display:block; width:125px; height:17px; color:#D21034; font-weight:bold; text-decoration:none; text-align:center; padding-top:3px; margin-top:10px;} .mdcSeparLine360 {clear:both; background-image:url(../img/interface/craieSepar360.gif); background-repeat:no-repeat; height:2px; margin:10px 0px 0px 0px;} #rdvFormContainer {text-align:left; width:170px; display:none;} .rdvFormContent {background-image:url(../img/interface/bkgrd_homeForm1.gif);background-repeat:repeat-y; width:170px;} .rdvFormInput {width:126px; height:18px; font-size:11px; margin:2px 0px 2px 0px;} .rdvFormWrapper {padding-top:20px;} /*********** page Contacts **********/ #contactEditoContainer {background-color:#D21034; padding:0px 20px 0px 20px; height:172px;} #contactEdito {width:337px; float:left; padding:15px 45px 0px 0px} #contactEditoImg {float:right;} #contactEdito p {color:#fff; padding-top:11px; margin:0;} #contactEdito p span {color:#000; font-weight:bold;} #contactBandeNoire {height:20px; background-color:#000; color:#fff; padding-left:20px; padding-top:5px;} #contactContentContainer {padding:5px 0px 0px 20px;} .mdcTextBloc1 {width:380px; float:left;} .mdcTextBloc1 p {margin:0; padding:5px 0px 0px 0px;} .mdcTextBloc1 p em {color:#D21034; font-weight:bold; font-style:normal;} a.mdcLinkType2 {background-image:url(../img/interface/p_flecheBiblioLien.gif); background-repeat:no-repeat; background-position:0px 4px; display:block; font-size:10px; font-weight:bold; color:#000; padding-left:15px; margin:0; } /*********************************************/ /*************** Page voyage type ************/ .voyageRadioList { width:500px; font-weight:bold; text-align:left; } .voyageRadioList input { float:none; text-align:left; } /*********** page Seuls ou entre amis ******** #seulsEditoContainer {background-image:url(../img/interface/seulsBkgrd1.gif); background-repeat:repeat-x; height:176px; margin-bottom:25px;} #seulsEditoGlobalContainer {background-image:url(../img/Pictos/seulsEditoVisuel.gif); background-repeat:no-repeat; background-position:464px 0px; height:176px;} #seulsEditoStamp {background-image:url(../img/Pictos/seulsTitre.gif); background-repeat:no-repeat; background-position:20px 65px; height:176px;} #seulsEditoTextBloc {font-weight:bold; padding:85px 270px 0px 103px; height:57px;} #seulsEditoTitre {padding:7px 0px 0px 20px; position: relative; top: 0px;}*/ .mdcTextBloc2 { width: 170px; float: left; padding: 0px 20px 0px 10px; text-align:left;} /*Gestion des h1 pour les ascx, on cache les titres mis en pages d'accueil*/ .mdcTextBloc2 h1{ font-size: 1pt; color: #d21034; clip: rect(2px auto 2px auto); margin-top: 2px; margin-bottom: 0px; padding-bottom: 0px; padding-top: 2px;} .mdcTextBloc3 {width:540px; float:left;} .mdcTitleType2 {background-color:#DFD8B9; padding:3px 5px 3px 5px; font-weight:bold;} .mdcTextBloc2 p {margin:0;} /*********** page Circuit accompagné ******** #circuitEditoContainer {background-image:url(../img/interface/seulsBkgrd1.gif); background-repeat:repeat-x; height:176px; margin-bottom:25px;} #circuitEditoGlobalContainer {background-image:url(../img/Pictos/AccompagneEditoVisuel.gif); background-repeat:no-repeat; background-position:464px 0px; height:176px;} #circuitEditoStamp {background-image:url(../img/Pictos/Accompagnestitre.gif); background-repeat:no-repeat; background-position:20px 65px; height:176px;} #circuitEditoTextBloc {font-weight:bold; padding:85px 270px 0px 103px; height:57px;} #circuitEditoTitre {padding: 7px 0px 0px 20px; position: relative; top: 0px; z-index:0;}*/ /*background-image:url(../img/Titres/accompagnes_titre.gif); background-repeat:no-repeat; background-position:10px 0px;*/ /****************** Autotour **************** #autotourEditoContainer {background-image:url(../img/interface/seulsBkgrd1.gif); background-repeat:repeat-x; height:176px; margin-bottom:25px;} #autotourEditoGlobalContainer {background-image:url(../img/Pictos/autotoursEditoVisuel.gif); background-repeat:no-repeat; background-position:464px 0px; height:176px;} #autotourEditoStamp {background-image:url(../img/Pictos/Autotourtitre.gif); background-repeat:no-repeat; background-position:20px 65px; height:176px;} #autotourEditoTextBloc {font-weight:bold; padding:85px 270px 0px 103px; height:57px;} #autotourEditoTitre {padding:7px 0px 0px 20px; position: relative; top: 0px;} /*********** Module & extension ******** #extensionEditoContainer {background-image:url(../img/interface/seulsBkgrd1.gif); background-repeat:repeat-x; height:176px; margin-bottom:25px;} #extensionEditoGlobalContainer {background-image:url(../img/Pictos/persoEditoVisuel.gif); background-repeat:no-repeat; background-position:464px 0px; height:176px;} #extensionEditoStamp {background-image:url(../img/Pictos/Persotitre.gif); background-repeat:no-repeat; background-position:20px 65px; height:176px;} #extensionEditoTextBloc {font-weight:bold; padding:85px 270px 0px 103px; height:57px;} #extensionEditoTitre {padding:7px 0px 0px 20px; position: relative; top: 0px;} /********** page Japon ***********/ #japonEditoContainer {background-image:url(../img/interface/japonBkgrd.gif); background-repeat:repeat-x; height:196px; float:left;} #japonEditoBlocLeft{ width: 685px; float: left; padding-right: 50px; padding-left: 40px; padding-bottom: 0px; padding-top: 25px;} #japonEditoBlocRight {float:left;} #japonEditoBlocRight p {font-weight:bold; color:#fff; margin:0; padding-top:2px;} #japonEditoText {height:61px; font-weight:bold;} .destResultBloc1 {margin:0; padding:10px 20px 30px 20px; clear:both;} .mdalLeftContentType1 {width:75px; padding-right:20px; float:left;} .mdalRightContentType1 {width:645px; float:left; padding-bottom:30px;} .mdalResultBlocType1 {width:350px; float:left;} .mdalRightImgType1 {width:295px; text-align:right; float:left} #japonEditoContainer a { text-decoration:underline; } #japonEditoContainer a:hover { text-decoration:none; } /********** page Paiement ***********/ /* .paiementContainer{} */ /* cadres */ .paiementTabBkgrdSep {background-image:url(../img/interface/resultTab_bkgrd_separation175.gif); background-repeat:repeat-y; position:static; padding:10px;} .paiementTabBkgrd {background-image:url(../img/interface/resultTab_bkgrd.gif); margin-top:-35px; background-repeat:repeat-y; position:static; padding:10px; } .paiementTabHeaderBkgrd { Width:750px; Height:192px; background-image: url(../img/interface/cadreCouleur/CadrePlein_hPaid.gif); background-repeat: no-repeat; position: static; margin-left: -6px; margin-bottom: -15px; padding-left:45px; padding-top: 10px;} .paiementTabHeaderBkgrdTrait{ Width:750px; Height:10px; background-image: url(../img/interface/resultTab_h.gif); background-repeat: no-repeat; position: static; padding: 15px; } .paiementTexte p { margin-bottom: 8px; margin-top: 5px; width:90%; } .paiementTabTitre { width:700px; text-align:left; padding-right:70px; padding-left:20px; padding-bottom:3px; margin-top:15px;} .paiementTabTitreAP {background-image: url(../img/interface/resultTab_cartouche.gif); text-align:center; width: 745px; height:25px; text-align: left; padding-right: 70px; padding-left: 20px; padding-bottom: 3px; padding-top:20px; margin-top: 15px; vertical-align: middle; text-align: center; background-repeat: no-repeat; background-position: -5px 0px;} .paiementTabBkgrdcadreCouleur { background-image: url(../img/interface/cadreCouleur/CadrePlein_m1.gif); background-repeat:repeat-y; position:static; padding:10px; color:#FFFFFF;} .paiementTabBkgrdcadreCouleur table {width:90%; } .paiementTabBkgrdcadreCouleur p { margin-bottom: 8px; margin-top: 5px; } .paiementTabBkgrCadreUni { text-align:center; background-image: url(../img/interface/cadreCouleur/CadrePlein_Gm1.gif); background-repeat:repeat-y; position:static; padding:10px;} .paiementTabBkgrCadreUni table { width:720px; padding:5px; } .paiementCentrer { padding-left:10px; width:310px;} .paiement-type_Cb { vertical-align: bottom; border: 5px;} .paiement-type_Cb label {border:4px; padding-right:20px; } .paiementTabOnglet {overflow: visible;float: left; width: 170px; position: static; height: 100%;} .paiementTabContenu {float: left; width: 500px; position: static;} .paiementMessage { font-weight: bold; text-decoration: blink; font-size: 15px;} a.paiementRouge { line-height: 25px; color: #D21035; font-weight: bold; text-decoration: underline; padding-right: 20px; padding-left: 10px; padding-bottom: 0px; padding-top: 0px; } a.paiementNoir { line-height: 25px; color: #000000; font-weight: bold; text-decoration: none; padding-right: 20px; padding-left: 10px; padding-bottom: 0px; padding-top: 0px; cursor: default;} a.paiementNoirS { line-height: 25px; color: #000000; font-weight: normal; text-decoration: underline; padding-right: 20px; padding-left: 10px; padding-bottom: 0px; padding-top: 0px; } a.paiementNoirS:hover, a.paiementRouge:hover {text-decoration: none; } .paiementEuro{ background-image: url(../img/interface/euro.gif); background-position: right 0px; background-repeat: no-repeat; padding-right:15px; width:130px;} a.btnPaiementLk { line-height: 25px; background-image: url(../img/interface/p_flecheLienBas.gif); background-repeat: no-repeat; background-position: 0px 0px; color: #000000; font-weight: bold; text-decoration: none; padding-right: 20px; padding-left: 10px; padding-bottom: 0px; padding-top: 0px; } a.btnPaiementLk:hover {text-decoration:underline;} a.btnPaiementLkActive {line-height: 25px; background-image:url(../img/interface/p_flecheHomeLink.gif); padding:0px 20px 0px 12px; background-repeat:no-repeat; background-position:0px 3px; color:#D31A01; font-weight:bold; text-decoration:none;} a.btnPaiementLkActive:hover {text-decoration:underline;} a.btnPaiementLkBlanc { padding:0px 0px 0px 3px; font-weight:bold; background-repeat:no-repeat; background-position:0px 3px; color:#FFFFFF; text-decoration:none;} a.btnPaiementLkBlanc:hover {text-decoration:underline;} div.hr { position:relative; float:left; height: 5px; padding-top: 0px; padding-bottom: 5px; width: 90%; background: url(../img/interface/craieSepar360.gif) #fff repeat-x center 50%; } div.hr hr { display: none; } .paiementHautGContainer {float:left; padding-right: 20px; padding-left: 20px; padding-bottom: 0px; width: 500px; padding-top: 5px; height:45px;} .paiementHaut {float:none; position:relative;} .paiementHautG { float: left; width: 90%; } .paiementHautD {float:none;} .paiementBas { position:relative; padding-right: 20px; padding-left: 20px; float: none; padding-bottom: 10px; padding-top: 5px; width: 100%;} /* Eléments du formulaire */ .paiementCBAlign { overflow:visible; float: left; height: 55px; padding-right: 10px; padding-left: 2px; padding-top: 10px; font-weight: bold; clear: none;} .paiementCBCrlf { float:none; height:55px; padding-right:10px; padding-left:2px; padding-top:10px; font-weight:bold; } .paiementTitle1 { float:none; width:400px; margin-bottom: 10px; font-weight: bold; font-size: 13px; font-variant: small-caps; } .paiementBtnContainer { text-align:right; margin-top:10px; float:left; } .paiementGroupeContainer { background-color: #eaeaea; width: 500px; float: none; padding: 5px; margin: 0px;} .paiementGroupeContainer legend{ color: #000000; padding-bottom:10px; } .paiementGroupeContainer fieldset { border-top-style: none; border-right-style: none; border-left-style: none; border-bottom-style: none;} .paiementTextSimple {margin-left:10px; padding:5px; width:500px;} .paiementError { clear: both; width:500px; margin-left:100px; position:relative; } .paiementErrorNotVisible{ width: 500px; padding-left: 100px; position: absolute; left: -200px; top: -200px;} /********** page communiques ***********/ #communiquesTitre {background-color:#D21034; padding:11px 0px 0px 20px; height:35px;} .communiquesLine {padding:18px 20px 18px 0px; border-bottom:solid 1px #E5E5E5;} .communiquesLine2 {padding:0px 20px 18px 0px;} .communiquesLineLast {padding:18px 20px 18px 0px;} .communiquesLeftBloc {width:190px; float:left;} #communiquesContainer {margin:0;} #communiquesContainer h1 {background-color:#FBF6E2; margin:0px 0px 5px 0px; padding:4px 0px 4px 20px; text-transform:uppercase; font-size:10px; font-weight:bold;} .communiquesRightBloc {float:left; padding-left:20px; width:550px; } .communiquesRightBloc p {margin:0; padding-top:3px;} .communiquesRightBloc p.mdcPStyle1 {margin:0; padding:5px 0px 5px 0px;} .clearFix {clear:both;} a.mdcLinkType3 {background-image:url(../img/interface/p_flecheBiblioTitre.gif); background-repeat:no-repeat; background-position:0px 3px; font-size:11px; font-weight:bold; color:#000; padding-left:21px; margin:0;text-decoration:none;} a.mdcLinkType3 span {font-weight:normal;} a.mdcLinkType3 em {font-style:normal; color:#D21034;} a.mdcLinkType3:hover {text-decoration:underline;} /********* page partenaires ********/ #partenairesEditoContainer{ background-color: #DFD8B9; padding-top: 10px; padding-left: 20px; margin-bottom:10px; background-image: url(../img/interface/partenairesBkgrd.gif); background-repeat: no-repeat; background-position: 100% 0; width:98%; float: left;} #partenairesEditoContainer p {margin:0; padding-top:5px;} #partenairesEditoTexte{ width: 540px; padding-bottom: 0px; padding-top: 0px; position: static; display: block; clear: left;} #partenairesEditoLink{ width: 200px; padding-bottom: 20px; position:static;} .communiquesRightBloc h1 {background-image:url(../img/interface/p_flecheBiblioTitre.gif); background-repeat:no-repeat; background-position:0px 3px; font-size:11px; font-weight:bold; color:#000; padding-left:21px; margin:0;text-decoration:none; padding-bottom:5px;} .communiquesRightBloc h2 {margin:0; color:#B3B1A8; font-size:10px; font-weight:bold; text-transform:uppercase; padding-bottom:5px;} a.partenairesLink { background-image: url(../img/interface/p_flechePartenaireLien.gif); color: Black; background-repeat: no-repeat; background-position: 0px 6px; font-size: 10px; margin: 0; font-weight: bold; padding-right: 0px; padding-left: 18px; padding-bottom: 2px; padding-top: 3px; line-height: 17px;} a.partenairesLink:hover {text-decoration:underline;} /********* page collectivites **********/ #collectivitesTitle, #entreprisesTitle {margin-right:20px; } #collectivBandeau {background-color:#D21034; height:20px; border-bottom:solid 1px #fff; clear:both;} #collectivEditoContainer {background-color:#DFD8B9; padding-top:10px; background-image:url(../img/interface/collectivFrise.gif);background-repeat:no-repeat; background-position:0 100%; height:165px;} #collectivEditoContainerB {background-color:#DFD8B9; background-image:url(../img/interface/collectivFrise.gif);background-repeat:no-repeat; background-position:0 100%; } #collectivEditoLeft {width:350px; padding:0px 30px 0px 20px; float:left;} #collectivEditoLeftB {width:470px; padding:35px 30px 15px 20px; float:left;} #collectivEditoLeftB h1 {color:#D21034; font-size:24px; font-family:arial,helvetica,sans-serif; margin:0px 0px 8px 0px;} #collectivEditoLeftB h2 {color:#000; font-size:12px; font-family:arial,helvetica,sans-serif; margin:0px 0px 8px 0px;} #collectivEditoLeftB p {margin:0;} #collectivEditoLeft em {font-weight:bold; font-style:normal;} #collectivEditoLeft p {margin:5px 0px 0px 0px; font-size:11px;} .collectivVisuelType1 {margin-top:5px;} #collectivEditoRightB {width:200px; vertical-align:middle; text-align:center; padding:0px 20px 0px 0px; float:right;} #collectivEditoRightB h1 {color:#D21034; font-size:24px; font-family:arial,helvetica,sans-serif; margin:0px 0px 8px 0px;} #collectivEditoRightB h2 {color:#000; font-size:12px; font-family:arial,helvetica,sans-serif; margin:0px 0px 8px 0px;} #collectivEditoRightB p {margin:0;} #collectivEditoRight em {font-weight:bold; font-style:normal;} #collectivEditoRight p {margin:5px 0px 0px 0px; font-size:11px;} #collectivBandeauBas {background-color:#000000; padding:5px 0px 0px 20px; height:23px; border-top:solid 2px #fff;} #collectivContent {padding:20px 0px 0px 0px; width:570px; } .collectivRetrait {padding:0px 0px 0px 20px; } .collectivContentBloc {width:190px; float:left; line-height:15px;} #collectivProgTitle { position:relative; left:20px; top:0px; width:153px; height:30px;} #collectivPartners1 { float: right; left: 606px; top: 425px; } #collectivPartners { width: 130px;} #collectivPartnersMiddle {background-image:url(../img/interface/coll_bkgrd_mid.gif); width: 180px; background-repeat:repeat-y; background-color:transparent;} #collectivPartnersMiddle em {color:#fff; font-style:normal; padding-left: 10px; padding-right: 10px;} #collectivPartnersMiddle p { margin: 5px 0px 0px 0px; line-height: 13px; padding-left: 10px; padding-right: 10px;} #collectivPartnersMiddle a {display:block; color:#000; text-decoration:none; padding-left: 10px; padding-right: 10px;} #collectivPartnersMiddle h1 {color:white; font-size:11px; margin:3px 0px 5px 0px; padding-left: 10px; padding-right: 10px;} #collectivPartnersMiddle a:hover {text-decoration:underline; padding-left: 10px; padding-right: 10px;} #collectivPartnersTop { position: static; height: 22px; width: 180px; background-image:url(../img/interface/coll_bkgrd_top.gif); background-repeat:no-repeat; background-color:transparent;} #collectivPartnersBottom{ background-image: url(../img/interface/coll_bkgrd_bottom.gif); background-repeat: no-repeat; background-color: transparent; position: static; height: 34px; width: 180px;} #collectivFormContent1 {padding:5px 0px 0px 20px} #collectivFormContent1 div {width:380px; float:left; font-weight:bold; padding-top:5px;} .collectivInput1 {width:130px; height:16px; border:solid 1px #A5ACB2; font-size:10px; margin:3px 0px 3px 0px;} .collectivInput2 {width:360px; height:16px; border:solid 1px #A5ACB2; font-size:10px; margin:3px 0px 3px 0px;} .collectivInput3 {width:80px; height:16px; border:solid 1px #A5ACB2; font-size:10px; margin:3px 5px 3px 0px;} .collectivInput4 {width:272px; height:16px; border:solid 1px #A5ACB2; font-size:10px; margin:3px 0px 3px 0px;} .collectivInput5 {width:360px; height:40px; border:solid 1px #A5ACB2; font-size:10px; margin:3px 0px 3px 0px;} p.collectivFormValid {padding:40px 20px 0px 0px;margin:0; text-align:right;} /******** page n-1 groupe/collectivits_detail ********/ #devisGroupeCenter {width:400px; float:right; font-weight:bold; padding:0px 0px 0px 170px;} #devisGroupeCenter h1 {font-size:11px; margin:0px 0px 3px 0px;} .devisInfos1 {float:right; color:#C51626; font-weight:normal; margin-right:50px;} .devisInfos2 {color:#C51626; font-weight:normal; } #devisGroupeRight {width:400px; float:none;font-weight:bold;} .devisGroupeTab1Bkgrd {background-image:url(../img/interface/n3DevisTabh1.gif); padding:0px 20px 0px 20px; background-repeat:repeat-y; width:341px;} #FormBlocCollectivites{ background-image: url(../img/interface/n3DevisTabBkgrd1.gif);padding:0px 20px 0px 20px; background-repeat: repeat-y; width: 400px; background-position: left;} #FormHautCollectivites {background-image:url(../img/interface/n3DevisTabh2.gif); background-position: left; background-repeat:repeat-x; text-align: center; } #FormBasCollectivites {background-image:url(../img/interface/n3DevisTabb1.gif); background-position: left; background-repeat: repeat-x; text-align: center; } .texteReponseGoupe { font-weight: normal; padding-bottom: 100px; margin: 30px 30px 100px 50px; vertical-align: middle; text-align: center } #devisGroupeCenter2 {width:300px; float:right; font-weight:bold; padding:0px 5px 0px 100px;} #devisGroupeCenter2 h1 {font-size:11px; margin:0px 0px 3px 0px;} #FormBlocVous {padding:0px 140px 0px 0px; background-repeat: repeat-y; width: 400px; background-position: left;} #FormHautVous {background-image:url(../img/interface/n3DevisTabh2.gif); background-position: left; background-repeat:repeat-x; text-align: center; } #FormBasVous {background-image:url(../img/interface/n3DevisTabb1.gif); background-position: left; background-repeat: repeat-x; text-align: center; } p.groupeCollectivFormValid{ margin: 0px 0px 0px 200px; text-align: right;} /******** page n-2 itinéraire sur mesure ********/ #itinEditoContainer {background-color:#DFD8B9; height:200px; background-image:url(../img/interface/n2SMesureBkgrd.gif);background-repeat:no-repeat; background-position:30% 0;} #itinEdito {width:285px; padding:30px 45px 0px 130px; background-image:url(../img/interface/n2SMesureStamp.gif);background-repeat:no-repeat; background-position:20px 26px; float:left; height:170px;} #itinEdito p {width:285px; margin:20px 0px 0px 0px;} #itinEditoVisuel {width:300px; float:left;} #itinEditoVisuel p {margin:0; background-color:#000; padding:5px 0px 0px 20px; height:45px;} #itinEditoVisuel em {color:#D21034; font-weight:bold; font-style:normal;} #itinEditoVisuel span {color:#fff; font-weight:bold;} #itinEditoVisuel a {color:#fff; font-weight:bold; text-decoration:none;} #itinEditoVisuel a:hover {text-decoration:underline;} .itinOffresLeft {width:330px; float:left; padding:30px 50px 0px 20px;} .itinOffresRight {width:330px; float:left; padding:30px 50px 0px 0px;} .itinOffresLeft p, .itinOffresRight p {width:330px; margin:10px 0px 0px 0px;} /******** Formulaire Générale *********/ #formulaireContentContainer {padding-top:20px; padding-left:20px;} .formulaireBloc{ background-image: url(../img/interface/n3DevisTabBkgrd1.gif); background-repeat: repeat-y; width: 382px; overflow: visible; margin-bottom:20px;} .formulaireHaut{ background-image: url(../img/interface/n3DevisTabh1.gif); background-position: left top; background-repeat: no-repeat; text-align: center;} .formulaireBas{ background-image: url(../img/interface/n3DevisTabb1.gif); position: relative; background-position: left bottom; background-repeat: no-repeat; text-align: center; display: block;} .formulaireBigBloc { background-image: url(../img/interface/resultTab_bkgrd.gif); background-repeat: repeat-y; width:740px; overflow: visible; } .formulaireBigHaut{ background-image: url(../img/interface/resultTab_h.gif); background-position: left top; background-repeat: no-repeat; text-align: center;} .formulaireBigBas { background-image: url(../img/interface/resultTab_b.gif); position: relative; background-position: left; background-repeat: no-repeat; text-align: center; display: block; } /*version sur 2 colonnnes *//* .formulaireRightContainer {width:360px; float:left; margin-bottom:25px; margin-top:25px;} .formulaireLeftContainer {width:380px; float:left; margin-right:10px; margin-bottom:25px; margin-top:25px;} *//*version sur 1 colonnes */ .formulaireRightContainer {width:540px; float:none; margin-left:200px; margin-bottom:25px; margin-top:25px;} .formulaireLeftContainer {width:540px; float:none; margin-left:200px; margin-bottom:25px; margin-top:25px;} .formulaireBigContainer {width:740px; float:left; margin-right:10px; margin-bottom:25px; margin-top:25px;} .formulaireContent { padding-left: 15px; text-align: left; position: static; overflow: auto;} .formulaireContent h1 {font-size:11px; margin:0px 0px 3px 0px;} .formulaireContent label { font-weight: bold; margin: 0px 0px 3px 0px; color: black;} .formulaireContent p { float: left; /* position: static; */ margin-bottom: 10px; font-weight: bold; vertical-align: middle; } .formulaireContent span{ float: left; font-weight:normal; color: #df0014;} .formulaireContent input { font-size: 11px; margin-bottom:3px; float:none; margin-right:10px; font-weight:normal; } .formulaireContent select{ font-size: 11px; font-weight:normal; width:300px; margin-bottom:3px; margin-right:10px; } .formulaireContent option, radio{ font-size: 11px; font-weight:normal; margin-bottom:3px; margin-right:10px; } .formulaireContent textarea { font-size: 11px; font-weight: normal; width: 300px; margin-bottom: 3px; margin-right: 10px; height: 70px;} .formulaireContent .radio { float: none; width:300px; vertical-align: middle; position: relative; margin-bottom: 10px; margin-top:-7px; font-weight: bold; vertical-align: middle; } .formulaireContent .radio input { float: left; text-align: left; position: relative; margin-bottom: 10px; font-weight: normal; } .formulaireContent .radio label { font-weight: normal; width:120px; text-align:left; float:left; } .formulaireContent .check { width:100%; margin-bottom: 10px; margin-top:-7px; font-weight: bold; vertical-align: middle; } .formulaireContent .check input { text-align: left; font-weight: normal; } .formulaireContent .check label { float:none; font-weight: normal; text-align:left; } .formulaireContent div { width:300px; float:left; position:relative; margin-left:15px; } /* permet au footer de ne pas chevaucher le contenu */ .formulaireContent .formBas { clear: both; display: block; float: none; overflow: visible; position: relative;} .formulaireContent .little { width:140px; margin-right:10px; } .formulaireContent .big { width:300px; margin-right:10px; float:none; clear:both; } .formulaireContent .large { float:none; width:250px; margin-bottom:10px; } .formulaireContent .title { float:none; width:250px; margin-bottom: 10px; font-weight: bold; font-size: 13px; font-variant: small-caps; } .formulaireContent h2 {float:none; width:250px; margin-bottom: 10px; color:#D21034; font-weight: bold; font-size: 14px; font-variant: small-caps; } .warning {float: none; font-weight:normal; color: #df0014;} /*223, 0, 20 */ .formulaireInfosRouge {float:right; color:#df0014; font-weight:normal; margin-bottom:20px; width: 331px;} .formulaireBoutonContainer { width: 90%; margin-top:25px; margin-bottom:25px; text-align: right; clear: none; float: none; } .formulaireBlocTitle { padding-left: 25px; margin-bottom: 0px; text-align: left; font-weight: bold; font-size: 16px; color: #d21034; font-variant: small-caps; } .formulaireBlocFin { padding: 25px; margin: 25px; text-align: left; font-weight: bold; vertical-align: middle; text-align: center } #timelineCenter { margin-top:20px; margin-bottom:10px; margin-left:85px; float: none; padding-bottom:10px; } /******** page n3 devis perso *********/ /* il faut remettre les styles du formulaire générale sur le formulaire perso*/ #devisEditoContainer {background-color:#DFD8B9; height:200px; } #devisEdito { width: 430px; float: left; padding-right: 30px; padding-left: 20px; padding-bottom: 0px; padding-top: 30px;} #devisContentContainer {padding-top:20px; padding-left:0px;} #devisLeft {width:400px; float:left; font-weight:bold; overflow:hidden; } #devisLeft span {color:#C51626;} #devisLeft h1, devisLeft2 h1, #devisRight h1 , #devisRight2 h1, #devisRight3 h1 {font-size:11px; margin:0px 0px 3px 0px;} .devisInfos1 {float:right; color:#C51626; font-weight:normal; margin-right:50px;} .devisInfos2 {color:#C51626; font-weight:normal; } #devisRight {width:360px; float:left;font-weight:bold; overflow:hidden;} .devisTab1Bkgrd { background-image:url(../img/interface/n3DevisTabBkgrd1.gif); padding:0px 20px 0px 20px; background-repeat:repeat-y; width:385px; overflow:visible;} .devisTab2Bkgrd {background-image:url(../img/interface/n3DevisTabBkgrd2.gif); padding:0px 20px 0px 20px; background-repeat:repeat-y; width:380px;} .devisTab3Bkgrd {background-image:url(../img/interface/resultTab_bkgrd.gif); padding:0px 20px 0px 20px; background-repeat:repeat-y; } .devisTab1Bkgrd select, .devisTab2Bkgrd select {font-size:10px; height:17px; border:solid 1px #A5ACB2; margin:4px 0px 4px 0px;} .inputDevis1 {font-size:10px; height:17px; border:solid 1px #A5ACB2; margin:4px 0px 4px 0px;} .devisTab1Bkgrd textarea {border:solid 1px #A5ACB2; margin:2px 0px 2px 0px; font-size:11px; width:330px; height:90px;} .devisFloatPane {float:left; margin-right:15px; padding-top:5px;} .devisTable1 td {font-weight:normal;} .devisFormValid {text-align:right; padding:10px 20px 0px 0px;} #devisLeft2 {width:400px; float:left; font-weight:bold;} #devisLeft2 span {color:#C51626;} #devisLeft2 h1 {font-size:11px; margin:0px 0px 3px 0px;} #devisRight2 {width:360px; float:left;font-weight:bold;} .devisSelectedGr{ width: 250px;} #devisRight3 {width:740px; float:left;font-weight:bold;} #devisLeft3 span {color:#C51626;} #devisLeft3 h1 {font-size:11px; margin:0px 0px 3px 0px;} .devisSelectedGr{ width: 250px;} .devisSelectBs{font-size:10px; height:17px; border:solid 1px #A5ACB2; margin:4px 0px 4px 0px;} #devisFormBloc2 {width:350px; float:left;} .devisFormTable1 td {vertical-align:top; font-size:11px; padding-top:3px;} .devisFormTable1 td input {margin-top:0px;} #devisFormBkgrd { background-image:url(../img/interface/cataFormBkgrd.gif); width:350px; background-repeat:repeat-y; text-align: center; } #devisFormBkgrd a{ background-image: url(../img/interface/p_flecheNoire.gif); background-repeat: no-repeat; background-position: 0px 7px; font-size: 10px; color: #D21034; padding: 2px 0px 0px 16px; margin: 0; display: block; text-align: left;} #devisFormBkgrd a:hover {text-decoration:underline; text-align: left;} /********* espace entreprises *****/ .entreprisesImgPad1 {margin:5px 20px 0px 0px;} #entreprisesEventTitle{ position:absolute; left:20px; top:336px; width:143px; height:30px;} #entreprisesContent1 {width:550px; padding:20px 0px 0px 20px;} #entreprisesContent1 span {color:#D21034; font-weight:bold;} #entreprisesContactContainer {height:25px; padding:5px 20px 0px 20px;} #entreprisesContactContainer1 {background-color:#000; height:25px; padding:5px 20px 0px 20px;} #entreprisesContact {float:right; padding-top:2px;} #entreprisesContact a{ background-image: url(../img/interface/p_flecheBiblioLien.gif); padding: 0px 0px 0px 15px; background-repeat: no-repeat; background-position: 0px 5px; color: #000; font-weight: bold; text-decoration: none;} #entreprisesContact a:hover {text-decoration:underline;} p.entreprisesTextBloc {margin:20px 0px 0px 0px;} p.entreprisesTextBloc span {font-weight:bold; color:#D21034;} /******** qui sommes-nous ? ***********/ #QuiEditoContainer {background-image:url(../img/Titres/quiEdito.gif); background-position:top left; background-repeat:no-repeat; background-color:#DFD8B9; height:405px; padding-left:0px;} #QuiEdito { float: left; width: 180px; font-weight: bold; line-height: 15px; padding-top: 100px; padding-right: 0px; padding-bottom: 0px; padding-left: 30px; clear: none; } #QuiFlash {float:right; width:500px; background-color:#000000} #QuiLink {width:240px; float:left; padding:15px 0px 0px 20px;} #QuiTexte { width:475px; padding:15px 45px 0px 0px; font-weight:bold ; float:right;} /******** En direct de ***********/ .QuiDirectEditoGContainer, .QuiDirectEditoPekinContainer, .QuiDirectEditoMDAContainer, .QuiDirectEditoMDEContainer, .QuiDirectEditoMDFContainer, .QuiDirectEditoMDIContainer, .QuiDirectEditoMDIContainer, .QuiDirectEditoMDNContainer, .QuiDirectEditoMDOContainer { background-position:top left; background-repeat:no-repeat; background-color:#DFD8B9; height:405px; padding-left:20px;} .QuiDirectEditoPekinContainer {background-image:url(../img/Titres/quiDirectEdito.gif); } .QuiDirectEditoGContainer {background-image:url(../img/Titres/quiDirectGEdito.gif); } .QuiDirectEditoMDAContainer {background-image:url(../img/Titres/quiDirectMDAEdito.gif); } .QuiDirectEditoMDEContainer {background-image:url(../img/Titres/quiDirectMDEEdito.gif); } .QuiDirectEditoMDFContainer {background-image:url(../img/Titres/quiDirectMDFEdito.gif); } .QuiDirectEditoMDIContainer {background-image:url(../img/Titres/quiDirectMDIEdito.gif); } .QuiDirectEditoMDNContainer {background-image:url(../img/Titres/quiDirectMDNEdito.gif); } .QuiDirectEditoMDOContainer {background-image:url(../img/Titres/quiDirectMDOEdito.gif); } #QuiDirectFlash {float:right; width:500px; background-color:#DFD8B9} /*********** qui somme-nous texte ******** #QuiTexteEditoContainer {background-image:url(../img/Titres/quiEditoBkgrd.gif); background-position:0 100%; background-repeat:no-repeat; background-color:#DFD8B9; height:190px;} #QuiTexteEditoVisuel {background-color:#000000; padding-right:20px; text-align:right; margin-left:371px; width:389px;} #QuiTexteBlock1 {width:170px; float:left; padding:25px 30px 0px 20px;} #QuiTexteBlock2 {width:540px; float:left; padding:25px 0px 0px 0px;} #QuiTexteBlock1 p {font-weight:bold; margin:0px 0px 15px 0px;} #QuiTexteBlock2 p {margin:0px 0px 15px 0px;} */ /********** page Sport ***********/ #EvSpEditoContainer { background-color:#DFD8B9; background-image:url(../img/interface/partenairesBkgrd.gif); background-repeat:no-repeat; background-position:100% 0; padding:20px 220px 0px 20px; height:92px; } #EvSpEditoContainer p { margin:0; padding-top:5px; } a.EvSpLink1{ font-size: 10px; font-weight: bold; color: #D21034; /* padding-left: 18px; margin: 0; */ } a.EvSpLink1:hover {text-decoration:underline;} /********** page MCPA ***********/ #MCPAEditoContainer {background-color:#DFD8B9; height:200px; } #MCPAEdito {width:330px; padding:30px 110px 0px 20px; float:left;} #MCPAContentContainer {padding-top:20px; padding-left:20px;} #MCPALeft {width:400px; float:left; font-weight:bold;} #MCPALeft span {color:#C51626;} #MCPALeft h1, #MCPARight h1 {font-size:11px; margin:0px 0px 3px 0px;} .MCPAInfos1 {float:right; color:#C51626; font-weight:normal; margin-right:50px;} .MCPAInfos2 {color:#C51626; font-weight:normal; } #MCPARight {width:360px; float:left;font-weight:bold;} .MCPATab1Bkgrd {background-image:url(../img/interface/n3DevisTabBkgrd1.gif); padding:0px 20px 0px 20px; background-repeat:repeat-y; width:341px;} .MCPATab2Bkgrd {background-image:url(../img/interface/n3DevisTabBkgrd2.gif); padding:0px 20px 0px 20px; background-repeat:repeat-y; width:300px;} .MCPATab1Bkgrd select, .devisTab2Bkgrd select {font-size:10px; height:17px; border:solid 1px #A5ACB2; margin:4px 0px 4px 0px;} .inputMCPA1 {font-size:10px; height:17px; border:solid 1px #A5ACB2; margin:4px 0px 4px 0px;} .MCPATab1Bkgrd textarea {border:solid 1px #A5ACB2; margin:2px 0px 2px 0px; font-size:11px; width:330px; height:90px;} .MCPAFloatPane {float:left; margin-right:15px; padding-top:5px;} .MCPATable1 td {font-weight:normal;} .MCPAFormValid {text-align:right; padding:10px 20px 0px 0px;} /********* Espace Perso ***********/ #espacePersoEditoContainer {height:169px; background-color:#DFD8B9; background-image:url(../img/espacePersoTitre.gif); background-position:20px 25px; background-repeat:no-repeat;} #espacePersoEdito {width:368px; float:left; padding-top:45px;} #espacePersoEdito p {margin:0px 20px 0px 20px;} #espacePersoEdito p.espacePLogin {margin:0px 7px 20px 0px; text-align:right;} #espacePersoEdito p.espacePLogin a {font-weight:bold; text-decoration:none; color:#000; background-image:url(../img/p_arrowRed.gif); background-repeat:no-repeat; background-position:0px 3px; padding-left:10px;} #espacePersoEdito p.espacePLogin a:hover {text-decoration:underline;} #espacePersoVisuel {float:right;} #espacePersoProfil {background-color:#D21034; border-top:solid 1px #fff; height:30px;} #espacePDossiersContainer {float:left; padding:0px 0px 0px 20px;} .espacePDossierOn {padding:9px 5px 0px 5px; color:#D21034; font-weight:bold; background-color:#fff; height:21px; float:left;} .espacePDossier {float:left; color:#fff; font-weight:bold; padding:9px 5px 0px 5px;} .espacePDossier a {color:#fff; text-decoration:none;} .espacePDossier a:hover {text-decoration:underline;} .profilFormInput1 {width:215px;font-size:11px;} .profilCell0 {padding-left:20px; color:#df0014; } .profilCell1 {padding-left:20px; font-weight:bold;} .profilCell2 {font-weight:bold;} .profilCell3 {font-weight:bold;} .profilCell3 span {font-weight:normal;} .profilCell4 {padding-right:30px;} #espacePersoItiFav { float:left; width:349px;} #espacePersoItiFavTitre {background-color:#DFD8B9; padding:9px 0px 0px 20px; height:21px; font-weight:bold; } #espacePersoItiFavList { padding:20px 0px 0px 20px; } #espacePersoEnquete {float:left; width:393px; background-color:#D21034; margin-left:20px;} #espacePersoAvis {padding:10px 10px 18px 20px; color:#fff; border-bottom:solid 1px #fff;} #espacePersoAvis p {margin:5px 0px 0px;} #espacePersoAvis2 {padding:10px 10px 18px 20px; color:#fff;} #espacePersoAvis2 p {margin:5px 0px 0px;} .espacePersoInfosBloc {width:520px; border-bottom:solid 1px #DFD8B9; padding:20px 0px 20px 20px;} .espacePersoInfosBloc p {margin:10px 0px 0px 0px;} .espacePersoInfoType1 {font-size:11px; font-weight:bold; color:#000; padding-left:21px; margin:0;text-decoration:none;} /********** page degustation ********/ #degustEditoContainer {background-color:#E2F2D9; height:211px; background-image:url(../img/interface/degustEditoBkgrd.gif);background-repeat:no-repeat; } #degustEdito {width:315px; padding:20px 50px 0px 35px; float:left;} #degustEdito p {margin:10px 0px 15px 0px;} #degustEdito span {display:block; margin-bottom:6px; font-weight:bold;} #degustEdito a, a.degustLink1, a.degustLienHaut, a.degustLienBas {background-image:url(../img/interface/p_flecheNoire.gif); padding:0px 0px 0px 20px; background-repeat:no-repeat; background-position:0px 3px; color:#5F8B44; font-weight:bold; text-decoration:none;} #degustEdito a:hover, a.degustLink1:hover, a.degustLienHaut:hover, a.degustLienBas:hover {text-decoration:underline;} #degustEditoVisuel {float:left; width:380px; } #degustBandeau {background-color:#A4D486; height:24px; padding:5px 0px 0px 35px; border-top:solid 1px #fff;} #degustBandeau2 {background-color:#A4D486; height:24px; padding:5px 0px 0px 35px; border-top:solid 1px #fff; border-bottom:solid 1px #fff;} #degustIntro {padding:20px 45px 10px 35px; color:#78A45D;} .degustTitleBar {border-bottom:solid 1px #EBF6E4; padding:10px 20px 2px 35px;} .degustTitleBarLeft {width:270px; float:left; font-weight:bold;} .degustTitleBarRight {width:455px; float:left; color:#8EBB72; font-weight:bold;} .degustMenu {clear:both; padding:10px 75px 20px 35px;} .degustMenu a, a.degustLink1 {background-image:url(../img/interface/p_flecheNoire.gif); padding:0px 0px 0px 20px; background-repeat:no-repeat; background-position:0px 3px; color:#5F8B44; font-weight:bold; text-decoration:none;} .degustMenu a:hover, a.degustLink1:hover {text-decoration:underline;} .degustMenuVisuel {width:110px; float:left;} .degustMenuContainer {} .degustMenuTitre {width:150px; float:left; font-weight:bold; padding-bottom:10px; padding-right:50px;} .degustMenuTitre em {color:#8EBB72; font-style:normal;} .degustMenutexte {width:400px; float:left; font-weight:bold; padding-bottom:10px;} .degustMenutexte span {font-weight:normal;} .btnHautContainer {clear:both; text-align:right;} a.btnHautPage1 {background-image:url(../img/interface/p_flecheRetourHaut.gif); padding:0px 20px 0px 15px; background-repeat:no-repeat; background-position:0px 0px; color:#D31A01; font-weight:bold; text-decoration:none;} a.btnHautPage1:hover {text-decoration:underline;} #degustEdito2Container {background-color:#E2F2D9; height:125px; background-image:url(../img/interface/degustEditoBkgrd.gif); background-repeat:no-repeat; } #degustEditoVisuel2 {width:220px; padding:0px 50px 0px 35px; float:left;} #degustEdito2 {width:455px; padding-top:25px; color:#5F8B44; float:left;} #edito2Legende {color:#8EBB72; font-weight:bold; padding:2px 0px 10px 35px;} #edito2Legende em {font-weight:normal; color:#000;} .rightFloat {float:right;} .degustVisuelsBloc {width:265px; float:left;} .degustTexteBlocs {margin-left:265px; margin-top:20px; width:405px; float:left;} .degustTexteBlocs p {margin:0px 0px 20px 0px;} .degustTexteBlocs em {color:#8EBB72; font-weight:bold; font-style:normal;} .degustTexteBlocs span {text-transform:uppercase; font-weight:bold;} .degustVignette {color:#8EBB72; width:110px; float:left; padding-bottom:20px; font-weight:bold;} /******** page achats Thé ******/ #achatsTheEditoContainer {background-color:#C6E5B3; background-image:url(../img/interface/achatsTheEditoBkgrd.gif); background-repeat:no-repeat; background-position:100% 0;} .editoImg {float:left; width:190px;} #achatsTheEdito {float:left; width:495px; padding:22px 45px 0px 20px;} #achatsTheEdito p {margin:15px 0px 15px 0px;} .mdcSelectStyle1 {width:160px; height:18px; font-size:10px;} .selOptionType1 {color:#8EBB72; } .achatsTheProdline {clear:both; padding:0px 50px 0px 70px;} .achatsTheVisuelBloc {float: none;} .achatsTheTexteBloc {float: none; list-style-type: none;} .achatsThePubBloc{ width: 100%; float: left; text-align: center; margin-top: 20px; margin-bottom: 20px;} .achatsTheTexteBloc a {background-image:url(../img/interface/p_flecheNoire.gif); padding:0px 0px 0px 20px; background-repeat:no-repeat; background-position:0px 3px; color:#5F8B44; font-weight:bold; text-decoration:none; font-size:11px;} .achatsTheTexteBloc a:hover {text-decoration:underline;} a.achatsLinkType1 {background-image:url(../img/interface/p_flecheHomeLink.gif); padding:0px 0px 0px 15px; background-repeat:no-repeat; background-position:0px 3px; color:#5F8B44; font-weight:bold; text-decoration:none; font-size:10px;} .achatsTheTexteBloc span {font-weight:bold;} .achatsTheTexteBloc em {font-weight:bold; font-style:normal; color:#6F5564;} .achatsTheTexteBloc p {margin:10px 0px 10px 0px;} /********** page shanghai Tang *** #shanghaiTangEditoWrapperOLD{background-color:#6b5363; background-image: url(../img/interface/shanghaiTangEditoBkgrd2.gif); position:relative;} #shanghaiTangEditoWrapper{background-color:#6b5363; position:relative;} #shanghaiTangEditoContainer { background-color:#6b5363; background-repeat:no-repeat; background-position:4px 0px; height:100%; position:relative;} #shanghaiTangEditoContainerOLD { background-color:#6b5363; background-image:url(../img/interface/shanghaiTangEditoBkgrd.gif); background-repeat:no-repeat; background-position:4px 0px; height:100%; position:relative;} #shanghaiTangEdito{background-color:#6b5363; color: #fff; width: 470px; float: left; padding-right: 5px; padding-left: 40px; padding-bottom: 0px; padding-top: 20px;} #shanghaiTangEdito p {background-color:#6b5363; position:absolute; margin:0px 0px 10px 0px; width:470px;} .shanghaiTangEditoTitre {background-color:#6b5363; position:absolute; left:270px; top:55px;} .shanghaiEditoImg {background-color:#6b5363; float:right;} .selOptionType2 {color:#9A2039;} a.mdcLinkStyle1 {background-image:url(../img/interface/p_flecheNoire.gif); padding:0px 0px 0px 20px; background-repeat:no-repeat; background-position:0px 3px; color:#992136; font-weight:bold; text-decoration:none; font-size:11px;} a.mdcLinkStyle2 {background-image:url(../img/interface/p_flecheHomeLink.gif); padding:0px 0px 0px 15px; background-repeat:no-repeat; background-position:0px 3px; color:#992136; font-weight:bold; text-decoration:none; font-size:10px;} /********** page Boutique *** #boutiqueEditoWrapper {background-image:url(../img/interface/boutiqueEditoBkgrd2.gif); height:330px; position:relative;} #boutiqueEditoContainer {background-repeat:no-repeat; background-position:4px 0px; height:210px; position:relative;} /********** page Aujourd'hui Pékin *******/ #ahPekinHeader{ width: 750px; background-color: #D21034; padding: 15px 15px 15px 20px; clear: left; display: block; float: left; visibility: visible; margin-bottom:30px;} #ahPekinHeader img { float:none; padding-right:80px; padding-left:20px; } #ahPekinHeader span {float:left; padding-left:20px; } #ahPekinHeader p { width:300px; padding-left:10px; padding-right:20px; padding-top:20px; color:#FFFFFF; font-size:12px; } #ahPekinHeader table {margin-left:20px;} a.ahPekinLink {background-image:url(../img/interface/fl_blancheFdRouge.gif); background-repeat:no-repeat; background-position:0px 5px; font-size:10px; font-weight:bold; color:#000; padding:2px 0px 2px 15px; margin:0px; display:block; } a.ahPekinLink:hover{ text-decoration: underline; cursor: hand; cursor: pointer;} #ahPekinContainer {width:780px; } #ahPekinTitle { width: 760px; background-color: #D7D997; display: block; height: 20px; color: #fff; font-weight: bold; margin: 0px 0px 0px 0px; clear: both; padding-right: 0px; padding-left: 20px; padding-bottom: 2px; padding-top: 5px;} #ahPekinContainer h1{ width: 600px; font-size: 14px; padding: 0px; margin: 0px; float: left; overflow: visible;} #ahPekinContainer h2 { color: black; width: 80px; text-align:right; font-size:14px; float:left; padding:0px; text-align:right; margin:0px;} #ahPekinContainer i{ font-size: 14px; padding: 0px; margin: 0px; float: left; color: black; font-style: normal;} #ahPekinContent { width:780px; margin-top:5px; margin-bottom:20px;} .ahPekinContentDiapoV { width:330px; margin:10px; margin-bottom:20px; float:left; } .ahPekinContentTexteV { text-align:justify; width:380px; margin:10px; margin-bottom:20px; float:left; } /* DEBUT Ajout d'une classe pour afficher le bulletin Pekin en Horizontal */ .ahPekinContentDiapoH { width:760px; margin:10px; margin-bottom:20px;} .ahPekinContentTexteH { text-align:justify; width:760px; margin:10px; margin-bottom:20px;} /* FIN Ajout d'une classe pour afficher le bulletin Pekin en Horizontal */ #ahPekinCoupCoeurContainer { width:780px; margin-top:10px; } #ahPekinCoupCoeurTitle { width: 760px; height: 17px; background-color: #D7D997; font-size: 14px; display: block; height: 20px; color: #fff; font-weight: bold; margin: 0px 0px 0px; clear: both; padding: 5px 0px 0px 20px;} #ahPekinCoupCoeurContent {width:780px; text-align:justify; margin:0px; margin-top:0px } #ahPekinCoupCoeurContent h3 {font-size:12px; margin:0px; font-weight:bold; } #ahPekinCoupCoeurContent a {color:Black; background-image:url(../img/interface/p_flecheHomeLink.gif); background-repeat:no-repeat; background-position:0px 7px; font-size:10px; padding:2px 0px 0px 16px; margin:0; } #ahPekinCoupCoeurContent a:hover {text-decoration:underline; cursor: hand; cursor:pointer;} /* #ahPekinCoupCoeurItem {width:240px; margin:10px; color:Olive; } */ span.rdvTitle {} /* rouge : #D21034 marron claire : #EFECDD marron fonce : #E5E0C7 */ .pRfL { position: relative; float: left; } .clearBoth { clear: both; } .divMainCarte { position: relative; float: left; padding-left: 100px; } .rblTypeCarte { position: relative; top: 5px; } .divNumCarte { position: relative; float: left; top: 10px; width: 170px; } .spanNumCarte { position: relative; float: left; left: 15px; } .divDate { position: relative; float: left; top: 10px; width: 175px; } .spanDate { position: relative; float: left; left: 15px; } .divControle { position: relative; float: left; top: 5px; width: 135px; } .divEmail { position: relative; float: left; left: 30px; width: 250px; top: -5px; } .spanEmail { position: relative; float: left; left: 75px; } .numCarte { border: 1px inset #D21034; height: 20px; } .formDdl { border: 1px inset #D21034; height: 23px; } .numCarteErr1 { width: 250px; top: 30px; z-index: 400; background-color: #EAEAEA; } .numCarteErr2 { width: 230px; top: 30px; z-index: 300; background-color: #EAEAEA; } .numCarteErr3 { width: 210px; top: 30px; z-index: 200; background-color: #EAEAEA; } .numCarteErr4 { width: 190px; top: 30px; z-index: 100; background-color: #EAEAEA; } .numContrErr { width: 100px; top: 30px; left: 30px; } .formTbNumControle { position: relative; left: 30px; border: 1px inset #D21034; height: 20px; } .carteExp { position: absolute; top: -13px; left: 24px; color: Red; } .espHor20 { position: relative; float: left; width: 20px; } .cbh25 { clear: both; height: 25px; } .prflw20 { position: relative; float: left; width: 20px; } .prflw160 { position: relative; float: left; width: 160px; } .prfll45 { position: relative; float: left; left: 45px; } .prfll5 { position: relative; float: left; left: 5px; } .prflwi { position: relative; float: left; width: inherit; }