/*

	Twinner 2009
	
	CONTENTS ----------	
	   1.BODY
	   2.DEFAULT STYLING
	   3.HEADINGS
	   4.LINKS
	   5.IMAGES & VIDEOS
	   6.LAYOUT
	   7.BRANDING/MASTHEAD
	   8.NAVIGATION
	   9.SITEINFO/FOOTER
       10.GLOBALS ELEMENTS
	
*/
/* @group Body */

body {
	font-family: Arial;
	font-size: 12px;
	color: #444;
	background: url("images/header.jpg") repeat-x top center;
}

/* @end */

/* @group Default Styling */

a {
	color: #94C10F;
}

h2 {
	margin-top: 0.2em;
	font-size: 1.7em;
	color: #576C7F;
	margin-bottom: 1em;
}

h3 {
	/*margin-top: 1.0em;*/
	font-size: 1.5em;
	margin-bottom: 0.6em;
	/*color: #509FC8;*/
	color:#5C5C5E;
}



p {
	margin-bottom: 15px;
	line-height: 1.2em;
}

strong {
	font-weight: bold;
}


small {
	color: #818181;
	font-size: 0.85em;
	line-height: 1.2em;
}

img {
	display: inline;
}


/* @end */

/* @group Header */


#header {

	padding-bottom: 2px;
}

#header h1 a {
	position: absolute;
	width: 305px;
	height: 25px;
	top: 15px;
	text-indent: -3000px;
	background:url("images/header-h1.png");
}

#header h2 {
	position: absolute;
	top: 13px;
	right: 10px;
	font-size: 0.9em;
}

#header h2 a {
	color: #fff;
	text-decoration: none;
}

#logo-twinner {
	background: url("images/logo-twinner.png") no-repeat;
	width: 162px;
	height: 38px;
	position: absolute;
	text-indent: -3000px;
	left: 305px;
	top: 12px;
}


#header {
	height: 90px;
	position: relative;
	background: url("images/head-in.jpg") top center no-repeat;
}

/* flags */

.header-flag {
	/*display: none;*/
	position:absolute;
	top: 34px;
	right: 10px;
}

.header-flag li {
	float: left;
	margin-left: 10px;	
}

#content .header-flag {
	float: right;
	margin-top: -20px;
	position: relative !important;
}

#flag-uk, #flag-fr, #flag-nl, #flag-es, #flag-en{
	background: url("images/flags.gif");
	width: 12px;
	height: 10px;
	overflow: hidden;
	display: block;
	text-indent: -3000px;
	z-index: 20;
}

#flag-uk,#flag-en { }
#flag-fr { background-position: 0 -10px; }
#flag-nl { background-position: 0 -20px; }
#flag-es { background-position: 0 -30px; }


/* @group Layout */


#content, .paysage {
	/*position: relative;*/
	background: url("images/paysage-short.jpg") top center no-repeat;

}

.wrap-white {
	background: url("images/fond-blanc.png") top center no-repeat;
}

.wrap-shadow {
	background: url("images/wrap-shadow.png") top center no-repeat;
}

.wrap-head {
	background: url("images/head-in.jpg") no-repeat top center;
}

.wrap-shadow .container_12 {
		padding-top: 50px;
		background: url("images/wrap-shadow.png") top center no-repeat;	
}
.white {
	padding-top: 1em;
	/*background-color: #fff;*/
}


/* @group Footer */

#foot {
	margin-top: 20px;
	padding: 20px 0;
	color: #667A9B;
	font-size: 0.8em;
	background: url("images/foot.png") 0 -40px;
}
#foot p{
	margin-bottom: 0;
}

#foot a {
	color: #576C7F;
	text-decoration: none;
}

/* @end */



input.text, input.text-inline {
	border: 1px solid #aaa;
	padding: 0.4em;
	font-size: 1em;
	color:#0B87D1;
	background: #F8F9FB;
}
input.text-sample { color: #a1cce6; }
	
select {
	height: 25px;
	line-height: 3em;
	border: 1px solid #aaa;
	color:#0B87D1;
	padding: 0.3em;
	z-index: 1;
	background: #F8F9FB;
}

textarea {
	background: #F8F9FB;
	border: 1px solid #aaa;
	color:#0B87D1;
}

#id_magasin {
	width: 100%;
}

#date_debut {
	width: 108px;
	background: #F8F9FB url('images/calendar.png') no-repeat 4px center;
	text-indent: 24px;
}
#id_duree_reservation {
	width: 108px;
	margin-left: 10px;
}


/* @end */



/* @group Boutons */

.btn-valider, .btn-valider-2, .btn-valider-3, btn-panier {
	background: url("images/btn-valider.png") no-repeat;
	display: block;
	color: #fff !important;
	text-decoration: none;
	font-size: 16px;
	text-align: center;
	padding: 8px 25px 11px 0;
	width: 227px;

}

.btn-valider-2 {
	background-image: url("images/btn-valider-2.png");
	width: 195px;
}


.btn-valider-3 {
	background-image: url("images/btn-valider-3.png");
	width: 125px;
}


.btn-panier {
	padding-right: 30px !important;
	background: url("images/btn-panier.png") no-repeat;
	font-size: 1.3em;
	height: 18px;
}

.btn-arrow {
	background: url("images/btn-arrow.jpg");
	display: block;
	height: 25px;
	width: 200px;
	color: #fff;
	text-decoration: none;
	font-size: 1.2em;
	padding-top: 0.4em;
	text-align: center;
}

.btn-reserver {
	display: block;
	background: url("images/btn-add.jpg") no-repeat;
	text-align: center;
	padding: 0.6em 0 10px 0;
	font-weight: bold;
	color: #555;
	text-decoration: none;
	font-size: 1.2em;
	margin-right: -1px;
	padding-right: 30px;
	height: 14px;
	width: 190px;
}

/* @group Bouton Flèche */

.btn-fleche {
	background: url("images/btn-arrow-left.jpg") no-repeat;
	display: block;
	padding-left: 3px;
	width: 210px;
	color: #fff;
	text-decoration: none;
	font-size: 1.2em;
	text-align: center;
}

.btn-fleche-2 {
	width: 250px;
	margin-left: 200px;
}



.btn-fleche-3 {
	width: 190px;
	margin-top: 1em;
}

.btn-fleche span {
	display: block;
	padding: 9px;
	padding-right: 30px;
	background: url("images/btn-arrow-right.jpg") no-repeat top right;
}

/* @end */

.btn-back {
	display: block;
	background: url("images/btn-back.png") no-repeat;
	height: 30px;
	color: #333;
	text-decoration: none;
	font-size: 1.3em;
	padding: 0.6em;
	text-align: center;
	width: 220px;
	float: left;
}

.modal .btn-valider {
	float: right;
}

.btn-white-arrow {
	background: url("images/btn-white-arrow.jpg");
	display: block;
	width: 160px;
	height: 24px;
	padding-top: 8px;
	padding-right: 20px;
	color: #555;
	text-decoration: none;
	font-size: 1.2em;
	text-align: center;
}

.btn-supprimer {

	background: url("images/btn-supprimer.jpg") no-repeat center right;
	padding: 4px 0;
	padding-right: 22px;
	color: #94C10F;
	height: 10px;
	display: block;
}

/* @end */

/* @group Materiel */
.last {
	border: 0 !important;	
}


.info {
	margin-top: 0.1em;
	font-size: 1em;
	color: #576C7F;
	line-height: 2em;
	font-weight: bold;
	
}



.info a {
	color: #576C7F;
}


.pub {
	display: block;
	margin-top: 20px;
}


.pad {
	padding: 1.2em 1.4em;
}

.inputs {
	border-bottom: 1px solid #ddd;
	padding: 0.1em 0;
	font-size: 1.2em;
	margin: 0;
	margin-top: 0.6em;
}

.inputs strong {
	display: block;
	float: left;
	width: 270px;
	
	background: url("images/arrows.png") no-repeat 244px -27px;
	
	/*background: url("images/conseil-arrow.gif") no-repeat 244px 5px;*/
	
}

.inputs label {
	padding-right: 3em;
}


/* @group Listes */


.liste-1 {
	margin-bottom:1em;
}
.liste-1 li {
	display: block;
	margin: 0 !important;
	padding: 0 !important;
	/*border: 1px solid #FF0000;*/
	zoom: 1;
}
.liste-1 a {
	display: block;
	width: 213px;
	padding:0 0 0 5px;
	font-size: 1.4em;
	text-decoration: none;
	font-weight: bold;
	color:#536784;
	border-top: 1px solid #c8c8c8;
	background:transparent url(images/arrows.png) no-repeat scroll 196px -410px;
	line-height:34px;
	
}
.liste-1 a.selected, .liste-1 a.first{ border-top: 0px;}
.liste-1 a.selected {
	background:#FFFFFF url(images/btn-categorie.png) no-repeat scroll 0px 0px;
}


.liste-2 a {
	background: url("images/arrows.png") no-repeat 0 -47px;
	/*background: url("images/arrow-green.jpg") no-repeat center left;*/
	color: #576C7F;
}

.liste-2 li {
	display:block;
	border-top: 1px solid #eee;
}

.liste-2 a {
	display: block;
	margin: 0;
	padding: 0.8em;
	text-decoration: none;
}

.liste-2 .first {
	border-top: 1px solid #fff;
}

.liste-2 .last {
	border-top: 1px solid #eee !important;
	border-bottom: 1px solid #eee !important;
}

.liste-3 {
	padding:7px;
}

.liste-3 a{
	background: url("images/arrows.png") no-repeat 0 -493px;
	font-weight: normal;
	font-size: 0.9em;
	padding:0 0 0 10px;
	border-top: 0px;
	line-height: 2em;
}

a.green-arrow {
	background: url("images/arrows.png") no-repeat 0 -57px;
	padding-left: 10px;
	/*background: url("images/arrow-green.jpg") no-repeat center left;*/
	color: #94C10F;
}

/* @end */


/


/* @group Icons */
.icon-cadenas {
	background: url("images/cadenas-2.gif") no-repeat;
	padding: 0.1em;
	padding-left: 18px;
	margin-left: 4px;
}

.icon-cnil {
	background: url("images/cnil.gif") no-repeat 0px 3px;
	padding-left: 60px;
	padding-bottom: 10px;
	line-height: 2em !important;
}

.securise {
	margin-top: 1.5em;
	background: url("images/cadenas.jpg") no-repeat center left;
	padding-left: 40px;
	font-size: 0.9em;
	color: #777;
}



/* @end */

/* @group Misc Classes */


.no-margin {
	margin: 0 !important;
	padding: 0 !important;
}

.no-border {
	border: 0 !important;
}

.site {
	margin: 0 !important;
	padding: 0 !important;
}


.right {
	float: right;
}

.txt-right {
	text-align: right;
}


.center {
	text-align: center !important;
}


.split-1 {
	margin: 0;
	padding: 0;
	line-height: 0;
	height: 1px;
	margin-bottom: 5px;
	visibility: hidden;
}

.split-2 {
	margin: 0;
	padding: 0;
	line-height: 0;
	height: 1px;
	margin-bottom: 1em;
}

.split-3 {
	margin: 0 1em;
	padding: 0;
	line-height: 0;
	height: 1px;
	margin-bottom: 1em;
	border: 0;

	background: url("images/option-split.jpg") no-repeat bottom left;
	padding-top: 0.6em;
	padding-bottom: 20px;
	margin-bottom: 10px ;

}





.telephone em {
	font-size: 0.75em;
}


.border-1 {
	background: url("images/border-1.png") repeat-y;
	float:left;
}



.border-2 {
	background: url("images/border-2.png") repeat-y;
}


.border-3 {
	background: url("images/border-3.png") repeat-y;
}

.border-right {
	background: url("images/border.png") top right repeat-y;
}

.border-bottom {
	padding-bottom: 1.2em;
	background: url("images/border.png") bottom right repeat-x;
}

.border-top {
	border-top: 1px solid #ccc;
	padding-top: 1em;
}

/*.border-right {
	border-right: 1px solid #ddd;
	padding-right: 10px;
}

.border-left {
	border-left: 1px solid #ddd;
	padding-left: 10px;
}*/

.pack-r h2 {
	background: url("images/pack-r.jpg") no-repeat;
	padding: 24px 0px 25px 80px;
	font-weight: bold;
	color: #B53E26;
}

.inline {
	display: inline;
}

/* @group .bullet */


.bullet-b, .bullet-n, .bullet-r,
.bullet-b-right, .bullet-n-right, .bullet-r-right {
	background: url("images/options-bullets.png") no-repeat;
	padding-left: 25px;
}

.bullet-b-right,
.bullet-r-right,
.bullet-n-right {
	padding-left: 0;
	padding-top: 0.2em;
	padding-bottom: 0.2em;
	padding-right: 25px;
	display: block;
	background-position: top right;
}

.bullet-n-right {
	background-position: right -56px;
}

.bullet-r-right {
	background-position: right -28px;
	
}

.bullet-n {
	background-position: 0 -56px;
}

.bullet-r {
	background-position: 0 -28px;
}


/* @end */
	
/* @group .pagination */

.pagination {
	margin: 1em auto;
	width: 100px;
	text-align: center;
}

.pagination strong {
	font-weight: normal;
}

.pagination .previous {
	background: url("images/previous-arrow.png");
	width: 13px;
	height: 13px;
	display: block;
	text-indent:-3000px;
	float: left;
	
}
.pagination .next {
	background: url("images/next-arrow.png");
	width: 13px;
	height: 13px;
	display: block;
	text-indent:-3000px;
	float: right;
}


/* @end */


/* @group .interlink */

.interlink {
	margin: 1em 0;
}

.interlink, .interlink a {
	color: #fff;
	text-decoration: none;
}


.blue {
	color: #2EA1C0;
}

/* @end */







/* @end */

/* @group .station-infos */

.station-infos {
	padding: 0 1em;
}

.station-infos .logo {
		text-align: center;
		margin-bottom: 2em;
}

.station-infos .logo img {
	display: inline;	
}

.station-infos ul {
	margin-bottom: 2em;
	padding-left: 1.8em;
	line-height: 1.2em;
}

.station-infos .webcam {
	background: url("images/icons.png") no-repeat;
}

.station-infos .montagne {
	background: url("images/icons.png") no-repeat -791px 0;
}

.station-infos .pistes {
	background: url("images/icons.png") no-repeat -1582px 0;
}

.station-infos .neige {
	background: url("images/icons.png") no-repeat -528px 0;
}

.station-infos .meteo { background: url("images/icons.png") no-repeat -1054px 0;
}

/* @end */


/* @group .news */


.news {
	/*display: none;*/
}

.news h4 {
	font-weight: bold;
}


/* @end */



/* @group Mini */



#mini .wrap-head {
	height: 53px;
	overflow: hidden;
}

#mini #header {
	height: 50px;
	overflow: hidden;
}

#mini #header-compte {
	display: none;
}

#mini #header .header-flag {
	display: none;
}

#mini #header h2 {
	font-size: 1.1em;
	margin-top: 8px;
}


#mini .white h2 {
	font-weight: bold;
	font-size: 2.4em;
	text-transform: uppercase;
	margin-bottom: 5px;
}

#mini .white h3 {
	color: #516981;
}

#mini .white h4 {
	color: #56A0C7;
	font-weight: bold;
	font-size: 1.3em;
	margin-bottom: 20px;
}
#mini .white h1{
	color:#56A0C7;
	font-size: 1.3em;
	font-weight:bold;
	margin-bottom:20px;
}
#mini .white h1 a{
	color:#56A0C7;
	text-decoration: none;
}


#quick-resa {

	background: url("images/quick-resa.png") no-repeat;
	padding: 20px;
	padding-bottom: 4px;
	margin-bottom: 20px;
}

#quick-resa select, #quick-resa input.text {
	margin: 4px 0;
	width: 130px;
}

#quick-resa label {
	font-size: 0.9em;
}

#quick-resa p, #quick-resa h3 {
	width: 158px;
	text-align: left;
	float: left;

}

#quick-resa p.submit {
	padding-top: 10px;
}

#quick-resa h3 {
	width: 160px;	
	margin-right: 20px;
}

.share li {
	float: left;
}

.share a {
	display: block;
	background: #eee url("images/share.png") no-repeat;
	text-indent: -3000px;
	width: 24px;
	height: 20px;
	margin-right: 7px;
	margin-bottom: 10px;

}

.share .google { background-position: -33px 0; }
.share .twitter { background-position: -62px 0; }
.share .digg { background-position: -92px 0; }
.share .delicious { background-position: -125px 0; }
.share .shout { background-position: -156px 0; }
.share .windows { background-position: -186px 0; }

.grey {
	color: #555;
}

/*#mini .station-infos ul {
	width: 200px;
	float: left;
}*/

.magasin-infos {
	width: 680px;
	height: 658px;
	background: url("images/gmaps-3.jpg") no-repeat;
	position: relative;
}

.magasin-infos .station-infos {
	position: absolute;
	top: 470px;
	left: 0;

}

.magasin-infos .col {
	float: left;
	width: 225px;
}

.magasin-infos .last {
	width: 190px;
	margin-left: 10px;
}


.magasin-infos .last ul {
	margin-bottom: 10px;	
}

#map {
	margin-left: 46px;
	margin-top	: 5px;
	height:450px;
	width:580px;
}

#mini-header {
	display: none;
	background: url("images/mini-header.jpg") no-repeat top center;
	height: 100px;
	margin-bottom: -2px;
}

#mini #mini-header {
	display: block;
}

#mini .accueil-magasin, #mini #pagecontent{
	padding-right: 20px;
}
#mini #pagecontent h1, #mini #pagecontent h2, #mini #pagecontent h3{ color: #536784; text-transform:none;}
#mini #pagecontent h4, #mini #pagecontent h5, #mini #pagecontent h6{ color: #000;}
#mini #pagecontent h1{ font-size: 1.7em;}
#mini #pagecontent h2{ font-size: 1.5em;}
#mini #pagecontent h3{ font-size: 1.4em;}
#mini #pagecontent h4{ font-size: 1.3em;}
#mini #pagecontent h5{ font-size: 1.2em;}
#mini #pagecontent h6{ font-size: 1.1em;}
#mini #pagecontent ul, #mini #pagecontent ol{
	padding-left: 20px;
	list-style-type: disc;
}
#mini #pagecontent hr {
	clear:both;
	font-size:1px;
	height:1px;
	overflow:hidden;
	visibility:hidden;
}
#mini #pagecontent ul, #mini #pagecontent ol, #mini #pagecontent p{
	line-height: 1.4em;
}
#minisite-identification{
	border-bottom: 1px solid #C8C8C8;
	margin-bottom: 20px;
}
#news{
	margin-bottom: 20px;
}
#news .news-item{ float: left; padding-right: 20px; width: 330px;}
#news .news-item h4{ margin-bottom:5px;}
#news .news-item h4 a{ color: #5b5b5b; text-decoration: none;}
#news .news-item img{ float: left; margin-right: 5px;}
.id-magasin img {
	margin: 20px;
	margin-top: 0;
}

/* catalogue */
#mini #pagecontent #marque ul{	list-style: none; padding:0; margin:0; }
#mini #pagecontent #marque ul li{
	margin:7px 12px 7px 0;
	padding:7px;
	display: block;
	float: left;
	border: 1px solid #ecf4e7;
}
#mini #pagecontent #marque ul li a { border-bottom:none;}

#menu_left, #content-minisite{
	overflow:hidden;
}
/* @end */



/*Miniloc*/
#miniloc_module .article_fiche{
	margin: 0 0 10px 0;
	padding: 5px;
	border: 1px solid  #e5e5e5;
}
#miniloc_module .add_panier{
	padding: 5px;
	margin: 5px 0 0 0;
	background-color: #F1F2F5;
	font-weight: bold;
}
#miniloc_module .add_bouton{
	background-color: #72ac19;
	border: 1px solid #94C10F;
	color:#fff;
	padding: 3px;
	text-decoration:none;
}
#miniloc_module .close_bouton{
	background: url("images/delete.png") no-repeat top center;
	float: right;
	height: 16px;
	width: 16px;
	text-decoration:none;
	text-indent: -9999px;
	display: block;
}

#panier_conteneur{
	padding: 10px;
	background-color: #F1F2F5;
	border: 1px solid #DCDCDC;
}

#panier_conteneur .form_coord{
	display: block;
	color:#667A9B;
	font-weight: bold;
}
#panier_conteneur .form_coord{
	font-size:1.1em;
}
#panier_conteneur h2{
	
}
#panier_conteneur .error{
	color: #D8000C;
	background-color: #FFBABA;
	padding: 5px;
	margin: 3px 0;
}
#panier_conteneur .validation{
	color: #4F8A10;
	background-color: #DFF2BF;
	padding: 5px;
	margin: 3px 0;
}
#panier_conteneur .form_coord input.text-panier, #panier_conteneur .form_coord textarea{
	background: none repeat scroll 0 0 #fff;
	border:1px solid #AAAAAA;
	color:#888888;
	display:block;
	padding:1%;
	text-align:left;
	width:98%;
}
#panier_conteneur .form_coord input.submit-panier{
	background-color: #72ac19;
	border: 1px solid #94C10F;
	color:#fff;
	padding: 1%;
	font-weight: bold;
	text-decoration:none;	
}
#panier_conteneur .panier_line{
	padding: 5px;
	margin: 3px 0;
}
#panier_conteneur .panier_line_impaire{
	background-color: #fff;
}

#mini #pagecontent #panier_conteneur .panier_line h4{
	font-size: 1.1em;
	margin-bottom: 5px;
}
#panier_conteneur .panier_line p{
	margin: 0px;
	
}
#panier_conteneur .update_bouton, #panier_conteneur .panier_sup_button{
	padding: 3px;
	text-decoration: none;
}
#panier_conteneur .update_bouton{
	background-color: #536784;
	color: #fff;
}
#panier_conteneur .panier_sup_button{
	background-color: #D8000C;
	color: #fff;
}
#loadingpanier{
	background: url('images/ajax-loader.gif') no-repeat 0 0;
	padding-left: 20px;
	position: absolute;
}