/* CSS Document */ body, tr, td, th, table, img, ul, li, h1, h2, h3, p { padding:0; margin:0; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#666666; list-style-type:none; border-collapse:collapse; border:0; padding:0; margin:0; border-spacing:0} input { border:1px solid #b5dbfa; padding:2px; font-size:11px; color:#666} select, textarea { border:1px solid #d4d0c8; font-size:11px; color:#000} select { height:17px; #height:19px; color:#666666} #global { width:1000px; margin:auto} img { border:0; } .clearfloat { clear:both; } a { outline: none; } .contenu .separation { clear:both; font-size:1px; line-height:1px; height:5px; border-bottom:1px solid #cedefd} /* HEADER */ #header { height:139px; position:relative; } #header input { color:#0154a4} #topheader { height:99px; background:url(/img/header/fond-nuages.jpg); } #header .fond { background:url(/img/header/fond-nuages2.jpg); } #header .fond-h { background:url(/img/header/fond-nuages-h.jpg); } #header .fond-e { background:url(/img/header/fond-nuages-e.jpg); } #topheader .logo { float:left;} #topheader .newsletter { float:left; padding:7px 0 0 157px; height:26px; color:#0154a4; } #topheader .newsletter2 { float:right; padding:7px 10px 0 0; width:450px; height:26px; color:#0154a4; } #topheader .newsletter span, #topheader .newsletter2 span { color:#ffb400; } #topheader strong { float:left; padding:2px 5px 0 0} #topheader input { float:left; width:158px} #topheader div.btn { float:left; padding:0 0 0 5px} #topheader .recherche { float:left; padding:7px 0 0 30px; height:26px; color:#0154a4; } #topheader .recherche input { width:162px} #topheader .baseline { float:left; margin:17px 0 0 2px; line-height:15px; color:#0154a4; width:610px;} #topheader .numeros { float:left; text-align:center; margin:3px 0 0 2px; color:#FFF; } #topheader .numeros img.picto { float:left;} #topheader .numeros div { float:left; padding:2px 5px 0 5px; } .etranger { position: absolute; bottom:32px; right:20px; font-size:10px; color:#358bdc; width:260px;} #topheader .numeros span { font-size:10px; color:#358bdc} #topheader .numeros span a { cursor:crosshair} /* FIL D'ARIANE */ #ariane, .ariane { font-size:10px; color:#82abd3; height:14px; padding:5px; } #ariane a, .ariane a { font-size:10px; color:#82abd3; } #ariane span, .ariane span { font-size:9px; color:#e10326; } /* STRUCTURE SITE */ #content table#colonnes { width:100%;} #content td#colleft { vertical-align:top; width:260px; padding-right:10px; } #content td#colcenter { vertical-align:top;} #content td#colright { vertical-align: top; width:260px; padding-left:10px; } #content td#colcontent { vertical-align: top; } #content td#colcontent h1 { font-size:16px; color:red; text-align:center; } #content td#colcontent .toto { font-size:14px; } #content #colleft .box, #content #colright .box { clear: left; padding:10px 7px 5px 7px } /* COLLEFT */ /** BOX ETE / HIVER **/ #content td#colleft .ete { position:relative; width:260px; height:239px; background:url(/img/content/box/fond-ete.gif) repeat-y;} #content td#colleft .hiver { position:relative; width:260px; height:239px; background:url(/img/content/box/fond-hiver.gif) repeat-y;} #content td#colleft a.ongletete { display:block; float:left; height:20px; width:119px; padding:4px 5px; text-align:right; font-size:9px; text-decoration:none; line-height:11px; _line-height:10px; } #content td#colleft .ete a.ongletete { background:url(/img/content/box/ete-onglet-ete.gif) bottom; color:#faded0; width:121px} #content td#colleft .hiver a.ongletete { background:url(/img/content/box/hiver-onglet-ete.gif) bottom; color:#f7a89c; width:121px} #content td#colleft a.onglethiver { display:block; float:left; height:20px; width:121px; padding:4px 5px; text-align:right; font-size:9px; text-decoration:none; line-height:11px; _line-height:10px} #content td#colleft .ete a.onglethiver { background:url(/img/content/box/ete-onglet-hiver.gif) bottom; color:#d3e7f8; width:119px } #content td#colleft .hiver a.onglethiver{ background:url(/img/content/box/hiver-onglet-hiver.gif); color:#d3e7f8; width:119px} #content td#colleft .ete a:hover.ongletete { color:#FFFFFF} #content td#colleft .ete a:hover.onglethiver { color:#FFF} #content td#colleft .hiver a:hover.ongletete { color:#FFF} #content td#colleft .hiver a:hover.onglethiver { color:#FFFFFF} #content td#colleft .box label { display:block; float:left; width:93px; padding:3px 0 0 0; height:15px; margin-top:5px; _width:90px; } #content td#colleft .ete label, #content td#colleft .hiver label { color:#FFFFFF; } #content td#colleft .ete .box, #content td#colleft .hiver .box { height:164px; } #content td#colleft .box select { width:153px; color:#30312f;margin-top:5px;} #content td#colleft .box select.petit { width:65px; } #content td#colleft .ete .box div.btn, #content td#colleft .hiver .box div.btn { position:absolute; bottom: 10px; right:5px; } #content .coindroit { clear:both; width:100%; background:url(/img/content/coin-blanc-bd.gif) right no-repeat; height:5px; line-height:0; font-size:1px} #content .coingauche { width:100%; background:url(/img/content/coin-blanc-bg.gif) left no-repeat; height:5px; line-height:0; font-size:1px} #content td#colleft .geoete, #content td#colleft .geohiver, #content .rappel, #content td#colleft .topdest-ete, #content td#colleft .topdest-hiver, #content td#colleft .thematiques { margin-top:5px;} #content td#colleft .pub2 { position:relative; margin-top:5px; margin-bottom:5px; } /** RAPPEL **/ #content .rappel { width:260px; background:url(/img/content/box/rappel-fond.gif) repeat-x top #d0e7f4; } #content td#colleft .rappel .box { color:#164d82; padding:3px 7px} #content td#colright .rappel .box { color:#164d82; padding:3px 7px} #content .rappel label { float:left; margin:5px 5px 0 0} #content .rappel input { float:left; margin:5px 0px 0px 5px !important; border:0px !important;} #content .rappel .box .btn { float:left; margin:3px 0 0 5px} #content td#colright .rappel .btn { margin:3px 0 0 5px} #content td#colright .rappel label { float:left; margin:5px 5px 0 0} #content .rappel .petit { clear: both; font-size:10px; color:#4d7ba4; padding:4px 0 0 0} /** TOPDEST ETE**/ #content td#colleft .topdest-ete {height:110px;width:260px;background-color: #fcda8d;background-image: url(/img/content/box/topdest-ete-fond.gif);background-repeat: repeat-x;} #content td#colleft .topdest-ete .box { padding: 0px; _padding: 0; } #content td#colleft .topdest-ete .box ul { float:left; padding:0 5px 0 0; _padding:0; } #content td#colleft .topdest-ete .box ul.premier { width:130px; _width:135px; _padding:0 0 0 5px;} #content td#colleft .topdest-ete .box ul li { background:url(/img/content/box/carre-rouge.gif) no-repeat left top; padding:0 0 0 12px; height:20px} #content td#colleft .topdest-ete .box ul li a { color:#ef600a; font-weight:bold; } /** TOPDEST HIVER**/ #content td#colleft .topdest-hiver { height:110px; width:260px; background-color: #66a6ea; background-image: url(/img/content/box/topdest-hiver-fond.gif); background-repeat: repeat-x;} #content td#colleft .topdest-hiver .box { padding: 0px; _padding: 0; } #content td#colleft .topdest-hiver .box ul { float:left; padding:0 5px 0 0; _padding:0; } #content td#colleft .topdest-hiver .box ul.premier { width:130px; _width:135px; _padding:0 0 0 5px;} #content td#colleft .topdest-hiver .box ul li { background:url(/img/content/box/carre-rouge.gif) no-repeat left top; padding:0 0 0 12px; height:20px} #content td#colleft .topdest-hiver .box ul li a { color:#FFFFFF; font-weight:bold; } /** THEMATIQUES **/ #content td#colleft .thematiques { width:260px; background:url(/img/content/box/thematiques-fond.gif) repeat-x #dff0ff} #content td#colleft .thematiques .box { padding: 2px 3px 1px 3px; _padding: 3px 0; } #content td#colleft .thematiques .box ul { float:left; padding:0 0px 0 0; _padding:0; border:0px solid red; } #content td#colleft .thematiques .box ul.premier { width:260px; _width:258px; _padding:0 0 0 0px;} #content td#colleft .thematiques .box ul li { background:url(/img/content/box/carre-rouge.gif) no-repeat left top; padding:4px 0 0 10px;} #content td#colleft .thematiques .box ul li a { color:#54a2ed; font-weight:bold; } /* CONTENU CENTRAL */ /** GENERAL **/ #content td#colcenter .tarif { color:#f2860f; } #content td#colcenter .tarif span { font-size:14px} /** BONS PLANS **/ #content td#colcenter .bonsplans h1 { height:-1px; color:#FFFFFF; padding:0px; margin:0px; font-size:1px; visibility:hidden; } #content td#colcenter .bonsplans { height:255px; margin-bottom:5px;} #content td#colcenter .bonsplans .bloc { float:left; width:226px; margin:0px 6px 5px 0; } #content td#colcenter .bonsplans .blocright { float:left; width:226px; margin:0px 0 5px 0; } #content td#colcenter .bonsplans .ski { background: url(/img/content/fond-ski.jpg);} #content td#colcenter .bonsplans .chalet { background: url(/img/content/fond-chalet.jpg);} #content td#colcenter .bonsplans .eiffel { background: url(/img/content/fond-eiffel.jpg); } #content td#colcenter .bonsplans .groschalet { background: url(/img/content/fond-gros-chalet.jpg); } #content td#colcenter .bonsplans .transat { background: url(/img/content/fond-transat.jpg); } #content td#colcenter .bonsplans a { text-decoration:none; color:#666666; text-align:center;} #content td#colcenter .bonsplans .type { color:#0154a4} #content td#colcenter .bonsplans a:hover .type { text-decoration:underline} /** OFFRES SPECIALES **/ #content td#colcenter .offressepeciales { clear:both; height:492px;} #content td#colcenter .offressepeciales h1 { height:450px; height:17px; padding:5px; background:url(/img/content/fond-contour-bleu-titre.gif) no-repeat top center; font-size:14px; color:#3e90dd; _background:url(/img/content/fond-contour-bleu-titre.gif) no-repeat top center;} #content .offressepeciales .bloc { clear:both; height:73px; padding:8px 7px 6px 7px ; border-bottom:1px solid #d1e4f6; border-left:1px solid #d1e4f6; border-right:1px solid #d1e4f6; position: relative; } #content .offressepeciales .bloc img { float:left; border:1px solid #666666} #content .offressepeciales .bloc .ensavoirplus { position:absolute; right:0; bottom:0; padding:5px 5px 5px 12px; background:url(/img/content/puce-en-savoir-plus-new.gif) no-repeat left; } #content .offressepeciales .bloc .ensavoirplus a { color:#728caf; font-weight:bold;} #content .offressepeciales .bloc .texte { float:left; width:345px; padding:0 0 0 10px; } #content .offressepeciales .bloc .texte a { text-decoration:none; color:#666666} #content .offressepeciales .bloc .ville { text-decoration:none; color:#589fe2; } #content .offressepeciales .bloc .tarif { padding:4px 0 } #content .offressepeciales .bloc .tarif em { font-style:normal; text-decoration:line-through;} #content .offressepeciales .bloc .pourcent { color:#e10326} #content .offressepeciales .bottom { color:#FFFFFF; font-size:9px; padding:0px 5px 5px 5px; height:25px; background:url(/img/content/offressepeciales-bottom.gif) no-repeat bottom; text-align:center; } #content .offressepeciales .bottom a { color:#FFFFFF; font-size:11px; font-weight:bold; text-align:center; display: block; padding: 7px; height: 20px; } /* CONTENU DROITE */ #content td#colright .offres { width:260px; height:222px; margin-bottom:4px;} /** NEWSLETTER LEFT**/ #content td#colleft .newsletter { margin-bottom:15px;} #content td#colleft .newsletter .box { background:url(/img/content/box/newsletter-fond.gif) no-repeat top left; height:85px;} #content td#colleft .newsletter input { float:left; width:190px; margin:60px 5px 0 5px} #content td#colleft .newsletter .btn { float:left; margin:60px 5px 0 5px} /** NEWSLETTER RIGHT**/ #content td#colright .newsletter { margin-bottom:5px;} #content td#colright .newsletter .box { background:url(/img/content/box/newsletter-fond.gif) no-repeat top left; height:85px;} #content td#colright .newsletter input { float:left; width:190px; margin:60px 5px 0 5px} #content td#colright .newsletter .btn { float:left; margin:60px 5px 0 5px} /** IDEES VACANCES **/ #content td#colright .ideesvacances { } #content td#colright .ideesvacances .idees { border-top:1px solid #ffffff; } .pub { padding:6px 0 0 0;} /* RECHERCHE */ .recherche .box { clear: left; margin-bottom:6px;} .recherche .box div.contenu { border-left:1px solid #d1e4f6; border-right:1px solid #d1e4f6; padding:0 9px;} #divAffinage, #divAffinageBas { border-left:1px solid #d1e4f6; border-right:1px solid #d1e4f6; padding:0 9px; min-height:55px; height:55px;} #divAffinageBas { min-height:35px; height:55px;} #divAffinage input, #divAffinageBas input {border:0px;} .recherche .box div.contenu img { float:left; } .filtre { height:50px} .filtre1 { font-weight:bold; float:left; padding:1px 2px 0 3px; color:#999999;} .filtre2 { font-weight:bold; float:left; padding:0 0 0 2px; } .comboFiltre { FONT-WEIGHT: bold } .comboFiltre2 { FONT-WEIGHT: bold; width: 120px; } .recherche .box select { font-weight:bold; color:#666; width:135px; margin-bottom:5px} .recherche .box input { border:0; float:left; margin: 0 3px 3px 0} .recherche .box select.petit { width:90px} .recherche .box select.grand { width:140px} .recherche .box .filtre3 { float:left; padding:0px 2px; } .recherche .box .resultat { color:#999; float:left; padding:0px 2px; font-weight:bold;} .recherche .box .pagination { color:#999; float:right; padding:0px 2px; } .recherche .box .pagination a { color:#999; padding:0 0 0 7px} .recherche .box .pagination a.selected { color:#e10326; padding:0 0 0 7px} .recherche .resultats { margin: 6px 0 0 0;} .recherche .resultats .contenu { height:150px} .recherche .resultats .visu { width:195px; height:143px; float:left; border:0px solid #b3b3b3; margin:0px 0} .recherche .resultats .texte { border:0px solid RED; float:left; padding:3px 0 3px 5px; width:343px; height:140px; line-height:13px} .recherche .resultats .texte div { margin-top:5px;} .recherche .resultats .titre { font-weight:bold; margin-top:0px !important;} .recherche .resultats .titre a { text-decoration:none; color:#666666; margin:0px 0; padding:0; float:left;} .recherche .resultats .titre span { font-size:14px; color:#589fe2} .recherche .resultats .titre img { float:left; margin-right:5px;} .recherche .resultats div.etoiles { margin:2px 0 ; height:17px;} .recherche .resultats div.texteintro { color:#999; margin-top:0px;} .recherche .resultats .promo { margin:5px 0 0 0; } .recherche .resultats .promo p { float:left; margin:0; padding:0; color:#999; line-height:13px;} .recherche .resultats .promo img { float:left; margin-right:5px} .recherche .resultats .promo span { color:#e10326; font-weight:bold;} .recherche .resultats .prix { border:0px solid #b3b3b3; float:left; position:relative; height:145px; text-align:right; width:160px;} .recherche .resultats .prix strong { font-size:30px; color:#ff7800; line-height:27px} .recherche .resultats .btn { position:absolute; bottom:0; right:0} .recherche .resultats .prix s { color:#ff7800; font-weight:bold; font-size:18px; text-decoration:line-through;} .recherche .resultats .prix b { font-weight:normal; font-size:11px; color:#666666;text-decoration:none;} .recherche .resultats .prix em { color:#ff7800; font-weight:bold; font-style:normal} .recherche .resultats .prix .entete { font-weight:normal; font-size:11px; color:#666666;text-decoration:none;} .recherche .pages { margin: 6px 0 0 0; border-top:1px solid #d1e4f6;} .recherche .pages .contenu { padding:10px; border-left:1px solid #d1e4f6; height:100%} .recherche .pages .pagination { margin-top:7px} .recherche .theme { padding:20px 10px; height:59px; width:711px; color:#589fe2} .recherche .theme h1 { font-size:14px; color:#589fe2} .recherche .theme p { margin:10px 0; color:#589fe2} /* FICHE ARTICLE */ .fiche { margin-bottom:6px} .fiche .contenu { background:url(/img/content/fiche/fond-top.gif) no-repeat top; height:225px; width:1000px;position:relative;} /** BLOC DU HAUT **/ .fiche .contenu .visu { width:218px; height:163px; background:url(/img/content/nophoto.gif) no-repeat top; float:left; margin:0 37px; _margin:0 37px 0 18px; border:1px solid #b3b3b3; } .fiche .contenu .texte { float:left; width:710px; padding:10px} .fiche .contenu .texte h1 { font-size:12px; font-weight: normal; height:42px} .fiche .contenu .texte h1 strong { color:#2e9aff; font-size:14px; font-weight: bold; line-height:10px} .fiche .contenu .texte h1 em { font-size:14px; font-style:normal; font-weight: bold; line-height:10px} .fiche .contenu .texte h1 img { float:left; margin-right:10px} .fiche .contenu .infos { float:left; width:230px;} .fiche .contenu .infos strong { color:#589fe2; font-size:12px; display:block; margin-bottom:7px} .fiche .contenu .infos strong.last { margin-bottom:0px} .fiche .contenu .infos strong li { font-weight:normal; line-height:13px;} .fiche .contenu .tarifs { float:left; height:160px; position:relative; width:165px; padding-left:20px;} .fiche .contenu .tarifs div.promo { font-size:10px; color:#e10326; height:30px; margin-bottom:6px;} .fiche .contenu .tarifs div.promo strong { font-weight: normal; display:block; padding-top:6px; color:#e10326; text-decoration:none;} .fiche .contenu .tarifs div.promo img { float:left; margin:0 5px 0 0; } .fiche .contenu .tarifs div.prix { font-weight: bold; font-size:30px; color:#ff7800; line-height:30px} .fiche .contenu .tarifs div.btn { position:absolute; bottom:0; right:0; cursor:pointer; } .fiche .contenu .photos {position:absolute; top: 2px; right: 2px; width:244px; padding:10px 10px 10px 16px; text-align:center; } .fiche .photos strong { line-height:8px; display:block} .fiche .photos .bloc { float:left; width:76px; height:59px; margin:7px 0 0 7px; background:#eff6fd} .fiche .photos .premier { margin:7px 0 0 0; } /** PARTIE DU BAS **/ .ficheonglets { width:730px; position:relative} .ficheonglets #divstation td { width:601px;} .ficheonglets .contenuonglet { float:left; width:601px; background:url(/img/content/fiche/arrondi-top.gif) top no-repeat; border-left:1px solid #d1e4f6;} .ficheonglets .contenuonglet .pictos { float:left; padding:10px 0 10px 10px; } .ficheonglets .contenuonglet .pictos ul { width:158px; } .ficheonglets table { margin:5px 0 0 0; width:601px; height:270px} .ficheonglets table td { vertical-align:top} .ficheonglets .pictos { vertical-align:top; } .ficheonglets .pictos li { color:#f8b705; font-size:10px; height:24px; padding-top:6px;} .ficheonglets .pictos li img { float:left; margin:-6px 5px 0 0} .ficheonglets .contenu { padding:0px 10px; border-right:1px solid #d1e4f5;} .ficheonglets .contenu .titre { margin:10px 0 5px 0; color:#589fe2; border-bottom:1px solid #cedffd; font-size:13px; font-weight:bold; height:18px; } .ficheonglets .contenu span { } .ficheonglets div.btn { text-align:right; padding:10px 0 0 0; } .ficheonglets .contenuonglet .bottom { background:url(/img/content/fiche/arrondi-bottom.gif) top no-repeat; height:8px; font-size:1px; line-height:0} /*** PICTOS PISTES ***/ .ficheonglets .contenu .pistes { float:left; width:120px;} .ficheonglets .contenu .pistes div { font-size:10px; height:30px} .ficheonglets .contenu .pistes div strong { font-weight:normal; display:block; padding:6px 0 0 0} .ficheonglets .contenu .pistes div img { float:left; margin:0 5px 0 0} .ficheonglets .contenu .pistes div.verte { color:#93bc05; } .ficheonglets .contenu .pistes div.bleue { color:#00aeff; } .ficheonglets .contenu .pistes div.rouge { color:#e10326; } .ficheonglets .contenu .pistes div.noire { color:#000; } .ficheonglets .contenu label { display:block; float:left; height:15px; margin-top:5px; padding:2px 0 0 0; font-weight:bold; width:160px;} .ficheonglets .contenu input, .ficheonglets .contenu select { float:left; font-size:10px; margin-top:5px; border:1px solid #d4d0c8; } .ficheonglets .contenu a.reservez { float:left; display:block; color:#e10326; font-weight:bold; padding:2px 5px 0 15px; margin:5px 0 0 50px; background:url(/img/content/puce-en-savoir-plus.gif) no-repeat left; } .ficheonglets .contenu a.tarifs { color:#ff8a22; margin-top:20px; height:30px} .ficheonglets .contenu a.tarifs img { float:left; margin:-6px 5px 0 0} /*** SPECIFICITES ONGLET PROMO ***/ .ficheonglets #divpromo { background:none; border-top:1px solid #cedffd} .ficheonglets #divpromo table { margin:0} .ficheonglets #divpromo .offre { color:#333333; padding:10px 0 10px 10px; background: url(/img/content/fiche/promo.gif) repeat-y; margin:0 0 0 -10px;} .ficheonglets #divpromo .offre .titre { color:#ff7800; border-bottom:1px solid #ffc897; height:20px} .ficheonglets #divpromo .offre .titre img { float:left; margin:-2px 3px 0 0} .ficheonglets #divpromo .titre { height:20px} .ficheonglets #divpromo .titre img { float:left; margin:-2px 3px 0 0} .ficheonglets #divpromo .offresspeciales { color:#5868e2} .ficheonglets #divpromo .promotions { color:#8c58e2} .ficheonglets #divpromo .offre .barre { color:#333333; text-decoration:line-through} .ficheonglets #divpromo div.btn { float:right; padding:10px 0 0 0; } /*** SPECIFICITES ONGLET PLAN ***/ .ficheonglets #divplan .contenu { padding:10px 0 5px 18px } /* COMMANDE */ /** BASKET **/ #content td#colleft .basket { width:260px; background: url(/img/content/box/votre-sejour-fond.gif) repeat-y} #content td#colleft .basket .box { position:relative; padding:5px; color:#666666; } #content td#colleft .basket .prix { float: right; color:#e10326; font-weight:bold} #content td#colleft .basket .prixsejour { background:white; border: 1px solid #c5e2f9; font-size:12px; padding:10px; color:#e10326} #content td#colleft .basket .prixsejour div.prix { font-size:16px; bottom:8px;} #content td#colleft .basket a { color:#999999; margin:0; padding:0; } #content td#colleft .basket span { font-size:9px; color:#e10326; text-decoration:none; } #content td#colleft .basket .coindroit { background: url(/img/content/coin-basket-bd.gif) right no-repeat} #content td#colleft .basket em { font-size:13px; font-weight:bold; color:#3e90dd; font-style:normal; display:block; } #content td#colleft .basket .btn { padding:8px; text-align:right} #content td#colleft .basket .bord { border-top:1px solid #bedef8} #content td#colcenter .commande input { border:1px solid #d4d0c8; } #content td#colcenter .commande .contenu { border-left:1px solid #d1e4f6; border-right:1px solid #d1e4f6; border-top:1px solid #d1e4f6; padding:5px 2px 10px 30px; line-height:15px } #content td#colcenter .commande div.titre { margin:7px 0; font-size:13px; font-weight:bold; color:#3e90dd} #content td#colcenter .commande table th { text-align:left; width:80px;} #content td#colcenter .commande table td { padding:2px; } #content td#colcenter .commande .grand { width:380px;} #content td#colcenter .commande .mega { width:400px;} #content td#colcenter .commande .oui td { padding:3px 0 0 5px; vertical-align:top; } #content td#colcenter .commande input.supermini { border:0; margin:0; padding:0 } #content td#colcenter .commande table input.supermini { border:0; margin:4px 0 0 0; } #content td#colcenter .commande strong.ouinon { display:block; border:0; margin:5px 0 0 0; } #content td#colcenter .participants select.petit { width:43px; _width:50px; #width:50px;} #content td#colcenter .participants select { _margin-top:3px} #content td#colcenter .commande #masque, #content td#colcenter .commande #masque2 { background:url(/img/content/commande/fond-trait.gif) top left no-repeat; line-height:25px; margin:0 0 0 10px; padding:0 0 0 15px; } #content td#colcenter .commande #masque select { _margin:2px 0;} #content td#colcenter .commande table.coords { width:100%; background:url(/img/content/commande/trait-tableau.gif) center repeat-y} #content td#colcenter .commande table.coords th { width:145px} #content td#colcenter .commande table.coords th.nongras { font-weight:normal} #content td#colcenter .commande table.coords input { width:175px;} #content td#colcenter .commande table.coords select { width:181px;} #content td#colcenter table.coords select.petit { width:55px;} #content td#colcenter table.coords input.petit { width:55px;} #content td#colcenter .commande textarea { width:179px; #width:177px; height:40px; #height:45px; } #content td#colcenter .commande .contenu2 { border-left:1px solid #d1e4f6; border-right:1px solid #d1e4f6; border-top:1px solid #d1e4f6; padding:9px 9px 4px 30px; } #content td#colcenter .commande .contenu2 strong { color:#333333} #content td#colcenter .commande .contenu2 img { float:right} #content td#colcenter .commande .grand { width:380px;} #content td#colcenter .commande div.titre a, #content td#colcenter .commande .link a { font-weight:normal; color:#999999; font-size:11px; } #content td#colcenter .commande .contenu2 .link { float:right} #content td#colcenter .commande div.titre span, #content td#colcenter .commande .link span { font-weight:normal; font-size:9px; color:#e10326; margin-left:10px; } #content td#colcenter .commande .separation { height:10px; margin-bottom:10px;} #content td#colcenter .commande select.grand { width:170px} #content td#colcenter .commande table.paiement th { width:200px; padding:5px 0} #content td#colcenter .commande table.paiement td { vertical-align:top} #content td#colcenter table.paiement .carte strong { float:left; padding:3px 0 0 0; display:block} #content td#colcenter table.paiement .carte img { float:left; margin-left:2px} #content td#colcenter .commande table.paiement em { font-size:11px; font-style:normal; font-weight: normal; line-height:11px;} #content td#colcenter .commande table.paiement select { width:169px; #width:175px} #content td#colcenter .commande .prix { font-size:13px; color:#e10326 } #content td#colcenter .commande .petitprix { font-size:12px; color:#e10326 } #content td#colcenter .commande .bottom { text-align:center; height:7px; font-size:1px} /* DEMANDE DE CATALOGUE */ #content td#colcenter .catalogue { width:460px;} #content td#colcenter .catalogue h1, #content td#colcenter .infos h1 { height:16px; _padding:5px 3px 3px 5px; color:#3e90dd; } #content td#colcenter .bordure { border-left:1px solid #d1e4f6; border-right:1px solid #d1e4f6; } #content td#colcenter .catalogue table { width:460px} #content td#colcenter .catalogue .code, #content td#colcenter .catalogue .adherent { background:url(/img/content/catalogue/fond-degrade-bleu.gif) repeat-y;} #content td#colcenter .catalogue .code th, #content td#colcenter .catalogue .coordonnees th { vertical-align:top; text-align:right; font-weight:normal; padding:2px 0 10px 25px; width: 135px;} #content td#colcenter .catalogue .coordonnees th { padding:5px 0 2px 25px; } #content td#colcenter .catalogue .code td { padding:2px 25px 10px 3px; } #content td#colcenter .catalogue .coordonnees td { padding:2px 0px 2px 3px; } #content td#colcenter .catalogue .adherent th { text-align:right; font-weight:normal; padding:10px 0 1px 25px; width: 200px;} #content td#colcenter .catalogue .adherent td { padding:10px 0px 2px 3px; } #content td#colcenter .coordonnees input.normal { width:50px} #content td#colcenter .catalogue input, #content td#colcenter select { border:1px solid #d4d0c8; } #content td#colcenter input.mini { width:25px} #content td#colcenter input.normal { width:76px} #content td#colcenter input.grand { width:187px} #content td#colcenter select.mini { width:55px} #content td#colcenter select.normal { width:77px} #content td#colcenter select.grand { width:193px} #content td#colcenter .catalogue textarea { width:191px} #content td#colcenter .catalogue .titre { color:#3e90dd; font-weight:bold; font-size:13px; padding:5px 28px; } #content td#colcenter .catalogue p { padding:10px 28px; } #content td#colcenter .catalogue em { display:block; padding:10px; font-size:10px; line-height:12px; width:435px} #content td#colcenter .catalogue p input { padding:0; margin:0; border:0} #content td#colcenter .catalogue .btn { text-align:center} #content td#colcenter .catalogue .bottom, #content td#colcenter .infos .bottom { height:6px; background:url(/img/content/offressepeciales-bottom.gif) no-repeat bottom;} #content td#colcenter .infos { width:460px; float:left; } #content td#colcenter .infos h1 { background:url(/img/content/box/info-top.gif) top left; border-right:1px solid #d1e4f6;} #content td#colcenter .infos p { padding:10px 30px 5px 30px} #content td#colcenter .infos .titre { color:#3e90dd; font-weight:bold; font-size:13px; padding:9px 30px 5px 30px;} #content td#colcenter .boxinfo { float: left; width:269px} #content td#colcenter .boxinfo p { background:url(/img/content/box/boxinfo-top.gif); height:23px; font-size:14px; color:#4b97df; padding:8px 0 0 10px} #content td#colcenter .boxinfo .content { padding:8px 0 0 10px; border-right:1px solid #d1e4f6;} #content td#colcenter .boxinfo a { color:#666666;} #content td#colcenter .boxinfo .selected { color:#4b97df;} #content td#colcenter .boxinfo span { font-size:9px; color:#e10326; } #content td#colcenter .boxinfo .selected span { color:#4b97df;} #content td#colcenter .boxinfo .bottom { background: url(/img/content/box/boxinfo-bottom.gif) top no-repeat; height:14px; font-size:1px; line-height:0} #content td#colcenter .infos table { width:410px; margin:10px 0 0 30px; } #content td#colcenter .infos table th { color:#FFFFFF; font-weight:normal;} #content td#colcenter .infos tr.entete1 th { background: url(/img/content/coin-blanc-hg.gif) no-repeat top left #7ba4f9; border-bottom:1px solid #9cbbfb} #content td#colcenter .infos tr.entete1 th span { display:block; padding:3px; background: url(/img/content/coin-blanc-hd.gif) no-repeat top right;} #content td#colcenter .infos tr.entete2 th { font-weight:bold; padding:6px 3px; background:#7ba4f9; border-bottom:1px solid #FFF; border-right:1px solid #9cbbfb} #content td#colcenter .infos tr.entete2 th.premiere { width:130px} #content td#colcenter .infos tr td { padding:3px; text-align:center; font-weight:bold; } #content td#colcenter .infos tr.ligne1 th { text-align:left; padding:3px 5px; background:#9cbbfb; border-right:1px solid #fff} #content td#colcenter .infos tr.ligne1 td { background:#fff; border-right:1px solid #fff} #content td#colcenter .infos tr.ligne2 th { text-align:left; padding:3px 5px; background:#aec6fb; border-right:1px solid #fff} #content td#colcenter .infos tr.ligne2 td { background:#dfe8fc; border-right:1px solid #fff} #content td#colcenter .infos .logo { margin:0 0 0 20px} /* FOOTER */ #footer { height:139px; margin:6px 0 0 0} #footer .links { height:73px; background:url(/img/content/coin-blanc-hg.gif) no-repeat top left #d2dbee;} #footer .links div { line-height:12px; float:left; padding:8px; width:233px; border-right:1px solid #FFFFFF; height:57px;} #footer .links div a { text-decoration:none; color:#666666;} #footer .links div a:hover { text-decoration:underline; color:#666666;} #footer .links .aide { background:url(/img/content/coin-blanc-bg.gif) no-repeat bottom left;} #footer .links .avantages { position:relative; _height:60px; float:right; border:0; background:url(/img/content/coin-blanc-hd.gif) no-repeat top right #c0c9dc;} #footer .links .avantages a { color:#FFFFFF; text-decoration:none;} #footer .links .avantages a:hover { color:#FFFFFF; text-decoration:underline;} #footer .links .coin { position: absolute; bottom:0; right:-1px; _right:-2px; background:url(/img/content/coin-blanc-bd.gif) no-repeat bottom right; width:10px; height:10px; padding:0; line-height:0; font-size:1px} #footer .list {height:190px;background-image: url(/img/content/box/footer-fond-list.jpg);background-repeat: no-repeat;color:#9b9797;font-size:12px} #footer .list div {line-height:15px;float:left;width:233px;height:57px;padding-top: 14px;padding-right: 8px;padding-bottom: 8px;padding-left: 8px;font-size:11px} #footer .list div a { text-decoration:none; color:#9b9797;} #footer .titre-list { font-size:12px; color:#9b9797; font-weight:bold;} #footer .list div a:hover { text-decoration:underline; color:#9b9797;} #footer .list .aide { background:url(/img/content/coin-blanc-bg.gif) no-repeat bottom left;} #footer .list .avantages {position:relative;_height:60px;float:right;border:0;} #footer .list .avantages a { color:#9b9797; text-decoration:none;} #footer .list .coin { position: absolute; bottom:0; right:-1px; _right:-2px; background:url(/img/content/coin-blanc-bd.gif) no-repeat bottom right; width:10px; height:10px; padding:0; line-height:0; font-size:1px} #footer .annonces { height:50px; border-bottom:1px solid white; position:relative; margin-top:4px; background:url(/img/content/coin-blanc-hg.gif) top left no-repeat #dfe8fb; } #footer .annonces .coin { position: absolute; top:0; right:0; background: url(/img/content/coin-blanc-hd.gif) no-repeat top right; width:10px; height:10px; padding:0} #footer .annonces .texte { padding:10px; text-align:center; } #footer .annonces .louez { float:left; margin: 8px 5px 0 7px} #footer .annonces .assurance { float:left; margin: 8px 5px 0 30px} #footer .annonces img.logo { float:left; margin: 0 0 0 18px; _margin: 0 0 0 12px} #footer .divers { height:60px; position:relative; background:url(/img/content/coin-blanc-bg.gif) bottom left no-repeat #dfe8fb; } #footer .divers .coin { position: absolute; bottom:0; right:0; background: url(/img/content/coin-blanc-bd.gif) no-repeat bottom right; width:10px; height:10px; padding:0} #footer .divers .texte { padding:5px; text-align:center; line-height:10px; #line-height:6px;} #footer .texte a { text-decoration:none; color:#666666; } #footer .texte a:hover { text-decoration:underline; color:#666666; } #footer .divers .texte img.logo { float:left; margin: 0 5px 0 7px} #infospistes{ margin: 9px 0 9px 0; padding: 8px; border: 1px solid #D7D7D7; float: left; width: 488px; } .infospistes-titre{ float: left; color: #5883EC; font-weight: bold; padding: 3px 0 0 0; text-transform: lowercase; } .infospistes-txt{ padding: 3px 0 0 0; text-transform: lowercase; font-weight: normal; } .infospistes-nbr{ float: right; } .infospistes-nbr p{ float: left; } .infospistes-blk{ background: url(/img/content/infospistes-blk.png) no-repeat; color: #fff; font-weight: bold; width: 48px; height: 20px; margin: 0 0 0 5px; padding: 2px 0 0 0; text-align: center; } .infospistes-red{ background: url(/img/content/infospistes-red.png) no-repeat; color: #fff; font-weight: bold; width: 48px; height: 20px; margin: 0 0 0 5px; padding: 2px 0 0 0; text-align: center; } .infospistes-blu{ background: url(/img/content/infospistes-blu.png) no-repeat; color: #fff; font-weight: bold; width: 48px; height: 20px; margin: 0 0 0 5px; padding: 2px 0 0 0; text-align: center; } .infospistes-gren{ background: url(/img/content/infospistes-gren.png) no-repeat; color: #fff; font-weight: bold; width: 48px; height: 20px; margin: 0 0 0 5px; padding: 2px 0 0 0; text-align: center; } #attente { z-index:3000; position:absolute; width:265px; height:244px; border:0px solid #e9401b; background-color:white; text-align:center; font-weight:bold; font-size:13px; filter:alpha(opacity=90); -moz-opacity:0.9; opacity:0.9; } #immMainContainerWait { z-index:2000; position:absolute; top: 2px; right: 2px; width:270px; height:220px; border:0px solid #e9401b; background-color:white; text-align:center; font-weight:bold; font-size:13px; filter:alpha(opacity=90); -moz-opacity:0.9; opacity:0.9; } /* AJOUT BANDEAU ET REASSURANCE DANS LE FOOTER */ #global #footer .post_footer #reassurance { float: right; width: 736px; background-image: url(../content/box/cadre_fond_reassurance.gif); height: 105px; } #global #footer .post_footer #newsletter { width: 260px; float: left; height: 105px; background-image: url(../content/box/cadre_fond_catalogue.gif); } #global #footer .post_footer #titre { margin-top: 2px; margin-bottom: 3px; margin-left: 10px; float: none; display: block; } #global #footer .post_footer #reassurance .picto { height: 65px; width: 110px; margin-top: 4px; margin-left: 8px; color:#555555; font-size:11px; left: 4px; float: left; text-align: center; background-position: bottom; padding-top: 24px; } #global #footer .post_footer #reassurance .picto p { text-indent: 60px; font-weight: bold; color: #333333; } #global #footer .post_footer #reassurance .picto a.picto1 { background-image:url(../content/box/picto_reassurance_1.gif); color:#555555; font-size:11px; text-decoration: none; height: 50px; display:block; } #global #footer .post_footer #reassurance .picto a:hover.picto1 { background-image:url(../content/box/picto_reassurance_1roll.gif); color:#555555; font-size:11px; text-decoration: underline; height: 50px; display:block; } #global #footer .post_footer #reassurance .picto a.picto2 { background-image:url(../content/box/picto_reassurance_2.gif); color:#555555; font-size:11px; text-decoration: none; height: 50px; display:block; } #global #footer .post_footer #reassurance .picto a:hover.picto2 { background-image:url(../content/box/picto_reassurance_2roll.gif); color:#555555; font-size:11px; text-decoration: underline; height: 50px; display:block; } #global #footer .post_footer #reassurance .picto a.picto3 { background-image:url(../content/box/picto_reassurance_3.gif); color:#555555; font-size:11px; text-decoration: none; height: 50px; display:block; } #global #footer .post_footer #reassurance .picto a:hover.picto3 { background-image:url(../content/box/picto_reassurance_3roll.gif); color:#555555; font-size:11px; text-decoration: underline; height: 50px; display:block; } #global #footer .post_footer #reassurance .picto a.picto4 { background-image:url(../content/box/picto_reassurance_4.gif); color:#555555; font-size:11px; text-decoration: none; height: 50px; display:block; } #global #footer .post_footer #reassurance .picto a:hover.picto4 { background-image:url(../content/box/picto_reassurance_4roll.gif); color:#555555; font-size:11px; text-decoration: underline; height: 50px; display:block; } #global #footer .post_footer #reassurance .picto a.picto5 { background-image:url(../content/box/picto_reassurance_5.gif); color:#555555; font-size:11px; text-decoration: none; height: 50px; display:block; } #global #footer .post_footer #reassurance .picto a:hover.picto5 { background-image:url(../content/box/picto_reassurance_5roll.gif); color:#555555; font-size:11px; text-decoration: underline; height: 50px; display:block; } #global #footer .post_footer #reassurance .picto a.picto6 { background-image:url(../content/box/picto_reassurance_6.gif); color:#555555; font-size:11px; text-decoration: none; height: 50px; display:block; } #global #footer .post_footer #reassurance .picto a:hover.picto6 { background-image:url(../content/box/picto_reassurance_6roll.gif); color:#555555; font-size:11px; text-decoration: underline; height: 50px; display:block; } #global #footer .post_footer #newsletter #id { margin-left: 150px; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; } #global #footer .post_footer #newsletter #id #email_footer { width: 160px; } #global #footer .post_footer #newsletter #id #Image2 { border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; } #global #footer .post_footer #newsletter #form_news { margin-left: 80px; margin-top: 10px; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; color:#3b5998; } #global #footer .post_footer #newsletter #form_news #Image2 { vertical-align: middle; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; } #global #footer .post_footer #newsletter #email_footer { width: 162px; vertical-align: middle; }