﻿@charset "utf-8";
/* CSS Document */
body,h1,h2,h3,h4,h5,h6,p,form,fieldset,input,select,ul,li {margin:0;padding:0;}
html {height: 100%;margin: 0;}
.clearfloat {clear:both; height:0; font-size: 1px; line-height:0px;}
body {background-color: #ffffff;margin-top: 0px;font-family:Arial, Helvetica, sans-serif; font-size:13px;}
input, select { font-size:11px;}
#global{ width:800px; float:left;}

h1{font-family:Arial, Helvetica, sans-serif;font-weight:normal;}
h2{color:#FFFFFF;font-size:12px;font-weight:bold;text-decoration:none;vertical-align:top;height:18px;}
h3{font-family:Arial, Helvetica, sans-serif;font-size:10px;color:#333333;margin:0px;}
h4{font-family:Arial, Helvetica, sans-serif;color:#DEDEBC;text-align:center;}
h6{font-size:12px;text-align:justify;color:#333333;margin-bottom:0px;font-style:italic;font-weight:bold;}

#container { width:800px; border-left:8px solid #DCDCDC; border-right:8px solid #DCDCDC;  background-color:#254e63;background-repeat:no-repeat; background-position:top; height:284px;}
#container h3 {padding:9px 0 0 6px; font-size:12px; font-weight:bold;}
#container h3 a:link {color: #fff;text-decoration:none;}
#container h3 a:visited {color: #fff;text-decoration:none;}
#container h3 a:hover {color:#fff;text-decoration:underline;}
#container h3 a:active {color: #fff;text-decoration:underline;}
#container h1 { color:#FFFFFF; text-align:right; padding:248px 12px 0 0; font-size:11px; width:200px; float:right}
#container h1 a:link {color: #fff;text-decoration:none;}
#container h1 a:visited {color: #fff;text-decoration:none;}
#container h1 a:hover {color:#fff;text-decoration:underline;}
#container h1 a:active {color: #fff;text-decoration:underline;}

#deuxcolonne {width:790px;  border-left:8px solid #DCDCDC; border-right:8px solid #DCDCDC; background-color:#254e63; padding:0 5px 5px 5px; }
#gauche {width:300px; float:left; display: block; position:relative; }
#gauche img{ margin-bottom:5px;}
#gauche p{ color:#FFFFFF; font-size:12px;}
#gauche h2 { font-weight:bold; color:#fff; font-size:14px; text-align:left; margin:6px 0 14px 8px }
#gauche a:link{color:#fff; text-decoration:underline;}
#gauche a:visited{color:#fff; text-decoration:underline;}
#gauche a:hover{color:#fff; text-decoration:none;}
#gauche a:active{color:#fff; text-decoration:underline;}

#menuAcc {padding:0px 8px 26px 8px ; text-align:justify; clear:both; z-index:100; height:340px; background-image:url(http://www.quebecensaisons.com/ete2010/images/fond_menu.jpg); background-repeat: no-repeat; margin-left:-5px;}
#gauche #menuAcc img { margin:24px 0px; padding:0px; }
#menuAcc ol { padding:54px 30px 0 0; margin:0;  background-repeat:no-repeat; background-position:-3px 20px;}
#menuAcc ul { padding:2px 30px 0 0;}
#menuAcc li{ list-style:none; padding:0px; list-style-type:none; list-style-position:outside;color:#fff; font-size:14px;  font-weight:bold; margin:1px 0 1px 0; border-bottom:1px #fff dashed; height:21px;}
#menuAcc li a:link{color:#fff; text-decoration:none; font-weight:bold; }
#menuAcc li a:visited{color:#fff; text-decoration:none; font-weight:bold;}
#menuAcc li a:hover{color:#fff; text-decoration:underline; font-weight:bold;}
#menuAcc li a:active{color:#fff; text-decoration:underline; font-weight:bold;}
#menuAcc h6 { text-align:center!important; font-size:14px;}
#titre h1 { color:#FFFFFF; text-align:right; padding:5px 12px 0 0; font-size:11px;  float:right; font-weight:normal;}
.regionvedette {background-image:url(http://www.quebecensaisons.com/ete2010/images/region_vedette.png);}
.regionvedetteEn {background-image:url(http://www.quebecensaisons.com/ete2010/images/region_vedetteEn.png);}

.btconcours { width:301px; height:147px; margin:0 0 4px 0; }
a.btconcours {background-image: url(../ete2010/images/concours.jpg); display:block; width:301px;} 
a.btconcours:hover {background: url(../ete2010/images/concours.jpg)  0 -147px }

.btconcours-en { width:301px; height:147px; margin:0 0 4px 0; }
a.btconcours-en {background-image: url(../ete2010/images/concours-en.jpg); display:block; width:301px;} 
a.btconcours-en:hover {background: url(../ete2010/images/concours-en.jpg)  0 -147px }


.btforfaitvacances { width:301px; height:147px; margin:0 0 4px 0; }
a.btforfaitvacances {background-image: url(../ete2010/images/btforfaitvacances.jpg); display:block; width:301px;} 
a.btforfaitvacances:hover {background: url(../ete2010/images/btforfaitvacances.jpg)  0 -147px }

.btforfaitvacances-en { width:301px; height:147px; margin:0 0 4px 0; }
a.btforfaitvacances-en {background-image: url(../ete2010/images/btforfaitvacances-en.jpg); display:block; width:301px;} 
a.btforfaitvacances-en:hover {background: url(../ete2010/images/btforfaitvacances-en.jpg)  0 -147px }


.btblog{ width:247px; height:32px; margin:0 0 4px 0; }
a.btblog {background-image: url(../ete2010/images/trblog.png); display:block; width:247px;} 
a.btblog:hover {background: url(../ete2010/images/trblog.png)  0 -32px }

.btblog-en{ width:247px; height:34px; margin:0 0 4px 0; }
a.btblog-en {background-image: url(../ete2010/images/trblog-en.png); display:block; width:247px;} 
a.btblog-en:hover {background: url(../ete2010/images/trblog-en.png)  0 -34px }

.invisible { visibility: hidden; display:none; margin-top: 5px;}
.visible{ visibility: visible; display:block; margin-top: 5px;}

.autresaison p { font-weight:bold;  padding:8px 8px 0px 8px;  }
.autresaison ul { width:140px; float:left; font-size:11px; font-weight:normal; margin-left:8px; list-style:none}
.autresaison li { padding-bottom:2px;}
.autresaison li a{text-decoration:none!important; border-bottom:0px solid #fff!important; font-size:12px;}
.autresaison li a:link{border-bottom:0px solid #254e63;}
.autresaison li a:visited{border-bottom:0px solid #254e63;}
.autresaison li a:hover{border-bottom:1px solid #FC0!important;}
.autresaison li a:active{border-bottom:0px solid #254e63;}
#rrecherche {position:absolute; z-index:25; margin-top:80px; background-color: #fff; width:350px; min-height:265px; left: 0px; top: 0px;}
#rrecherche1 {
	position:absolute;
	z-index:25;
	margin-top:479px;
	background-image:url(../ete2010/images/acc_hiver-ov.jpg);
	background-repeat:no-repeat;
	background-color:#557d9a;
	width:297px;
	border-bottom:1px solid #fff;
	border-left:1px solid #fff;
	border-right:1px solid #fff;
	min-height:265px;
	left: 0px;
	top: 0px;
}
#rrecherche2 {position:absolute; z-index:25; margin-top:555px; background-image:url(../ete2010/images/acc_printemps-ov.jpg); background-repeat:no-repeat; background-color:#579169; width:297px; border-bottom:1px solid #fff; border-left:1px solid #fff; border-right:1px solid #fff; min-height:265px; left: 0px; top: 0px;}
#rrecherche3 {position:absolute; z-index:25; margin-top:631px; background-image:url(../ete2010/images/acc_automne-ov.jpg); background-repeat:no-repeat; background-color:#c8624e; width:297px; border-bottom:1px solid #fff; border-left:1px solid #fff; border-right:1px solid #fff; min-height:265px; left: 0px; top: 0px;}
#rrechercheAccueil { margin-top:5px; background-image:url(../ete2010/images/acc_ete-ov.jpg); background-repeat:no-repeat; background-position: 0 68px; background-color: #6fa063; width:297px; border-bottom:1px solid #fff; border-left:1px solid #fff; border-right:1px solid #fff;  left: 0px; top: 0px;}

#gauche .pub { text-align:center; padding:5px 0;}
.inscription { padding:8px; border:2px dotted #FFF; margin-top:5px;}
.inscription h3 { font-weight:bold; color:#fff; font-size:13px;}
.inscription h4 { text-align:right; font-weight:bold; color: #FC0; font-size:12px; padding-top:5px;}
.inscription h4 a:link{color: #333333; text-decoration: underline; font-weight: normal;}
.inscription h4 a:visited{color:#333333;text-decoration:underline; font-weight:normal;}
.inscription h4 a:hover{color:#333333;text-decoration:none; font-weight:normal;}
.inscription h4 a:active{color:#333333;text-decoration:underline; font-weight:normal;}
.blog { background-image:url(../ete2010/images/bgblog.jpg); background-repeat:no-repeat; margin-top:-5px;}
.blog div { margin:156px 8px 0 8px; background-color:#254e63; padding:2px; border:1px solid #fff;}
.blog div div{ margin:1px; background-color:#FFF; padding:8px; }
.blog p { color:#333!important;  }
.blog ul { list-style:none; }
.blog li a{color: #333333!important; text-decoration:none!important; font-weight: bold; border-bottom:1px dashed #254e63; font-size:12px;}


.blog li a:link{border-bottom:1px dashed #254e63;}
.blog li a:visited{border-bottom:1px dashed #254e63;}
.blog li a:hover{border-bottom:1px dashed #FC0;}
.blog li a:active{border-bottom:1px dashed #254e63;}
#droit {width:485px; float:right; display:block }
#droit p { color:#333; font-size:12px;}
#droit h1{font-family: Helvetica, Arial, sans-serif;font-size:21px;color:#254e63;letter-spacing:-1px;font-weight:normal;padding:2px 0px;}
#droit h1 a:link{ color:#254e63; text-decoration:none;}
#droit h1 a:active{ color:#254e63; text-decoration:none;}
#droit h1 a:visited{ color:#254e63; text-decoration:none;}
#droit h1 a:hover{ color:#254e63; text-decoration:underline;}
#droit  ul{ text-align:left; float:left; width:230px;  }
#droit  li{ color: #333; margin:4px; list-style-type:none; display: block; font-weight:bold;}
#droit  li a:link{color: #333; text-decoration:none; border-bottom:1px dashed #254e63; font-weight:normal;}
#droit  li a:visited{color: #333; text-decoration:none; border-bottom:1px dashed #254e63; font-weight:normal;}
#droit  li a:hover{color: #666; text-decoration: none; border-bottom:1px dashed #FC0; font-weight:normal;}
#droit  li a:active{color: #333; text-decoration:none; border-bottom:1px dashed #254e63; font-weight:normal;}
#droit img { border:1px solid #254e63; float:left}
#droit .resume  { background-color:#FFF;width:475px; padding:5px 5px 5px 0; display:block; margin-bottom:5px; }
#droit .resume h1 { margin-left:2px; }
#droit .resume p { margin:4px;}
#droit .resume img { margin-right:5px;}
#droit h3 { text-align:right; font-weight:bold; color:#254e63; font-size:12px; padding-top:5px;}
#droit h3 a:link{color: #333333; text-decoration: underline; font-weight: normal;}
#droit h3 a:visited{color:#333333;text-decoration:underline; font-weight:normal;}
#droit h3 a:hover{color:#333333;text-decoration:none; font-weight:normal;}
#droit h3 a:active{color:#333333;text-decoration:underline; font-weight:normal;}
#droit .resume h2 { margin-top:12px;}
#droit .thematique {width:486px;display:block; background-color:#FFF; text-align:left}
#droit .thematique p { margin:0px 9px 6px 9px;}
#droit .thematique div {width:232px; padding:4px; display:block; margin:0px 0; float:left; background-color:#FFF; }
#droit .thematique h1 { margin:0 5px; padding:0;}
#droit .thematique h2 { padding:2px!important; font-size:16px; letter-spacing:-1px; margin:0 0 6px 0; width:223px; display:inline-block }
#droit .thematique img { margin:0 0 1px 0 ;}
#droit .resume div {width:232px; padding:0px; display:block; margin:0px 0; float:left; background-color:#FFF; }

#droit .resume .troiscolones { width:153px; height:145px; border:1px solid #254e63; padding:0; margin:0px 0 3px 3px;}
#droit .resume .troiscolones img { border:none; margin:0; }
#droit .resume .troiscolones h2 { text-align:center; font-weight:bold; background-color:#FFF; color:#254e63; font-size:13px; padding:0 2px; margin:0; letter-spacing:normal }
#droit .resume .troiscolones h2 a:link{color: #254e63; text-decoration:none;}
#droit .resume .troiscolones h2 a:visited{color:#254e63;text-decoration:none;}
#droit .resume .troiscolones h2 a:hover{color:#254e63;text-decoration:underline;}
#droit .resume .troiscolones h2 a:active{color:#254e63;text-decoration:none;}

#droit .coupdecoeur h2 { font-size:16px; margin-left:2px}
#droit .coupdecoeur div { width:154px; height:145px!important; background-color:#fff; border:1px solid #254e63; padding:0; margin:0px 0 5px 5px; float:right;}
#droit .coupdecoeur div img { border:none; margin:1px; }
#droit .coupdecoeur div h3 { text-align:center; font-weight:bold!important; background-color:#FFF; color:#254e63; font-size:13px!important; padding:0 2px!important; margin:0!important; letter-spacing:normal; width:149px!important;  }
#droit .coupdecoeur div h3 a:link{color: #254e63; text-decoration:none; font-weight:bold!important; font-size:13px!important;}
#droit .coupdecoeur div h3 a:visited{color:#254e63;text-decoration:none; font-weight:bold!important; font-size:13px!important;}
#droit .coupdecoeur div h3 a:hover{color:#254e63;text-decoration:underline; font-weight:bold!important; font-size:13px!important;}
#droit .coupdecoeur div h3 a:active{color:#254e63;text-decoration:none; font-weight:bold!important; font-size:13px!important;}

#droit .coupdecoeur .acc { width:480px; margin-right:3px; height:115px!important;}
#droit .coupdecoeur .acc img { margin-right:4px;}
#droit .coupdecoeur .acc h3 { float:left!important;  font-weight:bold; width:200px!important;}
#droit .coupdecoeur .acc p { margin-bottom:8px }

#droit h2 { text-align:left; font-weight:bold; background-color:#254e63; color:#FFF; font-size:12px; padding:0 5px; }
#droit h2 a:link{color: #fff; text-decoration:none;}
#droit h2 a:visited{color:#fff;text-decoration:none;}
#droit h2 a:hover{color:#FC0;text-decoration:FC0;}
#droit h2 a:active{color:#fff;text-decoration:none;}
#droit .pub { text-align:center; padding:5px;}

#footer { height:21px; width:800px;clear:both; border-left:8px solid #DCDCDC; border-right:8px solid #DCDCDC;background-color:#DCDCDC;}
#footer p{color:#333333;padding:4px 0 4px 0; font-size:12px;}
#footer a:link{color:#333333;text-decoration: underline;}
#footer a:visited{color:#333333;text-decoration:underline;}
#footer a:hover{color:#333333;text-decoration: none;}
#footer a:active{color:#333333;text-decoration: none;}


#lastminutes { margin-bottom:12px; padding-bottom:12px; width:578px;}
#lastminutesGauche{float:left; width:178px; }
#lastminutesGauche img{margin:60px 0 12px 0px;}
#lastminutesGauche p {text-align:left; margin:0 6px 0 0px; color:#FFFFFF}
#lastminutesGauche h2 { font-weight:bold; color:#fff; font-size:14px; text-align:left; margin:6px 0 14px 8px }
#lastminutesGauche h2 a:link{color:#254e63;text-decoration:none; font-weight:bold;}
#lastminutesGauche h2 a:hover{color:#254e63;text-decoration:underline; font-weight:bold;}
#lastminutesGauche h2 a:visited{color:#254e63;text-decoration:none; font-weight:bold;}
#lastminutesGauche h4 {font-size:16px; text-align:center; font-style:normal; font-weight:normal; }
#lastminutesDroit {float:left; width:484px;  padding-right:6px; padding-bottom:12px;}
#lastminutesDroit h1 {font-family:Arial, Helvetica, sans-serif; font-weight:normal; text-align:right; font-size:21px;  margin:24px 0 3px 0; border-bottom:1px solid #fff; text-align:left}
#lastminutesDroit h1 a:link {color:#fff;text-decoration:none;}
#lastminutesDroit h1 a:hover {color:#fff;text-decoration:underline;}
#lastminutesDroit h1 a:visited {color:#fff;text-decoration:none;}
#lastminutesDroit form {float:left; margin:0 18px 12px 0;}
#lastminutesDroit select {font-size:11px;color:#333333;}
#lastminutesDroit img{ float:right; margin-bottom:3px}

#hotel { min-height:84px; background-color:#FFFFFF; border:1px solid #666; margin:0 0 6px 0; padding:4px; clear:both}
#hotel img{ float:left; border:1px solid #999; padding:2px; margin:2px;}
#hotel p{ font-size:12px; color:#333333; text-align:left; }
#hotel p a:link{ color:#254e63; text-decoration:underline}
#hotel p a:hover{color:#254e63; text-decoration:none}
#hotel p a:visited{color:#254e63; text-decoration:underline}
#hotel h2 {font-family:Arial, Helvetica, sans-serif; font-weight:normal; text-align:left; display:block; font-size:14px;}
#hotel h2 a:link{ background-color:#254e63; color:#fff;}
#hotel h2 a:hover{background-color:#fff; color:#254e63;}
#hotel h2 a:visited{background-color:#254e63; color:#fff;}
#hotel #etoile { float:right;}
#hotel #etoile img { border:none; margin:0; padding:0;}
#listehotel {  overflow:auto; height:300px;}

#regionquebec { height:280px; background:#FFFFFF; padding:8px;  margin:8px 0 8px 0; text-align:justify;  color:#333333;}
#regionquebec p{ color:#333333;  padding:0px;  margin:0px; font-size:11px;}
#regionquebec a:link{color:#333333; text-decoration:underline; }
#regionquebec a:visited{color:#333333; text-decoration:underline; }
#regionquebec a:hover{color:#333333; text-decoration:none; }
#regionquebec a:active{color:#333333; text-decoration:none; }
#regionquebec li { list-style:none; display:list-item;  font-size:12px; text-align:left; font-weight:bold; list-style-position:outside; height:16px; padding-bottom:1px;}
#regionquebec li a:link{color:#333333; text-decoration:none;  font-weight:bold; border-bottom:1px  dotted #254e63;}
#regionquebec li a:visited{color:#333333; text-decoration:none;  font-weight:bold; border-bottom:1px dotted #254e63;}
#regionquebec li a:hover{color:#333333; text-decoration:underline;  font-weight:bold; border-bottom:none;}
#regionquebec li a:active{color:#333333; text-decoration:underline;  font-weight:bold; border-bottom:1px dotted #254e63;}
#regionquebec img{float:left; border:1px solid #333; margin:3px 6px 0 0; padding:4px;}
#regionquebec h1 {  font-family: Helvetica, Arial, sans-serif; font-size:28px;color:#254e63; padding:2px 0 6px 0; letter-spacing:-1px; margin:0; font-weight:normal}
#regionquebec h1 a:link{ text-decoration:none;color:#254e63;}
#regionquebec h1 a:visited{text-decoration:none;color:#254e63;}
#regionquebec h1 a:hover{text-decoration:underline;color:#254e63;}
#regionquebec h1 a:active{text-decoration:none;color:#254e63;}
#regionquebec h2 {font-size:12px; background-color:#e5e5e5;	padding:2px 2px 26px 2px; margin:5px 0px 10px 0px; text-align:left;	font-weight:normal;	color:#333; }
#regionquebec h2 a:link{background-color:#254e63;color:#fff; text-decoration:none}
#regionquebec h2 a:visited{background-color:#254e63;color:#fff;text-decoration:none}
#regionquebec h2 a:hover{background-color:#fff;color:#254e63;text-decoration:none}
#regionquebec h2 a:active{background-color:#fff;color:#254e63;text-decoration:none}
#regionquebec h3 {text-align:left; padding:12px 0 0 186px; font-size:12px }
#regionquebec h3 a:link {color:#FFFFFF; background-color:#254e63;text-decoration:none;}
#regionquebec h3 a:visited {color:#FFFFFF;background-color:#254e63;text-decoration:none;}
#regionquebec h3 a:hover {color:#254e63;background-color:#fff;text-decoration:underline;}
#regionquebec h3 a:active {color:#254e63;background-color:#fff;text-decoration:underline;}
#regionquebec .colonneg { width:150px; float:left; padding:6px 6px 0 0;}
#regionquebec .colonned { width:150px; float:left; padding:6px 6px 0 0; margin-left:0px!important;}
#regionquebec .colonneg  .colonned li { list-style:none; font-size:12px; text-align:left; font-weight:normal; list-style-position:outside; margin-left:0px;}
#regionquebec .colonneg  .colonned li a:link{color:#333333; text-decoration:none; }
#regionquebec .colonneg  .colonned li a:visited{color:#333333; text-decoration:none; }
#regionquebec .colonneg  .colonned li a:hover{color:#333333; text-decoration:underline; }
#regionquebec .colonneg  .colonned li a:active{color:#333333; text-decoration:underline; }
