/* GENERIQUE */ *{margin:0; padding:0;} html {font-size: 100%;} body{font-family: Arial, Verdana; font-size:8pt; color:#161617; background-color:#f8dc9d} #body{background:url(images/fonds/fond.gif) repeat;} /********************* TITRE ET TEXTE ******************************/ h1 {font:normal 10pt Arial; color:#fff; text-transform:uppercase; } h2 {font:bold 9pt Arial; color:#cd5b14;} p{text-align:justify;} table{font-size: 8pt;} li {margin:0px;} /********************* LIENS ******************************/ a{font:normal 8pt Arial; color:#cd5b14;text-decoration:none;text-align:right;} a:hover {text-decoration:underline;} a img{border:0} input, select, textarea{border-width:0; font:normal 9pt Arial; color:#161617; padding-left:2px;} /********************* BALISES ******************************/ .widget_sablier{text-align:center;} .clear{clear:both;} .color {color:#cd5b14;} .lien {text-align:right;} .block{display:block;} .italic{font-style:italic;} .bold{font-weight: bold; color:#cd5b14;} #info {color:#cd5b14; font-weight: bold; font-size:9pt;width:400px;} /******************************************/ /************** ENTETE ******************/ /******************************************/ #entete {width:910px; height:301px; background: url(images/fonds/entete.jpg) no-repeat 0 0;} #entete ul#haut {width:300px; margin:5px 120px 25px 0; list-style-type:none;float:right; display:inline;/*BUG IE6*/} #entete ul#haut li {float:right;font-size:8pt;} #entete ul#haut li a{text-decoration:none; margin:0;color:#fff; font-size:8pt; padding: 0 5px ;} #entete ul#haut li a:hover{text-decoration:underline;} #entete ul#haut li a.active{text-decoration:underline;} #entete ul#menu {clear:both;width:750px;height:20px; margin:0 0 5px 45px; list-style-type:none;background:#c3223b; border:2px solid white;} #entete ul#menu li {float:left;} #entete ul#menu li a{text-decoration:none; margin:0;color:#fff; font-size:9pt; line-height: 20px; padding: 0 16px ; text-transform:uppercase;} #entete ul#menu li a:hover{text-decoration:underline;} #entete ul#menu li a.active{text-decoration:underline;} #entete p#logo{width:328px; margin:0 0 0 45px; float:left; display:inline;} #entete #bandeau{width:418px; margin:3px 0 0 10px; float:left;} /******************************************/ /************** STRUCTURE ******************/ /******************************************/ #conteneur {width:910px; margin:0 auto;} #global{width:910px;clear:both; margin:0; background: url(images/fonds/drt_accueil.gif) repeat-y 801px 0; } #contain{width:910px;clear:both; margin:0; background: url(images/fonds/contenu.gif) repeat-y;} #contenu {width:801px; margin:0; float:left; display:inline;} #border {width:100px; float:left; margin:0; background:url(images/fonds/drt_accueil.gif) repeat-y; min-height:100%;} /******************************************/ /************** PIED DE PAGE ******************/ /******************************************/ #bas {clear:both; width:860px; height:128px;margin:0; background: url(images/fonds/bas.jpg) no-repeat 0 0;} #bas ul#ssmenu {width:550px; margin:65px 0 0 10px; list-style-type:none;float:left;text-align:right;} #bas ul#ssmenu li {float:left; margin: 0;font-size:8pt; color:#fff;} #bas ul#ssmenu li a{text-decoration:none; float:left; margin:0;font-size:8pt; color:#fff;margin: 0 5px;} #bas ul#ssmenu li a:hover{text-decoration:underline;} #bas ul#ssmenu li a.active{text-decoration:underline;} #bas p#awc {width:200px; margin:65px 0 0 70px; float:left;display:inline; color:#fff;} #bas p#awc a{color:#fff; margin:5px 0 0 0px; font-size:8pt;} /******************************************/ /************** HOMEPAGE ******************/ /******************************************/ #columnG {width:192px; float:left; display:inline;margin: 0 40px 0 50px;} #columnG .bloc {margin:0;} #columnG .bloc .titre{background: url(images/titre/marron-pt.gif) no-repeat;width:192px; height:28px;} #columnG .bloc .titre h1{margin: 0 0 10px 10px;padding-top:3px;} #columnG .bloc .cadre{background:#fbe19c; border:1px solid #ccc; border-top:none; width:190px;margin-bottom:13px !important;margin-bottom:12px;} #columnG .bloc .cadre p.photos{text-align:center;} #columnG .bloc .cadre p.photos img{border:1px solid #cd5b14; margin:5px 0 0 0;} #columnG .bloc .cadre p{margin:0 10px 5px 10px; line-height:1.2em;} #columnD {width:498px; float:left;} #columnD #gd-bloc {margin:0 0 12px 0; } #columnD #gd-bloc2 {margin:0 0 0px 0; } #columnD #gd-bloc h1{font-weight:bold} #columnD #gd-bloc2 h1{font-weight:bold} #columnD .gd-titre{background: url(images/titre/beige-gd.gif) no-repeat 0 0;width:498px; height:28px;} #columnD .gd-titre h1{margin: 0 0 10px 10px;padding-top:3px;} #columnD .gd-cadre /* --- style différent sous IE -- voir css IE --- */{background:#f8dc9d; width:496px; border-right:1px solid #de9828; border-left:1px solid #de9828; border-top:1px solid transparent; border-bottom:1px solid transparent;} #columnD .gd-cadre p{margin:5px 10px 6px 10px; text-align:justify;} #columnD .gd-cadre p img.image{border:2px solid #fff; margin:0 0 10px 10px; float:right;} #columnD .gd-cadre p.rouge{color:#c3223b;font-weight:bold;} #columnD .gd-cadre h2{text-align:center;} #columnD .gd-cadre #portrait img{margin: 3px 0 0 0;} #columnD .gd-cadre #portrait {float:left;display:inline; width:155px;margin:0 10px 0 15px;} #columnD .gd-cadre .paysage, #columnD .gd-cadre .paysage2 {float:left;width:155px;} #columnD .gd-cadre .paysage img {padding: 3px 10px 0 0;} #columnD .gd-cadre .paysage2 img {padding: 15px 10px 0 0;} /******************************************/ /************** CONTACTS ******************/ /******************************************/ #columnD .gd-cadre p#merci {line-height:100px; text-align:center;} #columnD .gd-cadre form {width: 400px; margin: 10px auto;} #columnD .gd-cadre form .row {clear: both;padding-top: 3px;} #columnD .gd-cadre form .row label {float: left; margin: 0 5px 0 0; padding:0; width: 120px;text-align: right;font: normal 9pt Arial; color:#161617;} #columnD .gd-cadre form .row label span{color: #be6126;font-size:8pt;} #columnD .gd-cadre form .row span.champs {float: right; width: 260px; padding : 0 10px 0 0; margin: 0; text-align: left;} #columnD .gd-cadre form .row span.champs input#bt{width: 67px;border: none; padding:0; margin:0;} #columnD .gd-cadre form .row span.champs input{width: 160px;border: 1px solid #be6126; padding:0; margin:0;} #columnD .gd-cadre form .row span.champs textarea{width: 180px;border: 1px solid #be6126; padding:0; margin:0;} /******************************************/ /************** PAGES STATIQUES ******************/ /******************************************/ #contenu .titreGal {width:737px; height:29px; margin:10px 0 0 40px;background: url(images/fonds/titre.gif) no-repeat 0 0;} #contenu .titreGal h1{margin:0 0 0 15px; padding:8px 0 0 0;} #contenu .titreGal2 {width:737px; height:29px; margin:10px 0 0 40px;background: url(images/fonds/titre2.gif) no-repeat 0 0;} #contenu .titreGal2 h1{margin:0 0 0 15px; padding:8px 0 0 0; font-weight: bold;} #contenu .texteGal /* --- style différent sous IE -- voir css IE --- */{width:735px; margin:0 0 0 40px; background:#f8dc9d; border-right:1px solid #be6126; border-left:1px solid #be6126; border-top:1px solid transparent; border-bottom:1px solid transparent; } #contenu .texteGal p{margin:0 15px 8px 15px; font-size:12px;} #contenu .texteGal p.haut{margin:5px 15px 8px 15px;} #contenu .texteGal p img{float:right; margin:0 0 10px 10px; border:2px solid #be6126;} #contenu .texteGal p.italic {margin-top:20px; margin-bottom:0;} #contenu .texteGal h2{margin:5px 15px 0 15px;} #contenu .texteGal ol#listes{margin:0 15px 8px 15px;} #contenu .texteGal ol#listes li{margin:0 15px 8px 30px;font:normal 8pt Arial; color:#161617; text-align:left;} #contenu .texteGal li{margin:0 0 0 30px;font-size:12px;} #contenu .bord-bas {margin-left:40px;} /********************************************** * CIRCUITS * **********************************************/ #columnG .bloc .cadre #liste_destination {list-style-type:none; padding:10px 0 20px 0; vertical-align:middle} #columnG .bloc .cadre #liste_destination li {margin-left:30px; margin-top:6px} #columnG .bloc .cadre #liste_destination .puce {padding-right:5px; vertical-align:middle;} #columnG .bloc .cadre #liste_destination .barre_separation {margin-left:-20px; line-height:15px; position:absolute; padding-top:3px} #columnG h1 { font-weight: bold;} #columnD .circuit_gd-bloc {margin:0 0 12px 0; } #columnD .circuit_gd-bloc .gd-titre{background: url(images/titre/beige-gd.gif) no-repeat 0 0;width:498px; height:28px;} #columnD .circuit_gd-bloc .gd-titre h1{margin: 0 0 10px 10px;padding-top:3px; float:left; font-weight: bold;} #columnD .circuit_gd-bloc .gd-titre .MoteurNavigation {float:right; margin-right:10px; margin-top:4px} #columnD .circuit_gd-bloc .gd-titre .MoteurNavigation a{font-weight: bold; color:#fff; font-size:9pt} #columnD .circuit_gd-bloc .gd-titre .MoteurNavigationPageActuelle {font-weight:bold; color:#9f3d00} #columnD .circuit_gd-bloc .gd-cadre /* --- style différent sous IE -- voir css IE --- */{background:#f8dc9d; width:496px; border-right:1px solid #de9828; border-left:1px solid #de9828; border-top:1px solid transparent; border-bottom:1px solid transparent;} #columnD .circuit_gd-bloc .gd-cadre p{margin:5px 10px 6px 0px; text-align:justify;} #columnD .circuit_gd-bloc .gd-cadre p img.image{border:4px solid #fff; margin:2px 5px 2px 2px; float:left;} #columnD .circuit_gd-bloc .gd-cadre p img.bouton{border:none; margin:2px 5px 2px 2px; float:right; position:relative;} #columnD .circuit_gd-bloc .gd-cadre p.rouge{color:#c3223b;font-weight:bold;} #columnD .circuit_gd-bloc .gd-cadre h2{text-align:center;} #columnD .circuit_gd-bloc .gd-cadre #portrait img{margin: 3px 0 0 0;} #columnD .circuit_gd-bloc .gd-cadre #portrait {float:left;display:inline; width:155px;margin:0 10px 0 15px;} #columnD .circuit_gd-bloc .gd-cadre .paysage, #columnD .gd-cadre .paysage2 {float:left;width:155px;} #columnD .circuit_gd-bloc .gd-cadre .paysage img {padding: 3px 10px 0 0;} #columnD .circuit_gd-bloc .gd-cadre .paysage2 img {padding: 15px 10px 0 0;} #columnD .circuit_gd-bloc .gd-cadre .conteneur_image{width:126px; float:left; text-align:center} #columnD .circuit_gd-bloc .gd-cadre .conteneur_image img {border:4px solid #fff} #columnD #circuit_l #erreur {color:#be6126; font-weight:bold; text-align:center; margin-top:50px} #columnD #circuit_l .bouton {margin-top:10px} #columnD h1.titre1 {background: url(images/fond_titre1.gif) no-repeat; float:right; width:350px; height:23px; vertical-align: middle; line-height: 23px; font-weight: bold; padding-left: 20px; margin-bottom: 5px;} #columnD h1.titre2 {background: url(images/fond_titre2.gif) no-repeat; float:right; width:350px; height:23px; vertical-align: middle; line-height: 23px; font-weight: bold; padding-left: 20px; margin-bottom: 5px;} #columnD .cir_liste {padding-right:5px} .circuit_details .titreGal h1 {font-weight:bold} .circuit_details .titreGal .retour{font-weight:bold; text-align:right; float:right; margin-top:-16px; margin-right:15px; color:#f5dc9c; font-size:12px} .circuit_details .texteGal {color:#000; width:735px; color:#161617; font-family:Arial; font-size:8pt; font-size-adjust:none; font-stretch:normal; font-style:normal; font-variant:normal; font-weight:normal; line-height:normal; text-align:justify;} .circuit_details .texteGal li{margin:0px;} .circuit_details .texteGal #images {float:left;} .circuit_details .texteGal #images #img_principale{float:left; border:2px solid #b66126; margin:5px 5px 5px 10px} .circuit_details .texteGal #images .img_mini{border:1px solid #b66126; margin:6px 10px 3px 3px} .circuit_details .texteGal #introduction {margin:5px 10px 10px 10px} .circuit_details .texteGal #details{margin:10px} .circuit_details .texteGal #infos_compl{margin:10px} /********************************************** * DESTINATIONS * **********************************************/ #destinations .cadre_gauche{width:348px; border:0px solid green; float:left; margin-left:40px} #destinations .gd-bloc {margin:0 0 12px 0; padding-left:40px} /*#destinations .gd-bloc h1{font-weight:bold}*/ #destinations .gd-titre{background: url(images/titre/beige-gd2.gif) no-repeat 0 0; width:730px; height:28px; margin-bottom:12px} #destinations .gd-titre h1{margin: 0 0 10px 10px;padding-top:3px; font-weight: bold; float:left; display:inline;/*BUG IE6*/} #destinations .gd-bloc .gd-titre .MoteurNavigation {float:right; margin-right:10px; margin-top:4px} #destinations .gd-bloc .gd-titre .MoteurNavigation a{font-weight: bold; color:#fff; font-size:9pt} #destinations .gd-bloc .gd-titre .MoteurNavigationPageActuelle {font-weight:bold; color:#9f3d00} /*#destinations .bloc .cadre #liste_destination {list-style-type:none; padding:20px 0 20px 0; vertical-align:middle} #destinations .bloc .cadre #liste_destination li {margin-left:30px; margin-top:5px} #destinations .bloc .cadre #liste_destination .puce {padding-right:5px; vertical-align:middle;} #destinations .bloc .cadre #liste_destination .barre_separation {margin-left:-20px} */ #destinations .gd-bloc .case {width:359px; float:left; margin-right:10px; margin-bottom:10px} #destinations .gd-bloc .gd-cadre {background:#f8dc9d; height:151px; position:relative; padding:2px 10px; border:1px solid #de9828; border-width:0 1px; overflow:hidden;} #destinations .gd-bloc .gd-cadre h1 {height:23px; line-height: 23px; font-weight: bold; padding-left: 10px; margin-bottom: 10px;} #destinations .gd-bloc .gd-cadre h1.titre1 {background: url(images/fond_titre1.gif) no-repeat;} #destinations .gd-bloc .gd-cadre h1.titre2 {background: url(images/fond_titre2.gif) no-repeat;} #destinations .gd-bloc .gd-cadre .image{border:4px solid #fff;} #destinations .gd-bloc .gd-cadre .image1{margin-right:10px; float:left;} #destinations .gd-bloc .gd-cadre .image2{margin-left:10px; float:right;} #destinations .gd-bloc .gd-cadre .des_description{text-align:justify; } #destinations .gd-bloc .gd-cadre .des_description1{margin-left:128px; } #destinations .gd-bloc .gd-cadre .des_description2{margin-right:128px; } #destinations .gd-bloc .gd-cadre .bouton{position:absolute; bottom:2px;} #destinations .gd-bloc .gd-cadre .bouton1{right:10px;} #destinations .gd-bloc .gd-cadre .bouton2{right:138px;} /*#destinations .gd-bloc .gd-cadre p.rouge{color:#c3223b;font-weight:bold;} #destinations .gd-bloc .gd-cadre h2{text-align:center;} #destinations .gd-bloc .gd-cadre #portrait img{margin: 3px 0 0 0;} #destinations .gd-bloc .gd-cadre #portrait {float:left;display:inline; width:155px;margin:0 10px 0 15px;} #destinations .gd-bloc .gd-cadre .paysage, #destinations .gd-cadre .paysage2 {float:left;width:155px;} #destinations .gd-bloc .gd-cadre .paysage img {padding: 3px 10px 0 0;} #destinations .gd-bloc .gd-cadre .paysage2 img {padding: 15px 10px 0 0;} */ #destinations #l #erreur {color:#be6126; font-weight:bold; text-align:center; margin-top:50px} #destinations #l .bouton {margin-top:10px} #destinations .cir_liste {padding-right:5px} .details .titreGal h1 {font-weight:bold} .details .titreGal .retour{font-weight:bold; text-align:right; float:right; margin-top:-16px; margin-right:15px; color:#f5dc9c; font-size:12px} .details .texteGal {color:#000; width:735px; color:#161617; font-family:Arial; font-size:8pt; font-size-adjust:none; font-stretch:normal; font-style:normal; font-variant:normal; font-weight:normal; line-height:normal; text-align:justify;} .details .texteGal #images {float:left} .details .texteGal #images #img_principale{float:left; border:2px solid #b66126; margin:5px 5px 5px 10px} .details .texteGal #images .img_mini{border:1px solid #b66126; margin:6px 10px 3px 3px} .details .texteGal #introduction {margin:5px 10px 10px 10px} .details .texteGal #details{margin:10px} .details .texteGal #infos_compl{margin:10px} /********************************************** * ESPACE CLIENT * **********************************************/ .espace_client .titreGal h1 {font-weight:bold} .espace_client .titreGal .retour{font-weight:bold; text-align:right; float:right; margin-top:-16px; margin-right:15px; color:#f5dc9c; font-size:12px} .espace_client .texteGal {color:#000; width:735px; color:#161617; font-family:Arial; font-size:8pt; font-size-adjust:none; font-stretch:normal; font-style:normal; font-variant:normal; font-weight:normal; line-height:normal; text-align:justify;} .espace_client .texteGal #images {float:left} .espace_client .texteGal #images #img_principale{float:left; border:2px solid #b66126; margin:5px 5px 5px 10px} .espace_client .texteGal #images .img_mini{border:1px solid #b66126; margin:6px 10px 3px 3px} .espace_client .texteGal #introduction {margin:5px 10px 10px 10px} .espace_client .texteGal #details{margin:10px} .espace_client .texteGal #infos_compl{margin:10px} #details form{text-align:center;} #details form p{text-align:center; padding-bottom:20px} #details form label{font-weight:bold} #details form input{width: 160px;border: 1px solid #be6126; padding:0; margin:0;} #menu_client {font-weight:bold; text-align:right; float:right; margin-top:-16px; margin-right:15px; color:#f5dc9c; font-size:12px} #menu_client a{font-weight:normal; color:#f5dc9c; font-size:12px} #menu_client a.active{font-weight:bold; color:#fff; font-size:12px} #details .tab_regl {width:100%; border:1px solid #de9828} #details .tab_regl .titre_panier td {background-color:#de9828; padding:5px; text-align:center; font-weight:bold; color:#fff} #details .tab_regl .ligne1 {background-color:#f8dc9d} #details .tab_regl .ligne2 {background-color:#fff5c2} #details .tab_regl td {padding:5px} #details .description {text-align:right; width:350px; display:block; float:left} #details .valeur {margin-left:10px; text-align:left; font-weight:bold} #details .texte {text-align:center; padding-top:40px; padding-bottom:40px} #details .tab_profil input{width: 160px;border: 1px solid #be6126; padding:1px; margin:0; margin:5px 0 5px 0} #details .tab_profil select{width: 160px;border: 1px solid #be6126; padding:1px; margin:0; margin:5px 0 5px 0}