﻿body {font-family: Arial; font-size: 12px; color: #000; margin: 0px; padding: 0px;}
img {border: 0px;}

h1 {margin: 0 0 10px 0; padding: 5px; color: #fff; font-size: 18px; background-color: #269FD6}
h2 {margin: 0 0 10px 0; background-color: #269FD6; padding: 5px; color: #fff; font-size: 16px;}
h3 {margin: 0 0 10px 0; background-color: #269FD6; padding: 5px; color: #fff; font-size: 14px;}

a:link, a:visited {color: #269FD6;}
a:hover {text-decoration: none; color: #FF6100;}

/*FORMS*/
input.frmd, textarea.frmd, select.frmd {font-family: Arial; font-size: 12px; border: solid 1px #269FD6; padding: 2px; color: #000;}
input.frmdr, textarea.frmdr, select.frmdr {font-family: Arial; font-size: 12px; border: solid 1px #269FD6; padding: 2px; color: #000;}
form{ margin:0; padding:0}

/*HEADER*/
.header {width: 985px; margin: 0 auto;}

/*NAVUP*/
.fren {margin-bottom: 3px;}
.navpays {margin-bottom: 10px;}
.navpays a:link, .navpays a:visited {text-decoration: none; font-size: 14px;}
.navpays a:hover {}
.navpays .selected {font-weight: bold; font-size: 16px;}

.navup {margin-bottom: 10px; background:url(/gif/degrade.png) bottom left #269fd6 repeat-x;}
.navupin {width: 980px; margin: 0 auto; padding: 15px 10px; color: #fff; font-size: 18px; font-family: "Trebuchet MS", Verdana;}
.navupin span {font-size: 12px; color: #000;}

.navupinmenu ul {padding: 0; margin: 0; list-style-type: none;}
.navupinmenu ul li {float: left; margin: 0 5px 0 0;}
.navupinmenu ul li a:link, .navupinmenu ul li a:visited {display: block; padding: 5px; background-color: #104259; color: #fff; text-decoration: none; font-weight: bold; font-size: 14px; border: solid 1px #104259;}
.navupinmenu ul li a:hover, .navupinmenu ul li a.selected:link, .navupinmenu ul li a.selected:visited  {background-color: #269fd6 ; color: #fff; border: solid 1px #269fd6 ;}

/*INCENTER*/
.inCenter {width: 990px; margin: 0 auto; padding: 0px; margin-bottom: 10px;}

/*FOOTER*/
.footer {background: #3380CC url('/gif/bg/footer.gif') repeat-x; border-bottom: 5px solid #61A1DF; border-top: solid 1px #0B66BF;}
.footerin {width: 980px; margin: 0 auto; padding: 10px;}
.footerintxt {margin-bottom: 10px; font-size: 11px; color: #99BBFF;}
.footerinlinks {color: #fff; text-align:center;margin-bottom:5px;}
.footerinlinks a:link, .footerin a:visited {color: #fff; text-decoration:none; font-size: 11px}

/*OFFRES*/
.offrediv {padding: 5px 0; background: #fff url('/gif/bg/offrecar.gif') repeat-x; border-top: solid 1px #ccc; border-bottom: solid 1px #ccc; border-left: solid 1px #ccc; border-right: solid 5px #269FD6;}
.offrediv-hover {background: #fff; border-right: solid 5px #269FD6;}
.offrediv-click {background: #fff; border-top: solid 5px #269FD6; border-bottom: solid 5px #269FD6; border-left: solid 5px #269FD6; border-right: solid 5px #fff;}

.tblOffresModele {font-size: 14px; font-weight: bold; margin-bottom: 5px;}
.tblOffresModele a:link, .tblOffresModele a:visited {color: #269FD6;}
.tblOffresModele a:hover { text-decoration: none;}
.tblOffresPrix {font-size: 14px; font-weight: bold; color: #FF5A00; margin-bottom: 5px;}
.tblOffresPrix span {color: #666; font-weight: normal; font-size: 11px;}
.tblOffresreduc {color: #000; font-weight: normal;}
.tblOffresPrixJour {margin-bottom: 4px; color: #000;}
.tblOffresMentions {font-size: 10px; color: #666;}

/*OFFRES*/
.tblCar {margin-bottom: 10px;}
.tblCarDesc {border-collapse: collapse; font-size: 11px;}
.tblCarDesc td {border: solid 1px #ccc; padding: 3px;}

/*DATE PICKER*/
.date-pick-table td {padding: 5px 5px 5px 0;}
.date-pick {width: 75px; border: solid 1px #269FD6; padding: 2px; float: left;}
a.dp-choose-date {float: left;width: 16px;height: 16px;	padding: 0;	margin: 3px 3px 0;	display: block;text-indent: -2000px;overflow: hidden;background: url(/gif/bg/calendar.png) no-repeat;}
a.dp-choose-date.dp-disabled {background-position: 0 -20px;cursor: default;}
input.dp-applied {width: 75px;float: left;}

/*CATTAB*/
ul.cattab {list-style: none;margin: 0;padding: 0;}
ul.cattab li {float: left;margin: 0 1px 0 0;}
ul.cattab li a {display: block; padding: 5px 10px; background-color: #FFF6D9; margin: 0 1px 0 0;/* position: relative makes opacity fail for disabled tab in IE */color: #269FD6;border: solid 1px #269FD6;font-weight: bold;text-decoration: none;white-space: nowrap; /* required in IE 6 */outline: 0; /* prevent dotted border in Firefox */}
ul.cattab li a:hover {background-color: #269FD6; color: #fff;}
ul.cattab li a.selected {background-color: #269FD6; color: #fff;}

/*AJAXPAGER*/
.nav {text-align: center; font-weight: bold; margin-top: 10px; _height: 20px; color: #fff;}
.nav a:link, .nav a:visited {padding: 3px 5px; color: #269FD6; border: solid 1px #269FD6; margin-right: 2px; text-decoration: none;}
.nav a:hover {color: #fff; background-color: #269FD6;}
.nav a.highlight:link, .nav a.highlight:visited {color: #fff; background-color: #269FD6; font-size: 20px;}

#tblOptions {}
#tblOptions td, #tblTaxes td, #tblResa td, #tblFranchise td {padding: 5px 0; border-bottom: solid 1px #ccc}
.optNum {border: solid 1px #ccc; font-size: 11px; padding: 2px; margin-right: 3px; width: 12px;}
.optBtn {border: solid 1px #ccc; font-size: 11px; padding: 0px; margin-right: 3px; width: 15px;}

.underh {background: #fff url('/gif/bg/underh.gif') repeat-x; padding: 10px; border: solid 1px #269FD6;}

.top5 {margin-bottom: 10px;}
.top5ti {margin-bottom: 5px; font-size: 18px; color: #269FD6; font-weight: bold;}
.top5ti span {font-size: 18px; color: #FF6000;}
.top5txt {font-size: 11px; color: #666;}

.discover {margin-bottom: 5px;}
.discoverti {margin-bottom: 5px; font-size: 12px; color: #269FD6; font-weight: bold;}
.discoverti span {font-size: 12px; color: #FF6000;}
.discovertxt {font-size: 11px; color: #666;}

.pagecontent {padding: 20px; border: solid 5px #eee;}
.pagecontent h1 {background: none; margin: 0 0 10px 0; background-color: #fff; padding: 0 0 5px 0; color: #666; font-size: 20px; border-bottom: solid 5px #269FD6;}
.pagecontent h2 {margin: 0 0 10px 0; background-color: #fff; padding: 5px; color: #269FD6; font-size: 16px; padding: 0 0 5px 0; border-bottom: solid 3px #666;}
.pagecontent h3 {margin: 0 0 10px 0; background-color: #fff; padding: 5px; color: #269FD6; font-size: 14px; padding: 0 0 5px 0; border-bottom: solid 1px #FF6000;}
.pagecontent table.tbcontent {border-collapse: collapse; width: 95%;}
.pagecontent table.tbcontent th {border: solid 1px #269FD6; padding: 5px; font-weight: bold; background-color: #FFF6D9;}
.pagecontent table.tbcontent td {border: solid 1px #269FD6; padding: 5px;}

/*PARC AUTO*/
.parcitem {border-bottom: solid 1px #269FD6; padding: 10px 0 10px 0;}
.parcitemphoto {padding: 5px; border: solid 1px #ccc; width: 200px;}
.parcitemcat {font-size: 20px; color: #269FD6; margin-bottom: 5px;}
.parcitemmarque {font-size: 16px; color: #FF6000; margin-bottom: 5px; font-weight: bold;}
.parcitemfamille {margin-bottom: 5px; font-weight: bold; color: #666;}
.parcitemcarac {margin-bottom: 5px;}

/*AGENCES*/
.agenceitem {border-bottom: solid 1px #269FD6; padding: 10px 0 10px 0;}
.agenceitemphoto {padding: 5px; border: solid 1px #ccc; width: 200px;}
.agenceitemnom {font-size: 20px; color: #269FD6; margin-bottom: 5px;}
.agenceitemville {font-size: 20px; color: #666;}
.agenceitemadresse {margin-bottom: 10px; font-size: 14px;}
.agenceitemhoraires {margin-bottom: 5px;}
.agenceitemresponsable {color: #666;}
.agenceitemtel {text-align: right; font-size: 14px; color: #FF6000; margin-bottom: 5px;}
.agenceitemtel span {color: #666;}
.agenceitemfax {text-align: right; font-size: 14px; color: #FF6000; margin-bottom: 5px;}
.agenceitemfax span {color: #666;}

/*PARTENAIRES*/
.partitem {border-bottom: solid 1px #269FD6; padding: 10px 0 10px 0;}
.partitemphoto {padding: 5px; border: solid 1px #ccc; width: 100px;}
.partitemtitre {font-size: 20px; color: #269FD6; margin-bottom: 5px;}
.partitemsiteweb {font-size: 12px; margin-bottom: 5px;}
.partitemdesc {color: #666;}


/***************/
/***************/
/***************/
/*DATE PICKER JS*/
table.jCalendar {
	border: 1px solid #000;
	background: #aaa;
    border-collapse: separate;
    border-spacing: 2px;
}
table.jCalendar th {
	background: #333;
	color: #fff;
	font-weight: bold;
	padding: 3px 5px;
}
table.jCalendar td {
	background: #eee;
	color: #000;
	padding: 3px 5px;
	text-align: center;
}
table.jCalendar td.other-month {
	background: #ddd;
	color: #aaa;
}
table.jCalendar td.today {
	background: #666;
	color: #fff;
}
table.jCalendar td.selected {
	background: #FF5A00;
	color: #fff;
}
table.jCalendar td.selected:hover {
	background: #f33;
	color: #fff;
}
table.jCalendar td:hover, table.jCalendar td.dp-hover {
	background: #fff;
	color: #000;
}
table.jCalendar td.disabled, table.jCalendar td.disabled:hover {
	background: #bbb;
	color: #888;
}

/* For the popup */

/* NOTE - you will probably want to style a.dp-choose-date - see how I did it in demo.css */

div.dp-popup {
	position: relative;
	background: #269FD6;
	font-size: 10px;
	font-family: arial, sans-serif;
	padding: 1px;
	width: 171px;
	line-height: 1.2em;
}
div#dp-popup {
	position: absolute;
	z-index: 199;
}
div.dp-popup h2 {
	font-size: 11px;
	text-align: center;
	margin: 2px 0;
	padding: 5px;
}
a#dp-close {
	font-size: 11px;
	padding: 4px 0;
	text-align: center;
	display: block;
}
a#dp-close:hover {
	text-decoration: underline;
}
div.dp-popup a:link, div.dp-popup a:visited {
	color: #fff;
	text-decoration: none;
	padding: 3px 2px 0;
	font-size: 14px;
	font-weight: bold;
}
div.dp-popup div.dp-nav-prev {
	position: absolute;
	top: 6px;
	left: 4px;
	width: 100px;
}
div.dp-popup div.dp-nav-prev a {
	float: left;
}
/* Opera needs the rules to be this specific otherwise it doesn't change the cursor back to pointer after you have disabled and re-enabled a link */
div.dp-popup div.dp-nav-prev a, div.dp-popup div.dp-nav-next a {
	cursor: pointer;
}
div.dp-popup div.dp-nav-prev a.disabled, div.dp-popup div.dp-nav-next a.disabled {
	cursor: default;
}
div.dp-popup div.dp-nav-next {
	position: absolute;
	top: 6px;
	right: 4px;
	width: 100px;
}
div.dp-popup div.dp-nav-next a {
	float: right;
}
div.dp-popup a.disabled {
	cursor: default;
	color: #aaa;
}
div.dp-popup td {
	cursor: pointer;
}
div.dp-popup td.disabled {
	cursor: default;
}

.jqmWindow {
    display: none;
    
    position: fixed;
    top: 17%;
    left: 50%;
    
    margin-left: -300px;
    width: 600px;
    
    background-color: #fff;
    color: #333;
    border: 1px solid black;
    padding: 12px;
}

.jqmOverlay { background-color: #000; }

/* Background iframe styling for IE6. Prevents ActiveX bleed-through (<select> form elements, etc.) */
* iframe.jqm {position:absolute;top:0;left:0;z-index:-1;
	width: expression(this.parentNode.offsetWidth+'px');
	height: expression(this.parentNode.offsetHeight+'px');
}

/* Fixed posistioning emulation for IE6
     Star selector used to hide definition from browsers other than IE6
     For valid CSS, use a conditional include instead */
* html .jqmWindow {
     position: absolute;
     top: expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(17 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px');
}

.pub_home_border{border:1px solid #ABABAB; width:300px; height:75px; margin:10px 42px 0 0; background:url(/gif/bg-pub-home.jpg) bottom left repeat-x; float:left}

.pub_home_border2{margin:5px; line-height:18px;}

.pub_home_photo{float:left; margin-right:15px;}

.pub_home_txt{font-size:15px; margin-bottom:2px;}

.pub_link:link, .pub_link:visited, .pub_link:hover {color:Black;text-decoration:none;}

.box{ font-size: 18px;height: 80px;line-height: 20px;margin-top: 20px;padding-left: 15px;}
.box img{width:60px}
.part_link {height:90px!important;width:300px!important}