/* CSS MAISON DU VOYAGE CODE COULEUR : Rouge : c30006 */ /*--- -------- ---*/ /*--- GENERALE ---*/ body {margin:0; text-align:center; font-family:sans-serif,arial,verdana; font-size:12px; background-color:white;} form {margin:0;} div {margin:0;} H1{margin:0; padding:0; font-family:sans-serif,arial,verdana; font-size:14px; color:black; font-weight:bold; } H2{margin:0; padding:0; font-family:sans-serif,arial,verdana; font-size:18px; color:black; font-weight:bold; } a {text-decoration:none;} #mainContainer {width:780px; text-align:left; margin:auto; position:relative; top: 0px; left: 0px;} #contenu {width: 780px; text-align: left; margin: auto; position: relative;} /*height: 350px */ /*--- -------- ---*/ /*--- MDC ---*/ .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: #c30006; 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: #c30006; font-weight:bold; margin: 5px 2px 5px 2px; padding-bottom:5px; } .alignCenter { text-align:center; } a.link {text-decoration:none; color:#c30006;} a.link:hover {text-decoration:underline; color:#000000;} a.linkB {text-decoration:underline; font-weight:bold; color:#000000;} a.linkB:hover { font-weight:bold; color:#c30006;} /*background-color:#ececec;*/ a.linkTooltip { text-decoration: none; font-weight: bold; color: #c30006; border-bottom: 1px dotted #c30006; cursor: text;} a.linkTooltip:hover {text-decoration:none; font-weight:bold; color:#c30006; border-bottom:0px dotted #c30006;} 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:#c30006; 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:#c30006; padding-left:18px; margin:0; } a.biblioLink1:hover, a.tracer:hover, a.mdcLinkType1:hover {text-decoration:underline;} .btnRechercher1 { width: 135px; font-weight: bold; color: #ffffff; font-family: Arial; background-color: #c30006; padding: 0px; margin: 0px; font-size: 11px; text-transform: capitalize; border-right: #c30006 thin solid; border-top: #c30006 thin solid; border-left: #c30006 thin solid; border-bottom: #c30006 thin solid;} .btnRechercher2 { width: 30px; font-weight: normal; color: #ffffff; font-family: Arial; background-color: #c30006; 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: #c30006; font-family: Arial; background-color: #ffffff; padding: 0px; margin: 0px; font-size: 11px; text-transform: capitalize; border-right: #c30006 1px solid; border-top: #c30006 1px solid; border-left: #c30006 1px solid; border-bottom: #c30006 1px solid;} .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;} /*--- --------- ---*/ /*--- INTERFACE ---*/ #headerContainer { position:relative; height:105px; background-color:#c30006; vertical-align: bottom; } /*#headerContainer #logo{ padding: 70px 20px 0px 20px; position: relative; text-align: right;}*/ #headerContainer #tel{ position: absolute; top:0px; left:0px;} #headerContainer #logo{ position: absolute; top:25px; left:0px;} #headerContainer #NewletterBox{ position: absolute; top:60px; left:500px;} #friseContainer { position:relative; height:118px;} #friseContainer img { float:left;} #menuContainerG { position:relative; height:25px; background-color:#c30006;} #footerContainer{ text-align: right; margin-top:15px; padding-right: 50px; padding-top: 15px;} #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;} /*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: black thin solid; border-top: black thin solid; border-left: black thin solid; border-bottom: black thin solid; font-size: 11px; z-index: 104; width: 150px; 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: 2px; padding-left: 2px; padding-bottom: 5px; margin-right: 10px; padding-top: 2px; } .message { color: #7AAD10; text-align: center;} a.mdcLinkType1 {background-image:url(../img/interface/p_flecheBiblioTitre.gif); background-repeat:no-repeat; background-position:0px 3px; font-size:11px; font-weight:bold; color:#c30006; padding-left:21px; margin:0;text-decoration:none;} a.mdcLinkType1:hover {text-decoration:underline;} a.mdcLinkType2 {background-image:url(../img/interface/p_flecheBiblioTitre.gif); background-repeat:no-repeat; background-position:0px 3px; font-size:11px; font-weight:bold; color:#c30006; padding-left:21px; margin:0 0 0 0;text-decoration:none; float:right; display:block; } a.mdcLinkType2:hover {text-decoration:underline;} a.mdcLinkTypeRelay {background-image:url(../img/interface/p_flecheRelay.gif); background-repeat:no-repeat; background-position:0px 3px; font-size:11px; font-weight:bold; color:#0d5b8e; padding-left:21px; margin:0 0 0 0;text-decoration:none; float:right; display:block; } div.mdcTextRelay {background-image:url(../img/interface/cadreAccueilRelay.png); background-repeat:no-repeat; width:254px; height:129px } /*a.mdcLinkTypeRelay:hover {text-decoration:underline;}*/ /***** AJAX *********/ /*Modale PopUp */ .modaleBarre { color:White; font-size:12px; width:96%; position:absolute; top:0px; left:0px; text-align:right; height:20px; padding-top:5px; padding-left:5px;} .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: 420px; overflow: visible; background-color: #CCCCCC;} .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: #c30006; 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;} /*--- -------------- ---*/ /*--- IDENTIFICATION ---*/ .identificationContentContainer { font-size:11px; padding:10px; width:390px; } .identificationTitre { border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: #FFFFFF; margin-bottom:5px;} .identificationTitre h2 { font-size: 14px; margin:0px; text-align:left; text-transform: uppercase; color: #FFFFFF;} /*--- ---- ---*/ /*--- MENU ---*/ #menuContainer #nav { width: 100%; margin: 0px 0px 0px 5px; padding: 0px 0px 0px 0px;} #menuContainer #nav li { float: left; width: 16em; padding-right: 0px; padding-left: 0px; padding-bottom: 3px; padding-top: 5px; list-style-type: none;} #menuContainer #nav li.menuLayoutTemplate1 {width:0px; display:none;} #menuContainer #nav li.menuLayoutTemplate2 {width:155px; } #menuContainer #nav li.menuLayoutTemplate3 {width:170px; } #menuContainer #nav li.menuLayoutTemplate4 {width:195px; } #menuContainer #nav li.menuLayoutTemplate5 {width:150px; } #menuContainer #nav li.menuLayoutTemplate6 {width:100px; } /* Menu Fonction haut gauche interface. */ #headerContainer #menu2Container{ clear: both; visibility: visible; display: block; float: none; height:15px; padding-left:10px;} #menu2Container #nav2 { float:right; margin: 0px 0px 0px 10px; padding: 0px 0px 0px 0px;} #menu2Container #nav2 li { float: left; width: 16em; padding-right: 0px; padding-left: 0px; padding-bottom: 3px; padding-top: 5px; list-style-type: none;} #menu2Container #nav2 li.menuLayoutTemplate1 {width:80px;} #menu2Container #nav2 li.menuLayoutTemplate2 {width:95px;} #menu2Container #nav2 li.menuLayoutTemplate3 {width:110px;} /*Liens*/ #menu4Container #nav4 a, #menu3Container #nav3 a, #menuContainer #nav a { margin: 4px 0px 0px; padding: 4px; text-decoration: none; color: #000; background: url('../img/interface/p_flecheNoirefRouge.gif') no-repeat 3px 7px; } #menu4Container #nav4 a:hover, #menu3Container #nav3 a:hover, #menuContainer #nav a:hover {color:#000000;} #menu4Container #nav4 li a:hover, #menu3Container #nav3 li a:hover, #menuContainer #nav li a:hover {color:#000000;} #menu4Container #nav4 a.navLink, #menu3Container #nav3 a.navLink, #menuContainer #nav a.navLink { font-family: verdana, Arial; color: white; font-size: 10px; font-weight: bold; text-decoration: none; text-transform: uppercase; font-variant: normal; padding-left: 22px; } #menu4Container #nav4 a.navLinkHover, #menu3Container #nav3 a.navLinkHover, #menuContainer #nav a.navLinkHover { font-family: verdana, Arial; font-size: 10px; font-weight: bold; text-decoration: none; text-transform: uppercase; font-variant: normal; padding-left: 22px; color:#000000; } #menu2Container #nav2 a{ margin: 4px 0px 0px; padding: 4px; text-decoration: none; color: #000000; background: url( '../img/interface/fleche2blancRouge.gif' ) no-repeat 3px 7px;} #menu2Container #nav2 a:hover {color:#000000;} #menu2Container #nav2 li a:hover {color:#000000;} #menu2Container #nav2 a.navLink { font-family: verdana, Arial; color: White; font-size: 10px; font-weight: bold; text-decoration: none; text-transform: lowercase; font-variant: normal; padding-left: 22px; } #menu2Container #nav2 a.navLinkHover { font-family: verdana, Arial; color: Black; font-size: 10px; font-weight: bold; text-decoration: none; text-transform: lowercase; font-variant: normal; padding-left: 22px; } /* pour qu'IE allume les liens correctement */ #menuContainer #nav a {width:93%;} #menu2Container #nav2 a {width:93%;} /*--- -------------- ---*/ /*--- PAGE D'ACCUEIL ---*/ #friseContainerAcc { position:relative; height:118px;} #friseContainerAcc div{ float: left; } #menuContainerAcc { position:relative; height:25px; background-color:#c30006;} #ContenuContainerAcc { position:relative; padding-left: 50px; padding-top:10px; padding-bottom:50px; } #ContenuContainerAcc p { font-weight: bold; color: threeddarkshadow;} #headerContainerAcc { position:relative; height:255px; background-color:#c30006; vertical-align: bottom; } #headerContainerAcc #logoAcc{ height:56px; padding: 100px 20px 0px 20px; position: relative; text-align: center;} /* Menu haut frise Page d'accueil */ /*Haut de frise*/ #headerContainerAcc #menu3Container{ height:15px; padding-top:77px; vertical-align:bottom; clear: both; visibility: visible; display: block; float: none; } #menu3Container #nav3 { width: 90%; margin: 0px 0px 0px 70px; padding: 0px 0px 0px 0px;} #menu3Container #nav3 li { float: left; width: 16em; padding-right: 0px; padding-left: 0px; padding-bottom: 3px; padding-top: 5px; list-style-type: none;} #menu3Container #nav3 li.menuLayoutTemplate1 {width:250px; } #menu3Container #nav3 li.menuLayoutTemplate2 {width:240px; } #menu3Container #nav3 li.menuLayoutTemplate3 {width:100px; } /*Bas de frise*/ #headerContainerAcc #menu4Container { height: 15px; clear: both; visibility: visible; display: block; float: none;} #menu4Container #nav4{ width: 90%; margin: 0px 0px 0px 70px; padding: 0px 0px 0px 0px;} #menu4Container #nav4 li { float: left; width: 16em; padding-right: 0px; padding-left: 0px; padding-bottom: 3px; padding-top: 5px; list-style-type: none;} #menu4Container #nav4 li.menuLayoutTemplate1 {width:250px; } #menu4Container #nav4 li.menuLayoutTemplate2 {width:240px; } #menu4Container #nav4 li.menuLayoutTemplate3 {width:150px; } /*--- ----- ---*/ /*--- HOME ---*/ #homeContent { margin: 30px 200px 0px 250px; } /*--- ---------------- ---*/ /*--- PAGE ACCUEIL PREMIER ---*/ .contenuEnBande2{ margin:0; padding:0 0 0 10px;} .contenuEnBande{ margin:0; padding:0 0 0 0;} .MargeGauche{ display:block; float:left; width:290px; background-color:white; margin: 20px 0 0 0 ;} .MargeDroite{ display:block; float:left; width:430px; padding:5px 5px 5px 50px; background-color:white; margin: 20px 0 0 0 ;} .BlockInfo{display:block; height:100px; padding:5px 10px 5px 10px; margin: 25px 5px 15px 5px; border:solid 1px black; background-color:white;} .BlockInfoRouge{display:block; padding:0; margin:0; border:solid 0px #c30006; background-color:white;} /*--- ---------------- ---*/ /*--- PAGE REALISATION ---*/ #ContenuContainerRea { } #ContenuContainerRea #header{ width: 98%; padding-left: 15px; padding-top: 15px; font-weight: 900; border-bottom: gray 1px solid; } #ContenuContainerRea #header p{ color: threeddarkshadow; margin-top: 4px; margin-bottom: 10px; padding-right: 90px;} #ContenuContainerRea #header span { color: #c30006;} #ContenuContainerRea #gauche{ width: 240px; float: left; padding-bottom: 30px; padding-top: 20px;} #ContenuContainerRea #gauche span { padding-top: 10px; padding-bottom: 10px; padding-right: 10px; padding-left: 10px; margin: 20px; margin-bottom: 20px; position: static; clear: right; display: block; } #ContenuContainerRea #droite { width:500px; float:left; padding-right: 10px; padding-left: 10px; padding-bottom: 30px; padding-top: 40px; } #ContenuContainerRea #droite p{ color: threeddarkshadow; font-weight: 400; margin-top: 4px; margin-bottom: 10px; padding-right: 90px;} #ContenuContainerRea #droite h2 { font-size: 12px; color: #c30006; font-weight: bold; margin-bottom: 5px; } /*--- -------------- ---*/ /*--- PAGE CONTACT V1---*/ #ContenuContainerCon { position:relative;} #ContenuContainerCon #gauche { width: 240px; float: left; padding-bottom: 30px; padding-top: 20px;} #ContenuContainerCon #gauche P { font-weight: bold; padding-top: 10px; padding-bottom: 10px; padding-right: 10px; padding-left: 10px; margin: 20px; margin-bottom: 20px; position: static; clear: right; display: block; } #ContenuContainerCon #droite { width:500px; float:left; padding-right: 10px; padding-left: 10px; padding-bottom: 30px; padding-top: 40px; } .ConContenu { font-weight: 400; margin-top: 40px; margin-bottom: 30px; padding-right: 20px; position: static; } .ConContenu span { float:left; padding-right:15px; padding-bottom:5px; } .ConContenu h2 { font-size: 12px; color: #c30006; font-weight: bold; margin-bottom: 0px; } .ConContenu p{ font-weight: 400; margin-top: 20px; margin-bottom: 5px; } a.ConLink {color:Black; text-decoration:none; font-weight:bold; } a.ConLink:hover {color:Black; text-decoration:underline;} /*--- -------------- ---*/ /*--- PAGE CONTACT V2---*/ #ContactImageContainer { padding:0px; margin:0px; } #ContactAdresseContainer { font-size:10px; } #ContactAdresseContainer .tableColWidth {width:270px; } #ContactAdresseContainer .ContactAdresseItem { width:250px; padding-bottom:5px;} #ContactAdresseContainer h2 { padding: 0px 0px 5px 0px; background-position: -25px 25px; font-weight: bold; font-variant: normal; text-transform: uppercase; font-family: Verdana; font-size: 14px; line-height: 15px; background-image: url(../img/interface/cataFormB.gif); background-repeat: repeat-x; margin: 0px;} #ContactAdresseContainer h3{ padding: 5px 0px 0px 0px; font-weight: bold; font-variant: normal; text-transform: uppercase; font-family: Verdana; line-height: 15px; font-size: 13px; margin: 0px;} #ContactAdresseContainer .garanties { margin-top:10px;} #ContactAdresseContainer a{ border-width: 0px 0px 1px 0px; color: #000000; text-align: right; vertical-align: middle; position: static; border-color: #CCCCCC; border-bottom-style: solid; padding-bottom:-2px; margin-bottom:10px; line-height:10px;} #ContactAdresseContainer a:hover { background-color: #cccccc;} #ContactAdresseMaisons { float: left; display: block;} #contactAdressEvents { display: block; float: right; margin-top: 20px; font-weight: bold; font-size: 11px; padding: 100px 10px 30px 10px; background-image: url('../img/interface/eventsCadre.jpg'); background-repeat: no-repeat; width: 170px; height: 145px; text-align: center; } #contactAdressEvents p{ line-height: 15px; letter-spacing: 3px; } /*---- -------------- ---*/ /*--- PAGE CATALOGUE ---*/ #catalogueEditoContainer{ border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: #808080; padding-top: 20px; padding-left: 20px; margin-bottom:10px; width:98%; float: left;} #catalogueEditoContainer p {margin:0; padding-top:5px;} #catalogueEditoContainer img {width:250px; float:left; margin-top:10px; padding-bottom:20px; text-align:left;} #catalogueEditoTexte{ font-weight:bold; margin-left:40px; float:left; padding-bottom: 0px; padding-top: 0px; position: static; } #catalogueEditoLink{ clear:both; width: 200px; margin-left:200px; padding-bottom: 20px; position:static;} #catalogueEditoLink a { display: block;} .catalogueContent { width:760px; margin-bottom:20px;} .catalogueContentCataInteractif { text-align:justify; padding-left:220px; width:540px; margin:10px; margin-bottom:20px;} .catalogueContentCataPapier { text-align:justify; width:100%; margin:10px; margin-bottom:20px;} #cataTitreHautPage {background-color:#c30006; height:45px;} .cataTitreHaut {float:left; margin:15px 20px 0px 20px;} #cataTitrePage {background-color:#c30006; 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:#c30006; font-weight:bold; margin:0px 60px 15px 0px;} #cataFormBloc1 {width:365px; float:left; padding-right:25px;} #cataFormBloc1 h2 { color: #c30006; /* width:105px; */ padding: 2px 0px 2px 5px; font-family: arial,sans-serif; font-size: 14px; 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;} .cataFormTable1 td {vertical-align:top; font-size:11px; padding-top:3px;} .cataFormTable1 td input {margin-top:0px;} #cataFormBkgrd { /* border-style: solid; border-width: 1px; border-color: #808080; */ width:400px; text-align: center; } .cataFormInput1 {width:215px; height:18px; font-size:11px;} .cataFormInput2{ width: 215px; height: 60px; 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: #c30006; 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;} /*---- -------------- ---*/ /*---- PAGE EVENTS BY ---*/ #eventsEditoContainer{ border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: #808080; padding-top: 20px; padding-left: 20px; margin-bottom:10px; width:98%; float: left;} #eventsEditoContainer p {margin:0; padding-top:5px;} #eventsEditoContainer img {width:250px; float:left; margin-top:10px; padding-bottom:20px; text-align:left;} #eventsEditoTexte{ font-weight:bold; margin-left:40px; float:left; padding-bottom: 0px; padding-top: 0px; position: static; } #eventsEditoLink{ clear:both; width: 200px; margin-left:200px; padding-bottom: 20px; position:static;} #eventsEditoLink a { display: block;} #eventsEditoContainer b { font-size: 12px; text-transform: uppercase; color: #C51626;} #eventsEditoContainer i { color: #C51626; } #eventsEditoContainer a { color: #C51626; text-decoration:underline; } #eventsEditoContainer a:hover { color: #C51626; text-decoration:none; } .eventsContent { width:760px; margin-bottom:20px;} .eventsContentMarge { text-align:justify; padding-left:220px; width:540px; margin:10px; margin-bottom:20px;} .eventsMarge { text-align:center; padding-left:0px; width:210px; margin:0px; margin-bottom:20px; float:left;} .eventsContentMargeSans { text-align:justify; width:100%; margin:10px; margin-bottom:20px;} .eventsItemContentBloc {margin:0; padding-bottom:30px;} .eventsItemContentType1 {width:330px; float:left;} p.eventsItemTextBloc {margin:20px 0px 0px 0px;} p.eventsItemTextBloc span {font-weight:bold; color:#C51626;} .eventsItemImgType1 {text-align:right; float:left; margin-left:20px;} /*---- ----------------------- ---*/ /*---- PAGE SOYER LES PREMIERS ---*/ #premierEditoContainer{ border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: #808080; padding-top: 20px; padding-left: 20px; margin-bottom:10px; width:98%; float: left;} #premierEditoContainer p {margin:0; padding-top:5px;} #premierEditoContainer img {width:250px; float:left; margin-top:10px; padding-bottom:20px; text-align:left;} #premierEditoTexte{ margin-left:40px; width:350px; float:left; padding-bottom: 0px; padding-top: 0px; position: static; } #premierEditoContact { margin-left: 10px; float: left; padding-bottom: 0px; padding-top: 0px; position: static; width: 200px; font-size: 11px;} #premierEditoContact img { margin: 0px; float: left; padding: 0px 5px 0px 0px;} #premierEditoLink{ clear:both; width: 200px; margin-left:200px; padding-bottom: 20px; position:static;} #premierEditoLink a { display: block;} #premierEditoContainer b { font-size: 12px; text-transform: uppercase; color: #C51626;} #premierEditoContainer i { color: #C51626; } #premierEditoContainer u{ color: #C51626; font-weight: bold; font-style: normal; text-decoration: none;} .premierContent { width:760px; margin-bottom:20px;} .premierContent b { font-size: 12px; text-transform: uppercase; color: #C51626;} .premierContent i { color: #C51626; } .premierContent u { color: #C51626; font-weight: bold; font-style: normal; text-decoration: none;} .premierContentMarge { text-align:justify; padding-left:10px; width:520px; margin:10px; margin-bottom:20px; float:left; } .premierMarge { text-align:center; padding-left:0px; width:210px; margin-top:10px; margin-bottom:20px; float:left; } .premierMarge span { clear: both; float: none; font-size: 10px; display: block;} .premierContentMargeSans { text-align:justify; width:100%; margin:10px; margin-bottom:20px;} .premierItemContentBloc {margin:0; padding-bottom:30px;} .premierItemContentType1 {width:330px; float:left;} p.premierItemTextBloc {margin:20px 0px 0px 0px;} p.premierItemTextBloc span {font-weight:bold; color:#C51626;} .premierItemImgType1 {text-align:right; float:left; margin-left:20px;} /*---- ----------------------- ---*/ /*---- PAGE VOYAGE ENTREPRISE ---*/ #entrepriseEditoContainer{ border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: #808080; padding-top: 20px; padding-left: 20px; margin-bottom:10px; width:98%; float: left;} #entrepriseEditoContainer p {margin:0; padding-top:5px;} #entrepriseEditoContainer img {width:250px; float:left; margin-top:10px; padding-bottom:20px; text-align:left;} #entrepriseEditoTexte{ margin-left:40px; width:360px; float:left; padding-bottom: 20px; padding-top: 0px; position: static; } #entrepriseEditoContact { margin-left: 20px; float: left; padding-bottom: 0px; padding-top: 0px; position: static; width: 200px; font-size: 11px;} #entrepriseEditoLink{ clear:both; width: 200px; margin-left:200px; padding-bottom: 20px; position:static;} #entrepriseEditoLink a { display: block;} #entrepriseEditoContainer b { font-size: 12px; text-transform: uppercase; color: #C51626;} #entrepriseEditoContainer i { font-style:normal; font-weight:bold; } #entrepriseEditoContainer u{ color: #C51626; font-weight: bold; font-style: normal; text-decoration: none;} .entrepriseContent{ width: 570px; margin-bottom: 20px; padding: 10px 0px 0px 190px;} .entrepriseContent i { color: #C51626; } .entrepriseContent u { color: #C51626; font-weight: bold; font-style: normal; text-decoration: none;} .entrepriseRetrait { padding: 0px 0px 0px 5px;} .entrpriseContentBloc {float:left; line-height:15px;} .entrpriseContentTitre { width:580px; Height:20px; color:White; font-weight:900; font-size:12px; width:100%; background-color:#c30006; padding-top:5px; padding-left:5px; margin-right:-2px;} .entrepriseItemContentBloc {margin:0; padding-bottom:30px;} .entrepriseItemContentType1 {width:330px; float:left;} p.entrepriseItemTextBloc {margin:20px 0px 0px 0px;} p.entrepriseItemTextBloc span {font-weight:bold; color:#C51626;} .entrepriseItemImgType1 {text-align:right; float:left; margin-left:20px;} /*---- ----------- ---*/ /*---- PAGE VOYAGE ---*/ #voyageEditoContainer{ border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: #808080; padding-top: 20px; padding-left: 20px; margin-bottom:10px; width:98%; float: left;} #voyageEditoContainer p {margin:0; padding-top:10px;} #voyageEditoTitre{width:180px; float:left; margin-top:10px; padding-bottom:20px; text-align:left;} #voyageEditoTexte { width:320px; margin-left:20px; margin-right:10px; float:left; padding-bottom: 10px; padding-top: 0px; position: static; } #voyageEditoimg { width:200px; text-align:center; margin-left:20px; float:left; padding-bottom: 10px; padding-top: 10px; position: static; } #voyageEditoLink{ clear:both; width: 200px; margin-left:200px; padding-bottom: 20px; position:static;} #voyageEditoLink a { display: block;} #voyageEditoContainer b { font-size: 12px; text-transform: uppercase; color: #C51626;} #voyageEditoContainer i { color: #C51626; } #voyageEditoContainer u{ color: #C51626; font-weight: bold; font-style: normal; text-decoration: none;} .voyageContent { width:780px; margin-bottom:0px;} .voyageContent b{ font-size: 12px; color: #C51626; padding-left:0px;} .voyageContent i { color: #C51626; } .voyageContent u { color: #C51626; font-weight: bold; font-style: normal; text-decoration: none;} .voyageContent h3 { margin: 3px 3px 5px 10px; color: #C51626; text-transform: uppercase; font-weight: bold; font-size: 12px;} .voyageContent p{ margin: 0px; text-align: justify; text-indent: 0px; font-size: 11px;} #voyageContentLeft{ float: left; width: 170px; clear: both; } #voyageContentLeft p, .voyageContentLeftF p, #voyageContentRight p, #voyageContentCenterF p { margin: 0px 10px 15px 0px; text-align: left;} #voyageContentCenter{ margin: 0px 20px 0px 10px; width: 380px; float: left;} #voyageContentRight { float:left; padding:0px 0px 0px 0px; width:180px;} #voyageContentRight b {font-size:10px; } .voyageContentMarge { text-align:justify; padding-left:10px; width:520px; margin:10px; margin-bottom:20px; float:left; } .voyageMarge { text-align:center; padding-left:0px; width:210px; margin-top:10px; margin-bottom:20px; float:left; } .voyageMarge span { clear: both; float: none; font-size: 10px; display: block;} .voyageContentMargeSans { text-align:justify; width:100%; margin:10px; margin-bottom:20px;} .voyageItemContentBloc {margin:0; padding-bottom:30px;} .voyageItemContentType1 {width:330px; float:left;} p.voyageItemTextBloc {margin:20px 0px 0px 0px;} p.voyageItemTextBloc span {font-weight:bold; color:#C51626;} .voyageItemImgType1 {text-align:right; float:left; margin-left:20px;} a.voyageLink1 {background-image:url(../img/interface/p_flecheBiblioLien.gif); background-repeat:no-repeat; background-position:0px 4px; display:block; font-size:10px; color:#c30006; 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:#c30006; 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:#c30006; 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:11px; color:#c30006; 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:11px; color:#c30006; 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:11px;color:#c30006; padding:2px 0px 0px 18px; margin:0; height:14px;} a.voyagesInscriptPrint {height:17px;width:130px; display:block; background-image:url(../img/interface/fl_blancheFdRouge.gif); background-repeat:no-repeat; background-position:10px 5px; font-weight:bold; background-color:#c30006; color:#fff; padding:2px 0px 0px 25px; margin-bottom:1px; border:solid 1px #c30006; } a.voyagesInscriptPrint:hover {height:16px; width:130px; background-image:url(../img/interface/p_flecheBiblioLien.gif); color:#c30006; background-color:#fff; border:solid 1px #c30006; padding:2px 0px 0px 25px; } /*---- -------------- ---*/ /*--- PAGE INVITATION ---*/ #partenairesEditoContainer{ border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: #808080; padding-top: 20px; padding-left: 20px; margin-bottom:10px; width:98%; float: left;} #partenairesEditoContainer p {margin:0; padding-top:5px;} #partenairesEditoContainer img {width:250px; float:left; margin-top:10px; text-align:left;} #partenairesEditoTexte{ font-weight:bold; margin-left:40px; float:left; padding-bottom: 0px; padding-top: 0px; position: static; } #partenairesEditoLink{ clear:both; width: 200px; margin-left:200px; padding-bottom: 20px; position:static;} #partenairesEditoLink a { display: block;} .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_flecheBiblioLien.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;} #communiquesTitre {background-color:#c30006; 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:#c30006;} a.mdcLinkType3:hover {text-decoration:underline;} /*---- ------------------ ---*/ /*--- PAGE NOTE DE VOYAGE ---*/ /*Modéle aujourd'hui Pékin */ #noteVoyageHeader { width: 750px; background-color: #FFFFFF; padding: 15px 15px 15px 20px; clear: left; display: block; float: left; visibility: visible; margin-bottom: 15px; border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: #808080;} #noteVoyageHeader img { float:none; padding-right:10px; padding-left:20px; } #noteVoyageHeader span {float:left; padding-left:30px; padding-top:15px; height: 150px;} #noteVoyageHeader p { width:350px; float:left; padding-left:30px; padding-right:10px; padding-top:20px; color:#000000; font-size:12px; } a.noteVoyageLink {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.noteVoyageLink:hover{ text-decoration: underline; cursor: hand; cursor: pointer;} #noteVoyageContainer {width:780px; } #noteVoyageTitle { width: 560px; display: block; height: 20px; font-weight: bold; margin: 0px 0px 0px 220px; clear: both; padding-right: 0px; padding-left: 0px; padding-bottom: 2px; padding-top: 5px;} #noteVoyageContainer h1{ width: 480px; color:#C30006; font-size: 14px; padding: 0px; margin: 0px; float: left; overflow: visible;} #noteVoyageContainer h2 { color: black; color:#C30006; width: 80px; text-align:right; font-size:14px; float:left; padding:0px; text-align:right; margin:0px;} #noteVoyageContainer i{ font-size: 14px; color:#C30006; padding: 0px; margin: 0px; float: left; font-style: normal;} .noteVoyageContentContentG {clear:both;} #noteVoyageContent { width:780px; margin-top:5px; margin-bottom:20px;} .noteVoyageContentDiapoV { width:360px; margin:10px; margin-bottom:20px; float:left; } .noteVoyageContentTexteV { text-align:justify; width:380px; margin:10px; margin-bottom:20px; float:left; } /* DEBUT Ajout d'une classe pour afficher le bulletin Pekin en Horizontal */ .noteVoyageContentDiapoH { width:760px; margin:10px; margin-bottom:20px;} .noteVoyageContentTexteH { text-align:justify; padding-left:220px; width:540px; margin:10px; margin-bottom:20px;} .noteVoyageContentImgAuteur {width:200px; height:100px; float:left; margin-right:10px; margin-bottom:5px; } .noteVoyageContentTexteAuteur {width:300px; float:none; } /* FIN Ajout d'une classe pour afficher le bulletin Pekin en Horizontal */ #noteVoyageCoupCoeurContainer { width:780px; margin-top:10px; } #noteVoyageCoupCoeurTitle { 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;} #noteVoyageCoupCoeurContent {width:780px; text-align:justify; margin:0px; margin-top:0px } #noteVoyageCoupCoeurContent h3 {font-size:12px; margin:0px; font-weight:bold; } #noteVoyageCoupCoeurContent 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; } #noteVoyageCoupCoeurContent a:hover {text-decoration:underline; cursor: hand; cursor:pointer;} /* #noteVoyageCoupCoeurItem {width:240px; margin:10px; color:Olive; } */ span.rdvTitle {} /* rouge : #c30006 marron claire : #EFECDD marron fonce : #E5E0C7 */ /*--- ------------ ---*/ /*--- PAGE SITEMAP ---*/ #SiteMapContainer { padding: 30px 100px 50px 100px;} #SiteMapContainer a { font-family: verdana, Arial; color: #000000; font-size: 10px; font-weight: bold; text-decoration: none; text-transform: uppercase; font-variant: normal; padding-left: 5px; } #SiteMapContainer a:hover {text-decoration:underline;} /*--- -------------- ---*/ /*--- PAGE CONFIANCE ---*/ #ContenuContainerCli { position:relative; clear:none; } #ContenuContainerCli #gauche{ width: 240px; float: left; padding-bottom: 30px; padding-top: 20px;} #ContenuContainerCli #gauche span { text-align:right; margin-right:20px; padding-top: 10px; padding-bottom: 10px; padding-right: 10px; padding-left: 10px; margin-bottom: 20px; clear: right; display: block; } #ContenuContainerCli #droite{ width: 500px; float: left; padding-right: 10px; padding-left: 10px; padding-bottom: 30px; padding-top: 40px; text-transform: uppercase;} #ContenuContainerCli #droite h2 { font-size: 12px; color: #c30006; font-weight: 900; margin-bottom: 5px; } #ContenuContainerCli #droite p{ width:220px; color: threeddarkshadow; font-weight: 600; margin-top: 4px; margin-bottom: 10px; padding-right: 10px;} #ContenuContainerCli #droite .item { width: 240px; float:left; padding-left:10px;} #ContenuContainerCli i { color: #c30006; font-style: normal; font-weight: 900; font-size: 20px; line-height:17px; } /*--- -------------- ---*/ /*--- BOUTON ---*/ menu2Container { position:absolute; z-index:1000; margin-right:0px; padding:0px; clear:both; } menu2{ margin:0; padding:0px; clear:both; } ul.btn { list-style-type : none; text-align : center;} ul.btn a { background-color : #FFFFFF; padding : 5px 0 3px 0; margin-bottom : 4px; height : auto; color : #c30006; font-weight : bold; font-style : normal; display : block; text-decoration : none; padding: 0px 15px 0px 15px;} ul.btn li { margin-bottom : 4px; float:left; } ul.btn li { margin-left : 0;} ul.btn a:hover, ul.btn a:focus, ul.btn a:active { background-color : #c30006; color : #FFFFFF;} ul.btn li.current_page_item a, ul.btn li.current_page_item a:hover, ul.btn li.current_page_item a:focus, ul.btn li.current_page_item a:active { background-color : #FFFFFF; color : #fff; cursor : default;} /*--- -------------- ---*/ /*--- Page Relais ---*/ #conteneurRelais { margin: 0px; padding: 0px; width: 800px; font-family: Verdana, Geneva, sans-serif;} #TitreRelais { font-size: 18px; color: #220f5f; width: 800px; float: left; position: relative; padding-top: 25px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px;} .grasRelais { font-weight: bold;} #blocRelais { font-size: 12px; float: left; width: 370px; position: relative; padding-right: 30px; padding-top: 30px;} #blocRelais img { float: left; position: relative; margin-right: 15px; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none;} .blocRelais a { color: #000;} #texteIntroRelais { font-size: 12px; width: 800px; padding-top: 30px; float: left; position: relative;} .blocRelaisCorail a { color: #E8615D;} .blocRelaisRouge a { color: #d21034;} .blocRelaisTurquoise a { color: #00667C;} .blocRelaisVert a { color: #7aad10;} .blocRelaisOrange a { color: #df5a16;} .blocRelaisBleu a { color: #009ad0;}