body { margin:0; padding : 0; font-family : Trebuchet MS, Verdana, Arial, Helvetica, sans-serif; background : #000f1e; background: #000f1e url(../images/bgd_higherquality.jpg); background-attachment: fixed; background-position: top center; background-repeat:no-repeat; letter-spacing:0px; } .skip { display : inline; height : 0px; width:0px; position:absolute; top:-200px; } H1 { font-size : 20px; color:#50a3d2; font-weight:bold; margin: 0px 0 10px 0; } H2 { font-size : 14px; color:#50a3d2; font-weight:bold; margin: 0px 0 10px 0; } H3 { font-size : 14px; margin: 0 0 0 0; } .TITRESECTION { font-size:14px;font-family:Trebuchet MS,Verdana,Arial,Helvetica,sans-serif; } .TITRECOMPLEMENTAIRE { FONT-WEIGHT: bold; FONT-SIZE: 14px; BACKGROUND-COLOR:none; TEXT-DECORATION: none; color:#50a3d2; } p, table, td, tr { font-size:12px } #main .container H1 { font-size : 20px; color :#407dab; font-weight:bold; margin: 0px 0 10px 0; letter-spacing:-0.3pt; } #main .container H2 { font-size : 16px; color :#407dab; font-weight:bold; margin: 0px 0 7px 0; } #main .container H3 { font-size : 14px; color :#333;} #main .container p { margin : 0px 0px 15px 0; font-size:12px; } #main .container br { clear:both; } #main .container .imgleft { float : left; margin : 5px 15px 5px 0; } #main .container .imgright { float : right; margin : 5px 0px 5px 5px; } #main .container .divcontentwrapper .divcontent { width : 340px; float:left; margin:0; padding:0; } /* #main .container .divcontentwrapper .divcontentleft { width : 330px; float:left; margin-bottom:0px; margin:0;} */ #main .container .divcontentwrapper { width : 655px; margin:5px 0 25px 0; display:block; text-align:left; clear:both; border-top : 1px solid #bbb; padding: 6px 0 0 0; } /* #main .container .contentleft { width : 330px; float:left; } */ #main .container ul { list-style-type:none; font-size:12px; } #main .container li:before { } #main .container .liste { width:710px; display:block; clear:both; margin : 10px 0 0 0; padding:20px 0 0 0; } #main .container .liste ul { float : left; list-style-type : none; font-size : 12px; margin : 0 0 0 0; padding : 0 0 0 0; width:230px } #main .container .liste li:before { margin : 0 0 0 5px; content : ""; padding : 0 0 0 20px; } #main .container .alterneOn { width: 630px; padding: 10px; background-color : #f1f1f1; } #main .container .alterneOff { width: 630px; padding: 10px; margin: 10px 0 0 0; padding: 10px 40px 10px 10px; } #main { margin : 0 auto; width:980px; background:#fff; position:relative; } /* header ****************************************************************************************************/ #header { position : relative; background:#000f1e; } .header { margin : 0; padding : 0; color : #ccc; font-size : 12px; height : 25px; padding : 5px 0 0 7px; } .header #menuAccueil { float : right; padding : 0 10px 0 0; color : #ccc; } .header #menuAccueil a { color : #bbb; text-decoration : none; } .header #menuAccueil a:hover { color : #bbb; text-decoration : underline; } .header #logoQuebec { position : absolute; top : 0px; left : 420px; height : 70px; width:120px; } /* end header *************************************************************************************************/ .flash { height:327px; display : block; } #homeVideo { position : absolute; top : 70px; width : 750px; height : 560px; display : none; z-index : 900; overflow:hidden; } #pave { position : absolute; top : 80px; width : 980px; height : 275px; display : none; z-index : 890; opacity:0.2; filter:alpha(opacity=20); background:#333; } .header-int { height:200px; display : block; padding: 20px 0 0 0; background : #000f1e; } #main .container-accu { height:430px; display : block; padding : 0px 0 20px 25px; position : relative; background:url(../images/carte-amerique.jpg) no-repeat 725px 15px; z-index:0 } #main .container { display : block; margin :5px; padding : 0px 0 10px 0px; position : relative; z-index:0 } #main .container-accu a { color : #50a3d2; text-decoration:none; font-size:12px; } #main .container-accu a:active { color : #50a3d2; padding : 0; font-size:12px; } #main .container-accu a:hover { color : #50a3d2; text-decoration:underline; text-decoration:underline; padding : 0; } #main .container-accu a.block-images-liens { color : #50a3d2; padding : 0 0 0 9px; background:url(../images/fleche-acc.png) 0px 4px no-repeat; text-decoration:none; font-size:12px; } #main .container-accu a.block-images-liens:active { color : #50a3d2; background:url(../images/fleche-acc.png) 0 4px no-repeat; padding : 0 0 0 9px; font-size:12px; } #main .container-accu a.block-images-liens:hover { color : #50a3d2; text-decoration:underline; text-decoration:underline; background:url(../images/fleche-acc.png) 0px 4px no-repeat; padding : 0 0 0 9px; } #main .container a.fleche { color : #50a3d2; padding : 0 0 0 15px; font-weight:bold; background:url(../images/fleche-acc.png) 0px 5px no-repeat; } #main .container a.fleche:active { color : #50a3d2; text-decoration:underline; background:url(../images/fleche-acc.png) 0 5px no-repeat; padding : 0 0 0 15px; font-weight:bold; } #main .container a.fleche:hover { color : #50a3d2; text-decoration:underline; text-decoration:underline; background:url(../images/fleche-acc.png) 0px 5px no-repeat; padding : 0 0 0 15px; font-weight:bold; } #main .container a { color : #50a3d2; padding : 0 0 0 0px; font-weight:bold; text-decoration:none; } #main .container a:active { color : #50a3d2; text-decoration:underline; padding : 0 0 0 0; font-weight:bold; } #main .container a:hover { color : #50a3d2; text-decoration:underline; text-decoration:underline; padding : 0 0 0 0; font-weight:bold; } #main .container-accu #footer-img { position : absolute; bottom : 0px; left : 0px; } #main .container #footer-img { position : absolute; bottom : 0px; left : -5px; } /*#main .container-accu #carte-garsfille-acc { overflow:visible; width:370px; height : 400px; position : absolute; right:0px; }*/ /*#main .container #carte-garsfille-acc img {z-index:10;}*/ #main .container-accu #container-image-text { float : left; width : 295px; font-size:12px; margin:15px 12px 0 0; line-height:20px; } #main .container-accu #container-image-text-right { float : left; width : 375px; font-size:12px; margin:10px 32px 0 0; line-height:20px; } #main .container-accu #container-image-text img { margin : 0 0 7px 0; } #main .container-accu #container-image-text-right .block-images #image-offre { float : left; margin : 5px; padding:4px; font-size:9px; } #main .container-accu #container-image-text-right .block-images { background:url(../images/imagens_do_quebec_bg.jpg) top left; background-repeat:no-repeat; padding:10px; margin : 10px 0 0 0; height: 150px; } #main .container #container-col-gauche { float : left; width : 220px; } #main .container #container-col-gauche ul { margin : 0 0 400px 0; list-style : none; padding : 0; width : 220px; } #main .container #container-col-gauche li { margin : 3px 0 3px 0; padding : 6px 0 3px 10px; background:url(../images/bon_qc_link_bg.jpg); width:210px; background-repeat:repeat-y; } #main .container #container-col-gauche li:hover { background:url(../images/bon_qc_link_hover_bg.jpg); background-repeat:repeat-y; } #main .container #container-col-gauche ul li.nolink:hover { background:url(../images/bon_qc_link_bg.jpg); background-repeat:repeat-y; } #main .container #container-col-gauche li.select { background:url(../images/bon_qc_link_active_bg.jpg); background-repeat:repeat-y; } /*background:url(../images/bon_qc_link_hover_bg.jpg) 0 5px; height : 15px;*/ #main .container #container-col-gauche li a { text-decoration : none; color:#407dab; font-weight : bold; font-size:12px; } #main .container #container-col-gauche li a:hover { text-decoration : underline; color : #407dab; } #main .container #container-col-gauche li a.nolink { text-decoration : none; color:#407dab; font-weight : bold; font-size:12px; } #main .container #container-col-gauche li a.nolink:hover { text-decoration : none; color : #407dab; } #main .container #container-col-gauche li a.submenu { text-decoration : none; color:#407dab; margin: 0 0 0 10px; } #main .container #container-col-gauche li a.submenu:hover { text-decoration : underline; color : #407dab; margin : 0 0 0 10px; } #main .container #container-col-gauche li.select a { color: #fff; font-weight : bolder; } #main .container #container-col-gauche li.select a:hover { color : #fff; } #main .container #container-col-gauche li.select a.submenu { text-decoration:none; color:#fff; margin : 0 0 0 5px; } #main .container #container-col-gauche li.select a.submenu:hover { text-decoration:underline; color:#fff; margin: 0 0 0 5px; } #main .container #container-content { width:650px; display : block; margin : 0; padding : 0 47px 70px 18px; float:right; } /* LARGEUR SPECIAL POUR LES OFFRES */ #main .container #container-col-gauche-160 { float : left; width : 160px; } #main .container #container-col-gauche-160 ul { margin : 0 0 400px 0; list-style : none; padding : 0; width : 160px; } #main .container #container-col-gauche-160 li { margin : 3px 0 3px 0; padding : 6px 0 3px 10px; background:url(../images/bon_qc_link_bg.jpg); width:150px; background-repeat:repeat-y; } #main .container #container-content-160 { width:740px; display : block; margin : 0; padding : 0 47px 0 18px; float:right; } /* //- LARGEUR SPECIAL POUR LES OFFRES -// */ /* menu */ /* dropdownPlain **************************************************************/ .firstMenu a { text-decoration: none; /*font-size : 13px;*/ } .firstMenu ul { list-style: none; margin : 0; padding:0; width : 980px; } .firstMenu p { margin: 15px 0; } /* background-image:url(../images/shadow_horizontal.png); background-repeat:repeat-x; */ /* LEVEL ONE */ /* d6e4ef bleu */ .firstMenu ul.dropdown li ul.sub_menu { width:245px; padding:0 0 5px 0; background-image:url(../images/shadow_horizontal.png); background-repeat:repeat-x; background-position:bottom; } .firstMenu ul.dropdown li ul.sub_menutab4 { background : #fff; } .firstMenu ul.dropdown li ul.sub_menu li { height : auto; width:245px; background:#fff; } /* background:#EBF4FB; */ .firstMenu ul.dropdown li ul.sub_menu li ul.sub_menu_level_2 { background : #DDEAF0 url(../images/filet-drop-down.jpg); background-repeat:repeat-x; border-left : 0px solid #ccc; } /*onget4-off.jpg*/ .firstMenu ul.dropdown { position: relative; background:#DDEAF0; width:980px; height:30px; margin:0; } .firstMenu ul.dropdown li { position : relative; width : 245px; font-weight: bold; float: left; zoom: 1; margin : 0; padding:0; text-align : center; } .firstMenu ul.dropdown li:hover a.firtstitle { height : 22px; color : #305d89; background: #DDEAF0; position : relative; top : -4px; border: 0px solid #f00; padding : 8px 0 3px 0; } .firstMenu ul.dropdown li a.firtstitle-descubra { height : 26px; color : #305d89; background: #fff; position : relative; top : -4px; border: 0px solid #f00; padding : 8px 0 3px 0; } .firstMenu ul.dropdown li a.firtstitle-planeje { height : 26px; color : #305d89; background: #fff; position : relative; top : -4px; border: 0px solid #f00; padding : 8px 0 3px 0; } .firstMenu ul.dropdown li a.firtstitle-reserva { height : 26px; color : #305d89; background: #fff; position : relative; top : -4px; border: 0px solid #f00; padding : 8px 0 3px 0; } .firstMenu ul.dropdown #tab4:hover a.firtstitletab4 { height : 28px; color : #000; position : relative; top : 0px; padding : 0px 0 0px 0; margin : 0 0 0 0; background:#DDEAF0; } .firstMenu ul.dropdown #tab4 { /*background:#DDEAF0;*/ margin : 0; } /*DDEAF0 background : #d6e4ef url(../images/o-nget4-on.jpg) left 2px no-repeat;*/ .firstMenu ul.dropdown #tab4:hover a.firtstitletab4 { height : 40px; color : #000; position : relative; top : 0px; border: 0px solid #f00; padding : 0px 0 7px 0; background : #DDEAF0 url(../images/onget4-on.jpg) left 0px no-repeat; } .firstMenu ul.dropdown #tab4:hover a.firtstitletab4 .back-rescue { height:170px; position:relative; top:0px; display:block; } .firstMenu ul.dropdown #tab4 a.firtstitletab4 .back-rescue { height:170px; position:relative; top:0px; display:none;} #compartilhe { background:url(../images/drop-down-partagez.png) top left no-repeat; } /*background:#eee;*/ .firstMenu ul.dropdown #mytab4 { background : #DDEAF0; } .firstMenu ul.dropdown li.tab4:hover { padding : 0px 0 0px 0; margin: 0 0 0px 0; } /*.firstMenu ul.dropdown li.tab4:hover { padding : 0px 0 0px 0; margin: 0 0 5px 0; background:#DDEAF0; }*/ .firstMenu ul.dropdown li ul li { width : 215px; float: left; zoom: 1; margin : 0; padding:0; text-align : left; } /*background:url(../images/onglet1-off.jpg) top left no-repeat;*/ .firstMenu ul.dropdown a.firtstitle { height : 22px; color: #305d89; background:url(../images/onglet1-off.jpg) top left no-repeat; margin : 0 0 0 0; padding : 4px 0 7px 0; font-size:16px; line-height:25px; } .firstMenu ul.dropdown a.firtstitle:hover { height : 22px; color : #000; background: #DDEAF0; position : relative; top : -4px; border: 0px solid #f00; padding : 8px 0 3px 0; } .firstMenu ul.dropdown a.firtstitle:active { color : #305d89; background:url(../images/onglet1-off.jpg) top left no-repeat; } .firstMenu ul.dropdown a.firtstitleb { height : 22px; color: #305d89; background:url(../images/onglet-on.jpg) top left no-repeat; margin : 0 0 0 0; padding : 4px 0 7px 0; font-size:16px; line-height:25px; } .firstMenu ul.dropdown a.firtstitleb:hover { height : 22px; color : #000; background: #DDEAF0; position : relative; top : -4px; border: 0px solid #f00; padding : 8px 0 3px 0; } .firstMenu ul.dropdown a.firtstitleb:active { color : #305d89; background:url(../images/onglet-on.jpg) top left no-repeat; } .firstMenu ul.dropdown li:hover a.firtstitletab4b:hover { height : 40px; color : #000; position : relative; top : 0px; border: 0px solid #f00; padding : 0px 0 7px 0; background : #DDEAF0 url(../images/onget4-on.jpg) left 0px no-repeat; } .firstMenu ul.dropdown a.firtstitletab4b { height : 40px; color: #305d89; background: url(../images/onget4-off.jpg) left 0px no-repeat; margin : 0 0 0 0; padding : 0px 0 7px 0; font-size : 16px; line-height : 10px; border:0px solid #f00; } .firstMenu ul.dropdown a.firtstitletab4b:hover { height : 40px; color : #000; position : relative; top : 0px; border: 0px solid #f00; padding : 0px 0 7px 0; background : #DDEAF0 url(../images/onget4-on.jpg) left 0px no-repeat; } .firstMenu ul.dropdown a.firtstitletab4rescue { height : 40px; color : #000; position : relative; top : 0px; border: 0px solid #f00; padding : 0px 0 7px 0; background : #DDEAF0 url(../images/onget4-on.jpg) left 0px no-repeat; } .firstMenu ul.dropdown a.firtstitletab4b:active { height : 30px; color : #e5e0cc; background:url(../images/onget4-on.jpg) top left no-repeat;} .firstMenu ul.dropdown li:hover a.firtstitletab4:hover { height : 40px; color : #000; position : relative; top : 0px; border: 0px solid #f00; padding : 0px 0 7px 0; background : #DDEAF0 url(../images/onget4-off_noshadow.jpg) left 0px no-repeat; } .firstMenu ul.dropdown a.firtstitletab4 { height : 40px; color: #305d89; background: url(../images/onget4-off_noshadow.jpg) left 0px no-repeat; margin : 0 0 0 0; padding : 0px 0 7px 0; font-size : 16px; line-height : 10px; border:0px solid #f00; } .firstMenu ul.dropdown a.firtstitletab4:hover { height : 40px; color : #000; position : relative; top : 0px; border: 0px solid #f00; padding : 0px 0 7px 0; background : #DDEAF0 url(../images/onget4-on.jpg) left 0px no-repeat; } .firstMenu ul.dropdown a.firtstitletab4:active { height : 30px; color : #e5e0cc; background:url(../images/onget4-on.jpg) top left no-repeat;} .firstMenu ul.dropdown li a { display: block; padding: 4px 8px; color: #222; } .firstMenu ul.dropdown li:last-child a { border-right: none; } /* Doesn't work in IE */ .firstMenu ul.dropdown li.hover, .firstMenu ul.dropdown li:hover { color: black; position: relative; } /* LEVEL TWO */ .firstMenu ul.dropdown ul { width: 244px; visibility: hidden; position: absolute; top: 100%; left: 0; margin:0; padding:0; } .firstMenu ul.dropdown ul li { height : 30px; font-weight: normal; color: #000; border-bottom: 0px solid #ddd; border-right: 0px solid #ddd; float: none; margin:0; padding:0; } /* IE 6 & 7 Needs Inline Block */ .firstMenu ul.dropdown ul li a { border-right: none; width: 100%; display: inline-block; } /* #407DAB */ .firstMenu ul.dropdown li ul li dl { margin : 5px 5px 5px 5px; font-weight:bold; font-size:12px; } .firstMenu ul.dropdown li ul li dl dt { margin : 3px 0 3px 0; padding : 5px 0 5px 0; width:235px; background:#ebf4fb; } .firstMenu ul.dropdown li ul li dl dt:hover { margin : 3px 0 3px 0; padding : 5px 0 5px 0; width:235px; background:#51a3d2; } .firstMenu ul.dropdown li ul li dl dt:hover a { color : #fff; text-decoration : underline; background:url(../images/fleche.png) 0px 7px no-repeat; padding : 0 0 0 15px; } .firstMenu ul.dropdown li ul li dl dd { margin : 0 0 0 0px; width:225px; padding : 0 0px 0 10px; background:#ebf4fb; } .firstMenu ul.dropdown li ul li dl dt a { color : #407DAB; padding : 0 0 0 15px; line-height:20px; } .firstMenu ul.dropdown li ul li dl dt a.nolink { color : #407DAB; /*color : #305d89;*/ padding : 0 0 0 15px; text-decoration : none; } .firstMenu ul.dropdown li ul li dl dt a:active { color : #fff; padding : 0 0 0 15px; } .firstMenu ul.dropdown li ul li dl dt a.select { color : #407DAB; background:url(../images/fleche-white.gif) 0px 5px no-repeat; padding : 0 0 0 15px; } .firstMenu ul.dropdown li ul li dl dt a:hover { color : #fff; text-decoration : underline; background:url(../images/fleche-white.gif) 5px 7px no-repeat; padding : 0 0 0 15px; } .firstMenu ul.dropdown li ul li dl dt a.nolink:hover { color : #407DAB; text-decoration : none; padding : 0 0 0 15px; background:none; } .firstMenu ul.dropdown li ul li dl dd a { color : #407DAB; padding : 0 0 0 15px; font-weight:bold; line-height:20px; } .firstMenu ul.dropdown li ul li dl dd a:active { color : #407DAB; text-decoration:underline; background:url(../images/fleche.png) 0 3px no-repeat; padding : 0 0 0 15px; font-weight:bold; } .firstMenu ul.dropdown li ul li dl dd a.select { color : #407DAB; background:url(../images/fleche.png) 0 3px no-repeat; padding : 0 0 0 15px; font-weight:bold; } .firstMenu ul.dropdown li ul li dl dd a:hover { color : #407DAB; text-decoration:underline; text-decoration:underline; padding : 0 0 0 15px; font-weight:bold; } /* background:url(../images/fleche.png) 0px 3px no-repeat; */ .firstMenu ul.dropdown li ul li dl dt.linktab4 { color : #407DAB; padding : 0 0 0 15px; font-weight:bold; line-height:20px; margin:0; } .firstMenu ul.dropdown li ul li dl dt a.linktab4:active { color : #407DAB; text-decoration:underline; background:url(../images/fleche.png) 0 3px no-repeat; padding : 0 0 0 15px; font-weight:bold; } .firstMenu ul.dropdown li ul li dl dt a.linktab4.select { color : #407DAB; background:url(../images/fleche.png) 0 3px no-repeat; padding : 0 0 0 15px; font-weight:bold; } .firstMenu ul.dropdown li ul li dl dt a.linktab4:hover { color : #407DAB; text-decoration:underline; text-decoration:underline; padding : 0 0 0 15px; font-weight:bold; } /* background:url(../images/fleche.png) 0px 3px no-repeat; */ a.linktab4 { font-size : 12px; color : #407DAB; padding : 0 0 0 25px; } a.linktab4:hover { color : #407DAB; padding : 0 0 0 25px; } .firstMenu ul.dropdown li ul li.tab4 { height:250px; width : 242px; } /*div { background: url(../images/shadow_vertical.png) bottom right;}*/ #myulOpenA_myshadow {width:243px; position : absolute; top : 27px; left : 10px; display : none; z-index:0; background: url(../images/shadow_vertical.png) bottom right no-repeat; } #myulOpenB_myshadow {width:243px; position : absolute; top : 27px; left : 10px; display : none; z-index:0; background: url(../images/shadow_vertical.png) bottom right no-repeat; } #myulOpenC_myshadow {width:243px; position : absolute; top : 27px; left : 10px; display : none; z-index:0; background: url(../images/shadow_vertical.png) bottom right no-repeat; } #myulOpenD_myshadow {width:243px; position : absolute; top : 27px; left : 10px; display : none; z-index:0; background: url(../images/shadow_vertical.png) bottom right no-repeat; } /*url(../images/drop-down-partagez.jpg) background: #DDEAF0;*/ /* LEVEL THREE */ .firstMenu ul.dropdown ul ul { left: 100%; top: 0; } .firstMenu ul.dropdown li:hover > ul { visibility: visible; } /******* end dropdownPlain **************************************************************/ .firstMenu { height : 33px; z-index:800; position:relative; background:#DDEAF0; margin:0; padding : 0; } /* END menu */ /* footer */ .blockFooter { margin : 0 auto; width : 970px; padding : 5px; color : #ccc; height : 50px; font-size : 12px; text-align:center; } /* END footer */ img, div, a { behavior: url(../js/iepngfix.htc); } /*ENTETE ACCUEIL*/ #divEnTete-page { width:970px; overflow:hidden; font-family: Trebuchet MS, Arial,Verdana; text-decoration: none; word-spacing: normal; text-align: left; letter-spacing: normal; position: relative; } #divEnTete { width:970px; overflow:hidden; margin:0; font-family: Trebuchet MS, Arial,Verdana; text-decoration: none; word-spacing: normal; text-align: left; letter-spacing: normal; font-size: 1.1em; position: relative; } #divEnTete img {border: 0;} .divUtilitaire { width:970px; } .divUtilitaire .select { padding:0 0 0 0px; margin-left:20px; color:#fff } .divUtilitaire .select a#VoirAutreProvenance { color:#fff; text-decoration:none } .divUtilitaire .select a#VoirAutreProvenance:focus { outline: none } .divUtilitaire .select .masque { position: absolute; top: -999em; } /*menu des langues*/ div#provenance { background-image:url(http://www.bonjourquebec.com/fileadmin/Image/accueil/bg_sous_menu.png); width:160px; z-index:900;} div#provenance div.fermer { text-align:right; padding-top:3px; } div#provenance a.fermer { margin:0px 5px 0 0; text-decoration:none; color:#fff; line-height:12px;} div#provenance img { border:0; vertical-align:middle;} div#provenance ul { list-style-type:none;margin:0;padding:5px 0px 30px 15px;width:160px;height:290px;display:block;} div#provenance ul li { height:20px;} div#provenance ul li.col1 { margin-left:0px; list-style-image:none; height:20px;} div#provenance ul li a { color:#fff; text-decoration:none; padding:0 4px;} div#provenance ul li a:hover { color:#fff; background:transparent url(http://www.bonjourquebec.com/fileadmin/Image/accueil/menu_on.png) repeat;}