/* Styles pour le semainier */

/*:::::::::::::::::::: Global CSS Reset :::::::::::::::::::::*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, a img, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;padding: 0;border: 0;outline: 0;font-weight: inherit;font-style: inherit;font-size: 100%;font-family: inherit;vertical-align: baseline;}
a:active {outline:none;}
body {line-height: 1;}
ol, ul {list-style: none;}
table {border-collapse: collapse;border-spacing: 0;}
caption, th, td {text-align: left;font-weight: normal;}
blockquote:before, blockquote:after, q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}

/* :::::::::::: TYPO :::::::::::::::*/
body {font-size:12px; color:#818181; font-family:Arial, Helvetica, sans-serif; }
h1, h2, h3, h4, h5, h6 { font-weight:normal; }
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img { margin:0; }
a { color:#818181; text-decoration: none; }
strong { font-weight:bold; }
em, dfn { font-style:italic; }
dfn { font-weight:bold; }
sup, sub { font-size:1em; line-height:0; font-weight: bold; }
sup {  bottom:0; vertical-align:baseline; }
sub { position:relative; bottom:-0.2em; vertical-align:baseline; }
abbr, acronym { border-bottom:1px dotted #818181; }
del { color:#818181; }
pre, code { margin:1.5em 0; white-space:pre; }
pre, code, tt { font-family:'andale mono', 'lucida console', monospace; line-height:1.5; }
small { font-size:10px; }
acronym, abbr { cursor:help; letter-spacing:1px; border-bottom:1px dashed; }
select, input , textarea {color:#818181;font-family:Arial, Helvetica, sans-serif;}

/*:::::::::::::::::::: Global Classes :::::::::::::::::::*/
.clear:after {content:".";height:0;display:block;visibility:hidden;clear:both;}

/********************
Titres, présentation par défaut
********************/
#semainierContener {
    background:url(../images/semainier/bg_semainier.gif) repeat-x 0 0;
    padding:20px 7px 5px;
    width:712px;
    /*float:left;*/
    line-height:17px;
}  

/* GPO : Modif C2iS */
#semainierContener h6 {color:#70a705;font-weight:bold;font-size:17px;padding:0 0 10px;clear:both;}
#semainierContener h6 span{color:#fff;background:url(../images/semainier/bg_numStep.gif) no-repeat 50%;margin-right:5px;padding:3px 8px;}

/* GPO : Modif Journalier */

#semainierContener p .bookNow {background:url(../images/semainier/btn_semainier.png) no-repeat 100% -66px;float:left;padding:0 5px 0 0;margin-right: 15px}
#semainierContener p .bookNow span {color:#fff;font-weight:bold;background:url(../images/semainier/btn_semainier.png) no-repeat 0 -44px;display:block;padding:2px 1px 3px 6px;font-size:13px;font-weight:bold;}

.btnBookJournalier input , .btnBookJournalier strong  {float:left;}
.btnBookJournalier input {margin:0 15px 0 10px;}

#semainier .weektype {width:100%;overflow:hidden;padding-bottom:15px;}
#semainier .weektype li {float:left;width:310px;padding:0 0 2px 30px;}
#semainier .nbp {font-size:11px;line-height:13px;}

#monthTabs{clear:both;border-bottom:4px solid #742a85;width:100%;padding-top:20px;margin-bottom:2px;overflow:hidden;}
#monthTabs li{float:left;margin-right:6px;padding:0 5px 0 0;background:url(../images/semainier/sprite_tabs.png) no-repeat 100% -24px;}
#monthTabs li a{color:#fff;display:block;padding:3px 3px 3px 8px;background:url(../images/semainier/sprite_tabs.png) no-repeat 0 0;font-weight:bold;font-size:13px;}
#monthTabs li.currentMonth {background-position:100% -216px;}
#monthTabs li.currentMonth a {background-position:0 -192px;}

/*TABLEAU SEMAINIER*/
.resaGrid {border-collapse:collapse;width:712px;border:solid #ac7fb6;border-width:0 1px 1px;margin-bottom:7px;}
.resaGrid .headCells th {color:#fff;background:#742a85;font-weight:bold;padding:5px 8px;}
.resaGrid .dateHeadCells th {background:#e3dce5;color:#742a85;font-weight:bold;font-size:11px;border:solid #ac7fb6;border-width:0 0 1px 1px;padding:2px 8px;text-align:center;}
.resaGrid th.noBorder {border:none;} 
.resaGrid td {text-align:right;background:#f5f4f4;border-left:1px solid #ac7fb6;padding:6px 5px 6px 0;vertical-align:middle;/*width:131px;*/}
.resaGrid .odd td {background:#f0ecf1;}
.resaGrid td .full {background:url(../images/semainier/btn_semainier.png) no-repeat 100% -22px;float:right;padding:0 5px 0 0;}
.resaGrid td .full strong {color:#fff;font-weight:bold;background:url(../images/semainier/btn_semainier.png) no-repeat 0 0;display:block;padding:2px 1px 3px 6px;font-size:13px;font-weight:bold;}
.resaGrid td .notAvailable {background:url(../images/semainier/btn_semainier.png) no-repeat 100% -110px;float:right;padding:0 5px 0 0;}
.resaGrid td .notAvailable strong{color:#fff;font-weight:bold;background:url(../images/semainier/btn_semainier.png) no-repeat 0 -88px;display:block;padding:2px 1px 3px 6px;font-size:13px;font-weight:bold;}
.resaGrid td .bookNow {background:url(../images/semainier/btn_semainier.png) no-repeat 100% -66px;float:right;padding:0 5px 0 0;}
.resaGrid td .bookNow span {color:#fff;font-weight:bold;background:url(../images/semainier/btn_semainier.png) no-repeat 0 -44px;display:block;padding:2px 1px 3px 6px;font-size:13px;font-weight:bold;}
.resaGrid td .price {color:#e76301;font-weight:bold;font-size:16px;margin:2px 4px 0 0;float:right;}
.resaGrid td.accomodationTypeCell {text-align:left;width:163px;padding:6px;}
.resaGrid td.accomodationTypeCell strong {color:#742a85;}

.resaGrid td.hightlighted {background-color: #E0D0E5;}
.resaGrid td.hightlighted .price  { font-size:16px;color:#e70101;} 
.resaGrid td.hightlighted .bookNow {margin-bottom:5px;background-position:100% -154px}
.resaGrid td.hightlighted .bookNow span {background-position:0 -132px;}


/* / GPO : Modif C2iS */

#semainierContener h2 {
    font-size: 1.3em;
    background-color: #70a705;
    color: #ffffff;
    padding: 5px;
    margin: 5px 0px 25px 0;
}
#semainierContener h2.semainierType span{
    margin-right: 30px
}
#semainierContener h2.semainierType span.selected{    
    font-weight: bold !important;
}
#semainierContener h2.semainierType span a{
    color:#fff;
    text-decoration: underline;
    font-size: 0.9em;
}
#semainierContener h3 {
    font-size: 1.2em;
    background-color: #51CBFF;
    color: #FFFFFF;
    padding: 5px;
}
body#reservation #semainierContener h3 {
    color: #FFFFFF;
}
#semainierContener p {
    margin-top: 4px;
    clear:left;
}




#semainierContener .closed {
    margin:50px 0;
    color: #C00;
    font-weight: bold;
}

#semainierContener .categoryLabel {
    background-color:#AC7FB6;
    color: #FFF;
    text-align: left;
    font-weight: bold;
    padding-left: 8px;
}


/********************
Liste des mois dans le semainier
********************/
#semainierContener ul.monthList {
    list-style-type: none;
    padding: 0px;
    margin: 10px 0 0 0;
    width: 685px;
    border-bottom: 1px solid #CCC;
}

#semainierContener ul.monthList li {
    display: inline;
    margin: 5px 0px 0px 0px;
    padding: 5px 10px 0px 10px;
    font-weight: bold;
    border-left : 1px solid #999;
    border-top : 1px solid #999;
    border-right : 1px solid #999;
}
#semainierContener ul.monthList li.on {
    background-color: #999;
}
#semainierContener ul.monthList li a {
    text-decoration: none;
    color: #999;
}
#semainierContener ul.monthList li.on a {color: #FFF;}
#semainierContener ul.monthList li a:hover {color: #747474;}



/********************
Semainier, Journalier
********************/
#semainierContener table.aSemainier, #semainierContener table.aJournalier, #semainierContener table.prices {
    font-size: 0.8em;
    border: 1px solid #999;
    padding: 0;
    margin: 0 0 15px 0;
    border-collapse: collapse;
    color: #000000;
}

#semainierContener table.aSemainier td, #semainierContener table.aJournalier td, #semainierContener table.prices td {
    border: 1px solid #999;
    padding: 3px;
    text-align: center;
}
#semainierContener table.aJournalier td {
    padding: 1px;
    font-size: 9px;
}
#semainierContener table.aSemainier td.roomType, #semainierContener table.aJournalier td.monthLabel {
    text-align: left;
    font-weight: bold;
    background-color: transparent;
    color: #8F8686;
}
#semainierContener table.aJournalier td.dayLabel {
    font-weight: bold;
    width: 18px;
    color: #8F8686;
}
#semainierContener table.aJournalier td.day6, #semainierContener table.aJournalier td.day7 {
    background-color: #DFDFDF;
}
#semainierContener table.aJournalier td.day7 {
    border-right: 2px solid #000;
}

#semainierContener table.aSemainier td.reserver {
    background-color: #E1EFD1;
}

#semainierContener table.aSemainier td.reserver a, #semainierContener table.aJournalier .availableLowEntry a {
    color: #57AF59;
}
#semainierContener table.aSemainier td.noDispo {
    background-color: #F1E0E0;
    color: #8F8686;
}
#semainierContener table.aSemainier td.hightlighted {
    /*background-color: #FFAD1F;*/
    background-color: red;
}

#semainierContener table.aSemainier td.notForSale {
    background-color: #EFEFEF;
    color: #AAA;
}
#semainierContener table.aSemainier td .rawPrice {
    text-decoration: line-through;
}
#semainierContener table.aSemainier td .orderPrice {
    font-size: 2em;
    font-weight: bold;
    white-space: nowrap;
}
#semainierContener table.aSemainier td .discount {
    color: #CF8300;
}

#semainierContener table.aJournalier .unavailableEntry {
    background-color: #F1E0E0;
    color: #8F8686;    
}
#semainierContener table.aJournalier .notclickableEndDateEntry {
    background-color: #F1E0E0;
    color:#8F8686;
}
#semainierContener table.aJournalier .selectedEntry,
#semainierContener table.aJournalier .clickableEndDateEntry,
#semainierContener table.aJournalier .availableEntry,
#semainierContener table.aJournalier .availableLowEntry {
    background-color: #E1EFD1;
}
#semainierContener table.aJournalier .selectedEntry {
    font-weight: bold;
    background-color: #70A705;
    color: #FFF;
}

#semainierContener .roomTypeCategoryBlock {
    float:left;
    width:340px;
    margin: 10px 10px 10px 0;
    /*border: 1px solid #CCC;*/
    background:url("../images/semainier/bg_semainier.gif") repeat-x scroll 0 0 transparent;
    padding: 0 0 7px 0;
}
#semainierContener .roomTypeCategoryBlock h3 {
    background-color: transparent;
    color: #70A705;
    font-weight: bold;
}
#semainierContener .roomTypeCategoryBlock input {
    border: none;
}

/********************
Navigation
********************/
#semainierContener .monthNavigationPrevious {    
    float:left;
    text-align:left;
    margin:7px 0 0 10px;
		padding:1px 6px 1px 20px;
		/*background:#AC7FB6;*/
		color:#AC7FB6;
		font-weight:bold;
		font-size:11px;
		background:url(../images/semainier/fleche_semainier_left.gif) no-repeat 0 50%;
		text-decoration:underline;
}

#semainierContener .monthNavigationNext {       
    float:right;
    margin:7px 10px 0 0;
		padding:1px 20px 1px 6px;
	  /*background:#AC7FB6;*/
    color:#AC7FB6;
    font-weight:bold;
		font-size:11px;
		background:url(../images/semainier/fleche_semainier_right.gif) no-repeat 100% 50%;
		text-decoration:underline;
}

#semainierContener .monthNavigationPrevious:hover , #semainierContener .monthNavigationNext:hover {text-decoration:none;}

#semainierContener a.okButton {
    text-decoration: none;
    background-color:#51CBFF;
    padding:2px 4px;
    border-top:1px solid #BFEDFF;
    border-left:1px solid #BFEDFF;
    border-bottom:1px solid #00729F;
    border-right:1px solid #00729F;
    color:#FFF;
    font-weight: bold;
    margin-left:4px;
}
#semainierContener a.okButton:hover {
    border-top:1px solid #00729F;
    border-left:1px solid #00729F;
    border-bottom:1px solid #BFEDFF;
    border-right:1px solid #BFEDFF;
    color:#00729F;
}




/*************************
Résumé de l'établissement
*************************/
#semainierContener #etablissement {
    margin : 0 0 15px 0;
    padding: 10px;
    clear:both;
    background-color: #E3E3E3;
    border:1px solid #CCC;
}
#semainierContener #etablissement img {
    width:80px;
    float: left;
    border:2px solid #FFF;
    margin-right:25px;
}
#semainierContener #etablissement p, #semainierContener #etablissement ul {
    font-size: 0.8em;
    color: #000000;
    clear:none;
    margin:3px;
}
#semainierContener #etablissement ul.etabTheme {
    margin: 5px;
    float:right;
    background-color: #FFF;
    padding: 5px 5px 5px 20px;
    border: 1px solid #999;
}
#semainierContener #etablissement p.etabName {
    font-weight: bold;
    color: #747474;
}

#semainierContener #etablissement div.etabCMS {
    clear: both;
    color: #747474;
}
#semainierContener #etablissement div.etabCMS span {
    font-weight: bold;
}

#semainierContener h6#price_layer {display: inline-block; padding:3px 0 0 0; clear:none}
	* html #semainierContener h6#price_layer {display: inline}
	*+html #semainierContener h6#price_layer {display: inline}

#semainierContener table.legend{border: none !important;}
#semainierContener table.legend td{border:none;text-align:left;padding: 0 0 5px 10px;font-size:11px;color:#818181}
#semainierContener table.legend td.day1{width:16px;text-align:center;padding:0;font-size:9px}
#semainierContener table.legend div.unavailableEntry, #semainierContener table.legend div.availableEntry, #semainierContener table.legend div.selectedEntry{border:1px solid #999999;}
#semainierContener table.legend td.space{height:5px}
#semainierContener h3.noDispo{float:left;margin:20px 0;padding:10px;background-color:#70A705 !important;}