/**********************IMPORTATION CSS***********************/
@import url("../css/style.css");
@import url("../fancybox/jquery.fancybox-1.3.1.css");
/***************************BODY****************************/
#body_forfaits {background:#90BAEC url(images/back_forfaits.jpg) no-repeat fixed 878px 0;}
#body_circuits {background:#012315 url(images/back_circuits.jpg) no-repeat fixed 960px 0;}
/*navigation*/
ul#mainnav>li>a{background-image:url(images/menu.png);}
ul#mainnav ul{background-image:url(images/back_sub.png);border-color:#003E6D;}
ul#mainnav ul a{background:none;border-color:#003E6D;}
/************************HEADER***********************/
#body_forfaits #header{background:#000 url(images/header_forfaits.jpg) no-repeat scroll 0 0;position:relative;}
#body_circuits #header{background:#000 url(images/header_circuits.jpg) no-repeat scroll 0 0;position:relative;}
/************************CONTENT***********************/
#content{background-color:#F3F3F3;overflow:auto;padding:20px;position:relative;width:920px;}
.left{background:none;width:322px;}
.right{background:#F3F3F3 url(../images/backForfaits.png) no-repeat;width:548px;}
.fiche .left {background:#F3F3F3 url(../images/backContent.png) no-repeat;}
.fiche .right {background:none;}
/************************FORFAITS & CIRCUITS***********************/
.scroll{height:550px;overflow:auto;*overflow-x:hidden;*overflow-y:auto;position:relative;}
.description {clear:both;margin:15px 0;}
.description ul {font-size:1.2em;list-style:disc;margin:0 0 15px 15px;padding:0;}
.description li {margin:0;padding:0;}
.description span{font-size:0.9em;font-weight:normal;}
.outils {float:right;height:16px;margin:0 25px 15px auto;}
.outils a.icon {float:left;margin:0 5px;text-indent:-5000px;width:16px;}
.outils a.photos {background:transparent url(images/sprite_pictos.png) no-repeat -10px -270px;}
.outils a.carte {background:transparent url(images/sprite_pictos.png) no-repeat -10px -288px;}
.outils a.print {background:transparent url(images/sprite_pictos.png) no-repeat -10px -306px;}
/*circuits*/
.circuit {margin:0 0 30px;}
.circuit>h1 {padding:0 15px;}
.circuit .description {clear:both;padding:0 15px;}
.circuit .quote{border:1px solid #DDD;height:228px;margin-bottom:15px;position:relative;width:499px;}
.circuit .quote blockquote {background:transparent url("../fancybox/fancy_title_over.png") repeat;color:#EEE;left:0;font-size:1.2em;padding:10px;position:absolute;bottom:0;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.tourisme-abitibi-temiscamingue.org/fancybox/fancy_title_over.png', sizingMethod='scale');zoom:1;}
.circuit .jour{border-bottom:1px dotted #6F9367;margin:0 0 15px;padding:0 0 15px;}
.circuit .activites{padding:5px 15px;}
.circuit .parcours{background-color:#EEE;padding:5px 15px;}
.circuits .personnage{bottom:0;display:none;left:0;position:absolute;}
.circuits .personnage.current{display:inline;}
#menu_circuits {list-style:none;margin:0;padding:0;position:relative;}
#menu_circuits li{background:#024F8F url(images/sprite_panneau.png) no-repeat 0 -45px;font-size:1.7em;font-weight:bold;margin:5px 0;padding:0;width:322px;}
#menu_circuits li.current,
#menu_circuits li:hover{background:#024F8F url(images/sprite_panneau.png) no-repeat 0 -90px;}
#menu_circuits a{color:#FFF;display:block;margin:0;padding:14px 60px 13px 14px;text-decoration:none;}
#menu_circuits a.circuit01{background:transparent url(images/sprite_pictos.png) no-repeat 95% -180px;}
#menu_circuits a.circuit02{background:transparent url(images/sprite_pictos.png) no-repeat 95% -45px;}
#menu_circuits a.circuit03{background:transparent url(images/sprite_pictos.png) no-repeat 95% -90px;}
#menu_circuits a.circuit04{background:transparent url(images/sprite_pictos.png) no-repeat 95% -225px;}
/*forfaits et soties*/
.forfait {margin:0 0 30px;}
.forfait>h1 {padding:0 15px;}
.forfait .description {clear:both;padding:0 15px;}
.forfait .quote{margin-bottom:15px;position:relative;}
.forfait .quote img{width:225px;}
.forfait .prix {margin:15px 0 30px;padding:10px;background-color:#EEE;overflow:auto;}
.forfait .prix div {padding:0 35px 0 0;}
.forfait .prix ul {list-style:none;margin:0;padding:0;}
.forfait .notes {font-size:0.8em;margin:15px 0 30px;}
.forfait .adresse {background-color:#EEE;padding:10px;}
.forfait hr {margin:15px 0;}
.forfaits .personnage{bottom:0;display:none;left:0;position:absolute;}
.forfaits .personnage.current{display:inline;}
#menu_forfaits {list-style:none;margin:0;padding:0;position:relative;}
#menu_forfaits li {background:#024F8F url(images/sprite_panneau.png) no-repeat 0 -45px;font-size:1.7em;font-weight:bold;margin:5px 0;padding:0;width:322px;}
#menu_forfaits li.current,
#menu_forfaits li:hover{background:#024F8F url(images/sprite_panneau.png) no-repeat 0 -90px;}
#menu_forfaits li.title {background:none;color:#555;font-size:1.8em;margin:0;padding:10px 0;text-indent:14px;width:322px;}
#menu_forfaits li.sortie_top {margin-top:20px;}
#menu_forfaits a {color:#FFF;display:block;height:27px;padding:13px 60px 5px 14px;text-decoration:none;}
#menu_forfaits a.forfait01 {background:transparent url(images/sprite_pictos.png) no-repeat 95% -135px;}
#menu_forfaits a.forfait02 {background:transparent url(images/sprite_pictos.png) no-repeat 95% -45px;}
#menu_forfaits a.sortie01 {background:transparent url(images/sprite_pictos.png) no-repeat 95% -225px;}
#menu_forfaits a.sortie02 {background:transparent url(images/sprite_pictos.png) no-repeat 95% 0;}
#menu_forfaits a.sortie03 {background:transparent url(images/sprite_pictos.png) no-repeat 95% -180px;}