/***
* 	Rappel charte graphique
* Magenta  #E71C8B
* Gris  #4D4D4D
* Noir #000000
* 
* background-stripped : 
* 	images/black-stripped.png
* 	images/pink-stripped.png
*	images/white-stripped.png
*/

#commitmentContainer .dl-horizontal dt {
    white-space: normal;
    position: relative;
    height: 100px;
    width: 20%;
}

#commitmentContainer .dl-horizontal dt h2.basicTitle {
    font-size: 1.2em;
    position: absolute;
    top: 30%;
    right: 12%;
}

#commitmentContainer .dl-horizontal dd {
    padding: 1.2em;
    width: 80%;
}

/************************
	main footer part
************************/

#listfooter {
	font-size: 85%;
}

.footerSearch .searchInput {
   letter-spacing: 0.75px;
   font-weight: 300;
   width: 25em;
}

.main-footer {
	padding-bottom: 0;
}



.footerSearch {
	color: #fff;
	background-color: rgb(150, 18, 91);
	padding: 18px 0 6px 0;
}

.footerSearch a {
	color: #fff;
}

.footerSearch .btn {
	border : 0;
	font-family: 'Cholla wide';
}

#backTopBtn {
	border-radius: 0;
	font-size: 20px;
	padding: 0 6px;
}

#backTopBtn, .footerSearch img {
	margin-bottom: 5px;
}

/* Input style */
#listfooter ::-webkit-input-placeholder {
   font-weight: 100;
   letter-spacing: 0.75px;
}

#listfooter :-moz-placeholder { /* Firefox 18- */
   font-weight: 100;
   letter-spacing: 0.75px;
}

#listfooter ::-moz-placeholder {  /* Firefox 19+ */
   font-weight: 100;
   letter-spacing: 0.75px;
}

#listfooter :-ms-input-placeholder {  
   font-weight: 100;
   letter-spacing: 0.75px;
}



/************************
	bottom footer + pages
***********************/

#bottomfooter {
	font-size: 0.9em;
	letter-spacing: 0.75px;
}

.tabhotel-copyright {
	font-size: 0.75em;
	letter-spacing: 0.75px;
}

#bottomfooter > .row {
	padding: 25px 0;
}

#footerLogoToResize {
	width: 140px;
	height: 20px;
	padding: 0;
}

#bottomfooter li {
	padding: 0;
}

.magenta {
	color: #E71C8B;
}

span.span12 {
	margin-bottom: 0px;
} 

span.span5 {
	margin-left: 50px;
}

#creditTitle {
	margin-left: 78px;
}

#creditContainer h4 {
}

h2.basicTitle, 
#creditContainer.span3 {
    font-size: 1.5em;
    line-height: 1.3em;
    font-weight: 800;
	color: #4D4D4D;
	font-family: 'Cholla sans';
}

h1.footerTitle {
    text-transform: lowercase;
	color: #E71C8B;
	font-family: 'Cholla sans';
	margin-bottom: 0px;
	padding-right: 40px;
}

h1.footerTitle:first-letter {
    text-transform: uppercase;
}

.dashedPink {
	margin: 0px;
	border-top: 1px dashed #E71C8B;
  	background-color: rgba(255, 255, 255, 0);
  	height: 0px;
  	width: 95%
}

.basicTitle .magentaNumberTitle {
	font-size: 110%;
}

#cgvContainer .magentaNumber {
	font-size: 100%;
}

ol.magentaNumber { 
	counter-reset: item;
}

ol.magentaNumber li {
	display: block 
}

ol.magentaNumber li:before { 
	content: counter(item) ". "; 
	counter-increment: item;
	color: #E71C8B;
}

ul.magentaItem {
    list-style: none;
    padding: 0;
    margin-left: 6px;
}

ul.magentaItem li { 
    padding-left: 2em; 
    text-indent: -.64em;
}

ul.magentaItem li:before {
    content: "• ";
    color: #E71C8B;
}

.bodyTextMargin, ul.magentaItem li {
	margin-right: 20px;
}

#cgvContainer ul.unstyled {
	list-style: none;
	padding: 0;
	padding-left: 25px;
}


/********************************/
.footerSearch .firstElement {
	padding-top: 3px;
	padding-left: 10px;
}

.footerSearch .lastElement {
	text-align: right;
	padding-right: 10px
}

.nowrap {
	white-space: nowrap;
}

/* Large desktop */
@media (min-width: 1200px) {
	.footerSearch .formElement {
		padding-left: 0%;
		padding-right: 10%;
	}

	.footerSearch .firstElement {
		padding-top: 3px;
	}

	.footerSearch .lastElement {
		padding-top: 3px;
	}
}
 
/* Portrait tablet to landscape and desktop  (max-width: 979px) */
@media (min-width: 768px) and (max-width: 1199px) {
	.footerSearch .searchInput {
   		max-width: 19em;
	}

	.footerSearch .formElement {
		padding: 0;
	}
}
 
/* Landscape phone to portrait tablet */
@media (max-width: 767px) {

	.footerSearch .searchInput {
   		width: 125%;
	}

	.footerSearch .formElement {
		padding: 2px 0 2px 10px;
		position: relative;
		bottom: 15px;
	}

	.footerSearch .lastElement {
		padding-top: 0;
	}

	.footerSearch .firstElement {
		position: relative;
		top: 67px;
	}

	.footerSearch {
		padding: 0 0 6px 0;
	}
}

@media (max-width: 480px) {

}