@charset "utf-8";
@media screen and (max-width:980px) {
#wrap, #voyages, #voyages2, #content2, #side { width: 100%; }
#logo, #footercontent, #detail, .touslesjours { width: 99%; padding: 1% 0.5%; }
#intro, #guidenav, .voyages, .voyage, #content, #maininfo, #formwrap { width: 98%; padding: 0 1%; }
#destnav { margin-left: 1%; margin-right: 1%; }
#voyagecircuit2 { display: block; }
#circuitnav li.active { margin-left: 1%; }
.promotiondesc { width: 96%; }
.voyage { margin-left: 0; }
.location { padding-left: 1%; padding-right: 1%; }
.leftside, .rightside { width: 98%; padding: 1% 0.5%; }
#voyagecircuit, .searchbox, .social { display: none; }
.basictxt{padding: 0 5px}
}
@media screen and (min-width:768px) and (max-width:980px) {
#logo li { float: none; margin: 0 10px 10px 0; }
#mainnav { width: 100%; }
#mainnav li { padding: 0 0.75%; }
#mainnav li:first-child { border-left: none; }
#mainnav li:last-child { border-right: none; }
#mainnav li a { font-size: 88%; }
#flash { width: 100%; }
#footercontent .navs { clear: both; padding-top: 8px; }
#footercontent .navs li { float: left; display: block; padding: 0.25% 0.25% 0.25% 0; }
#footercontent .contactus { clear: both; }
#footercontent .contactus span { display: block; width: 100%; padding: 5px 0; }
#bk, #vchine, #guidenavs { float: left; width: 48%; margin: 0 1%; }
#trafficsearchbox { float: left; width: 47.5%; margin: 0; }
#circuitnav li { width: 22.5%; }
#guidenavs2 { display: none; }
#questionbox2 { float: left; width: 48%; }
.voyages .photo { width: 32%; }
.voyages ul { width: 67%; }
.voyage .img { width: 35%; }
.feedbackimg, .guideimg { width: 98%; }
.ulstyle { padding-left: 1.2%; }
.ulstyle li { width: 31%; }
.ulstyle li.sp { width: 31%; }
.touslesjours .desc { width: 65%; }
.touslesjours .pic { width: 33.5%; }
.touslesjours .pic img { width: 240px; }
.rightside #bk, .imgtxt2, .themeimg { display: none; }
.guidelst { width: 96%; margin: 0 auto; }
}
@media screen and (min-width:480px) and (max-width:767px) {
#cvillogo { width: 100%; height: 100%; }
#logo ul, #mainnav, #flash, #bk, #footercontent .navs, #flashwrapper, #carteville, .circuits .code, .obtprix, .hid { display: none; }
#mmainnav, #aqbox, .obtprix2 { display: block; }
#mmainnav li { padding: 0 3.5%; }
#footercontent .contactus span { display: block; width: 100%; padding: 5px 0; }
#questionbox2, #vchine, #guidenavs, #guidenavs2 { width: 98%; margin: 0 auto; }
#trafficsearchbox { width: 95%; }
#circuitnav li { width: 47.5%; }
#circuitnav li a { padding: 3px 0; }
#circuitnav li.active { width: 47%; padding: 3px 0; }
.voyagecarte { width: 98%; height: 98%; }
.voyages .photo { width: 100%; text-align: center; }
.voyages img { width: 98%; height: 98%; }
.voyages ul, .voyage ul { width: 100%; }
.voyage .img { float: none; width: 100%; text-align: center; }
.voyage .img img { width: 95%; height: 95%; }
.ulstyle li { width: 42%; }
.ulstyle li.sp { width: 42%; }
.imgtxt { width: 96%; margin: 0 1%; }
.feedbackimg, .guideimg { width: 98%; }
.popqbox #pcta, .guideimglst { display: none; }
.popqbox #mo { display: inline; }
.circuits .prix { display: block; }
.attractions li { width: 45%; }
.touslesjours .desc { width: 98%; padding: auto 1% auto 1%; }
.touslesjours .pic { width: 99%; }
.touslesjours .pic img { width: 96%; }
.resvbtn { width: 50%; }
.citylist2 li { width: 30%; }
.imgtxt2 { width: 98%; }
.themeimg { width: 100%; height: 100%; }
.surmitem { width: 100%; text-align: left; }
.ctlst td { width: 32%; }
.voyagetype td { width: 48%; }
.tbox { width: 95%; }
.tbox1 { width: 94%; }
.tbox2 { width: 74%; }
.tbox3 { width: 72.5%; }
.drpbox { width: 95%; }
.drpbox1 { width: 31%; }
.drpbox2 { width: 41.5%; }
.drpbox3 { width: 20%; }
.guidelst { width: 96%; margin: 0 auto; }
.guidelst dt { width: 100%; }
.guidelft{float:none; width:98%; margin-right:0;}
.guiderit{float:none; width:98%;}
.guideblock .photo{width:98%; margin:0 auto;}
.guideblock .photo img{width:98%; height:auto}
}
@media screen and (max-width:479px) {
#cvillogo { width: 100%; height: 100%; }
#logo ul, #mainnav, #flash, #bk, #footercontent .navs, .voyages .code, .voyage .carte, #flashwrapper, #carteville, .circuits .code, .obtprix, .hid { display: none; }
#mmainnav, #aqbox, .obtprix2 { display: block; }
#mmainnav li { padding: 0 1.5%; }
#questionbox2, #vchine, #guidenavs, #guidenavs2 { width: 98%; margin: 0 auto; }
#trafficsearchbox { width: 94.5%; }
#footercontent .contactus span { display: block; width: 100%; padding: 5px 0; }
#circuitnav li { width: 47.5%; }
#circuitnav li a { padding: 3px 0; }
#circuitnav li.active { width: 47%; padding: 3px 0; }
.voyagecarte { width: 98%; height: 98%; }
.voyages .photo { width: 100%; text-align: center; }
.voyages img { width: 98%; height: 98%; }
.voyages .circuit a { width: 100%; }
.voyages ul, .voyage ul { width: 100%; }
.voyage .img { float: none; width: 100%; text-align: center; }
.voyage .img img { width: 95%; height: 95%; border: 1px solid #ccc; padding: 5px; }
.ulstyle li { width: 40%; }
.ulstyle li.sp { width: 95%; }
.imgtxt { width: 96%; margin: 0 1%; }
.feedback strong { height: auto; padding-left: 48px; line-height: 28px; background-size: 42px 28px; }
.feedbackimg, .guideimg { width: 98%; }
.popqbox #pcta, .guideimglst, .surmesure { display: none; }
.popqbox #mo { display: inline; }
.circuits .prix { display: block; }
.attractions li { float: none; margin: 5px 0; width: 96%; }
.attractions li img { float: none; width: 100%; height: 100%; }
.touslesjours .desc { width: 98%; padding: auto 1% auto 1%; }
.touslesjours .pic { width: 99%; }
.touslesjours .pic img { width: 95%; }
.resvbtn { width: 85%; }
.aboutus,.infolist2 li { width: 96%; }
.aboutus img { margin: 0 22.5%; }
.citylist li { width: 30%; }
.citylist2 li { width: 45%; }
.datatab { font-size: 75%; }
.datatab th:last-child, .datatab td:last-child { display: none; }
.airline li { float: left; width: 95%; padding: 5px; }
.imgtxt2 { width: 98%; }
.themeimg { width: 100%; height: 100%; }
.circuits2 .desc { width: 85%; }
.circuits2 .prix { width: 15%; }
.surmitem { width: 100%; text-align: left; }
.ctlst td { width: 48%; }
.voyagetype td { width: 95%; }
.tbox { width: 92.5%; }
.tbox1 { width: 93%; }
.tbox2 { width: 64%; }
.tbox3 { width: 76%; }
.drpbox { width: 95%; }
.drpbox1 { width: 30.5%; }
.drpbox2 { width: 38%; }
.drpbox3 { width: 13.5%; }
.guidelst { width: 92%; margin: 0 auto; }
.guidelst dt { width: 100%; }
.guidelft{float:none; width:98%; margin-right:0;}
.guiderit{float:none; width:98%;}
.guideblock .photo{width:98%; margin:0 auto}
.guideblock .photo img{width:96%; height:auto}
}