/*-----------------------------------------------------------
	Project:	3 valees - Rhone-Alpins
	Date : 	november 2008
	Author:	C2iS - AFO
	Summary :		
		| Imports of Css
		| Global Classes			
-----------------------------------------------------------*/

/* ::::::::::: Imports of Css :::::::::: */
@import url(reset_css.css);
@import url(typography.css);

/*:::::::::::::::::::: Global Classes :::::::::::::::::::*/
/* Positionning */
.float_left { float:left; }
.float_right { float:right; }
.clear { clear:both;}
.first { margin-left:0; padding-left:0; }
.last { margin-right:0; padding-right:0; }
.top { margin-top:0; padding-top:0; }
.bottom { margin-bottom:0; padding-bottom:0; }
/* Text alignment */
.text_left { text-align:left; }
.text_right { text-align:right; }
.text_center { text-align:center; }
.text_justify { text-align:justify; }
/* Font modeling */
.bold { font-weight:bold; }
.italic { font-style:italic; }
.underline { border-bottom:1px solid; }
.small { font-size:.8em; margin-bottom:1.875em; line-height:1.875em; }
.large { font-size:1.2em; line-height:2.5em; margin-bottom:1.25em; }
/* Spacement */
.nopadding { padding:0; }
.noBorder {border:none !important;}
/* Specific attributs */
.hide { display:none; }

/* ::::::: layout Contenu :::::::::: */

.layerContainer {
	position:absolute;
	top:149px;
	left:225px;
	width:697px;	
	padding:10px 0 10px 10px;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	overflow:hidden;
	color:#3c3a3e;	
	min-height:765px;	
}

* html .layerContainer {	
	height: expression( this.scrollHeight < 766 ? "765px" : "auto" ); /* sets min-height for IE */
}

/* Live */
.layerContainerLive {
	position:absolute;
	top:90px;
	left:30px;
	width:950px;
	height:550px;	
	border: 10px solid #afafaf;
	background-color: #fff;
}

	.layerContainer h1 {
		padding:25px 0 35px 0;
		width:505px;
		text-align:center;	
	}
	
	.leftContent {
		width:505px;
		border-right:1px solid #999999; 
		float:left;		
	}
	
		.leftContent p {
			padding:0 25px 25px 60px;
			line-height:1.5em;
		}
		
		 .leftContent p a {font-weight:bold;text-decoration:none;cursor:pointer;}
			.leftContent p a:hover {text-decoration:underline;}
		
		.leftContent dl.spotEvent {
			padding:0 0 20px 0;
			width:483px;
		}
	
			.leftContent dl.spotEvent dd{
				padding:11px 0 11px 11px;		
			}
	
			.leftContent dl.spotEvent dt{		
				color:#fff;			
				font-weight:bold;		
			}
	
				.leftContent dl.spotEvent dt span {
					padding:7px 11px;		
					font-size:1.2em;
				}
				
					.leftContent table, #insertswf_acces {
						margin:0 0 25px 60px;
						line-height:1.5em;
					}
						
						
						
						.leftContent tr.odd td {
							background:#fff;
							padding:3px 0;
						} 
						.leftContent tr.even td {
							background:#f5f5f5;
							padding:3px 0;
						}
						
					.leftContent #insertswf_acces {
						margin:0 0 10px 45px;						
					}
	
	.rightSideInfo {
		width:184px;	
		float:left;
		padding:0 0 0 7px;
	}
	
	ul.stationInfo {line-height:1.7em;}
		.bloc_bp ul.stationInfo {padding:110px 0 0 0 !important;}
	ul.stationInfo li a{font-weight: bold;}
	ul.stationInfo li a:hover {text-decoration:underline;}
	ul.stationInfo li span {font-weight:bold;padding:0 2px;color:#fff;}	
	
	ul.subMenuStation , ul.subMenuListStation {padding:85px 0 0 0;}		
	ul.subMenuStation li, ul.subMenuListStation li {padding:1px 0;	}		
	ul.subMenuStation li a {display:block;width:153px;height:13px;}	
	ul.subMenuListStation li a {display:block;width:163px;height:13px;}	
	ul.subMenuStation li a span, ul.subMenuListStation li a span {position:absolute;left:-999em;}
				
		ul.subMenuStation li.infos a {background:url(../images/layerContent/station/menuStation.gif) no-repeat 0 0;}
		ul.subMenuStation li.bonplan a {background:url(../images/layerContent/station/menuStation.gif) no-repeat -153px 0;}
		ul.subMenuStation li.acces a {background:url(../images/layerContent/station/menuStation.gif) no-repeat -306px 0;}
		ul.subMenuStation li.forfait a {background:url(../images/layerContent/station/menuStation.gif) no-repeat -459px 0;}
		ul.subMenuStation li.stationnement a {background:url(../images/layerContent/station/menuStation.gif) no-repeat -612px 0;}
		/*ul.subMenuStation li.btn_covoiturage { padding-top:20px; text-align:center; }
		ul.subMenuStation li.btn_coskiing { padding-top:20px; text-align:center; }*/
		
		ul.subMenuStation li.infos a:hover , ul.subMenuStation li.infos a.active  {background:url(../images/layerContent/station/menuStation.gif) no-repeat 0 -13px;}
		ul.subMenuStation li.bonplan a:hover , ul.subMenuStation li.bonplan a.active {background:url(../images/layerContent/station/menuStation.gif) no-repeat -153px -13px;}
		ul.subMenuStation li.acces a:hover , ul.subMenuStation li.acces a.active {background:url(../images/layerContent/station/menuStation.gif) no-repeat -306px -13px;}
		ul.subMenuStation li.forfait a:hover , ul.subMenuStation li.forfait a.active {background:url(../images/layerContent/station/menuStation.gif) no-repeat -459px -13px;}
		ul.subMenuStation li.stationnement a:hover , ul.subMenuStation li.stationnement a.active {background:url(../images/layerContent/station/menuStation.gif) no-repeat -612px -13px;}
		
		ul.subMenuStation li.btn_pointille {height:22px;background:url(../images/layerContent/bons_plans/pointille.gif) no-repeat 0 11px;}	
		ul.subMenuStation li.btn_coskiing a  {background:url(../images/layerContent/bons_plans/sprite_coski.png) no-repeat 0 0;}
		ul.subMenuStation li.btn_coskiing a:hover, ul.subMenuStation li.btn_coskiing a.active {background:url(../images/layerContent/bons_plans/sprite_coski.png) no-repeat 0 -13px;}
		ul.subMenuStation li.btn_pdf a {background:url(../images/layerContent/bons_plans/sprite_coski.png) no-repeat -328px 0;}
		ul.subMenuStation li.btn_pdf a:hover, ul.subMenuStation li.btn_pdf a.active {background:url(../images/layerContent/bons_plans/sprite_coski.png) no-repeat -328px -13px;}
		ul.subMenuStation li.btn_covoiturage a  {background:url(../images/layerContent/bons_plans/sprite_coski.png) no-repeat -164px 0;}
		ul.subMenuStation li.btn_covoiturage a:hover, ul.subMenuStation li.btn_covoiturage a.active {background:url(../images/layerContent/bons_plans/sprite_coski.png) no-repeat -164px -13px;}
					
		ul.subMenuListStation li.sta_2 a {background:url(../images/layerContent/bons_plans/menuStationList.gif) no-repeat 0 0;}
		ul.subMenuListStation li.sta_4 a {background:url(../images/layerContent/bons_plans/menuStationList.gif) no-repeat -164px 0;}
		ul.subMenuListStation li.sta_6 a {background:url(../images/layerContent/bons_plans/menuStationList.gif) no-repeat -328px 0;}
		ul.subMenuListStation li.sta_8 a {background:url(../images/layerContent/bons_plans/menuStationList.gif) no-repeat -492px 0;}
		ul.subMenuListStation li.sta_10 a {background:url(../images/layerContent/bons_plans/menuStationList.gif) no-repeat -656px 0;}	
		ul.subMenuListStation li.sta_12 a {background:url(../images/layerContent/bons_plans/menuStationList.gif) no-repeat -820px 0;}
		ul.subMenuListStation li.sta_14 a {background:url(../images/layerContent/bons_plans/menuStationList.gif) no-repeat -984px 0;}
		ul.subMenuListStation li.sta_16 a {background:url(../images/layerContent/bons_plans/menuStationList.gif) no-repeat -1148px 0;}	
		ul.subMenuListStation li.sta_18 a {background:url(../images/layerContent/bons_plans/menuStationList.gif) no-repeat -1312px 0;}
		
		ul.subMenuListStation li.sta_2 a:hover, ul.subMenuListStation li.sta_2 a.active {background:url(../images/layerContent/bons_plans/menuStationList.gif) no-repeat 0 -13px;}
		ul.subMenuListStation li.sta_4 a:hover, ul.subMenuListStation li.sta_4 a.active {background:url(../images/layerContent/bons_plans/menuStationList.gif) no-repeat -164px -13px;}
		ul.subMenuListStation li.sta_6 a:hover, ul.subMenuListStation li.sta_6 a.active {background:url(../images/layerContent/bons_plans/menuStationList.gif) no-repeat -328px -13px;}
		ul.subMenuListStation li.sta_8 a:hover, ul.subMenuListStation li.sta_8 a.active {background:url(../images/layerContent/bons_plans/menuStationList.gif) no-repeat -492px -13px;}
		ul.subMenuListStation li.sta_10 a:hover, ul.subMenuListStation li.sta_10 a.active {background:url(../images/layerContent/bons_plans/menuStationList.gif) no-repeat -656px -13px;}	
		ul.subMenuListStation li.sta_12 a:hover, ul.subMenuListStation li.sta_12 a.active {background:url(../images/layerContent/bons_plans/menuStationList.gif) no-repeat -820px -13px;}
		ul.subMenuListStation li.sta_14 a:hover, ul.subMenuListStation li.sta_14 a.active {background:url(../images/layerContent/bons_plans/menuStationList.gif) no-repeat -984px -13px;}
		ul.subMenuListStation li.sta_16 a:hover, ul.subMenuListStation li.sta_16 a.active {background:url(../images/layerContent/bons_plans/menuStationList.gif) no-repeat -1148px -13px;}	
		ul.subMenuListStation li.sta_18 a:hover, ul.subMenuListStation li.sta_18 a.active {background:url(../images/layerContent/bons_plans/menuStationList.gif) no-repeat -1312px -13px;}
		
		
		
		
		ul.subMenuListStation li ul , ul.subMenuStation li ul  {
			padding:1px 0 4px 3px;
		}
		
		ul.subMenuListStation li li , ul.subMenuStation li li {
			padding:2px 0;
		}
		
		ul.subMenuListStation li li a , 	ul.subMenuStation li li a {
			background:none !important;
			display:inline;
			padding:0 5px;
		}
				
		ul.subMenuListStation li li a.active , ul.subMenuListStation li li a.active:hover , ul.subMenuStation li li a.active , ul.subMenuStation li li a.active:hover {			
			color:#fff !important;
		}
		
	.rightSideInfo h2 {
		width:100%;
		height:27px;
		padding:0 0 8px 0;
	}
	
		.rightSideInfo h2.thisWeek {background:url(../images/layerContent/events/title_notToMiss.gif) no-repeat 4px 0;margin-top:138px;}
		.rightSideInfo h2.nextWeek {background:url(../images/layerContent/events/title_nextWeek.gif) no-repeat 4px 0;margin-top:38px;}	
		.rightSideInfo h2.lastMinutes {background:url(../images/layerContent/bons_plans/title_bonsPlansLastmin.gif) no-repeat 4px 0;margin-top:138px;}
		.rightSideInfo h2 span {position:absolute;left:-999em;}
		
	.rightSideInfo ul.eventWeek li {
		padding:3px 0;
	}
	
	.rightSideInfo ul.eventWeek li a {
		padding:0 5px;
		display:block;
	}
		
	.rightSideInfo ul.eventWeek li a.active , .rightSideInfo ul.eventWeek li a.active:hover {
		color:#fff !important;		
		font-weight:bold;
	}

.formMeteo {
	padding:110px 0 0 175px;
	background:url(../images/layerContent/formulaire_meteo/bg_titleForm.gif) no-repeat 15px 30px;
}

.formForfait {
	padding:110px 0 0 175px;
	background:url(../images/layerContent/forfait/bg_titleForm.gif) no-repeat 15px 30px;
}

.formForfait select {
			width:170px;			
			border:1px solid #999;		
			height:19px;
			font-size:0.9em;
		}
		
.formForfait p {
			padding-right:20px;
		}

.formMeteo h1 {
	padding:0;
	position:absolute;
	left:-999em;
}
	
.formMeteo ul.textFields {	
	width:500px;
	padding:10px 0 20px 0;
	overflow:hidden;		
}

	.formMeteo ul.textFields li {
		float:left;
		padding:0 27px 4px 0;	
		width:210px;
	}
	
	.formMeteo ul.textFields em {
		color:#f93704;
		font-weight: bold;
	}
	
		.formMeteo p.mandatoryFields {
			color:#f93704;
			padding: 15px 0 0 0;
			font-size: 0.9em;
		}
		
		.formMeteo ul.textFields li label{
			display:block;
			float:left;
			width:62px;
			padding:4px 0 0 0;
		} 
		
		.formMeteo ul.textFields li input {
			width:139px;			
			border:1px solid #999;		
			height:14px;
			font-size:0.9em;
		} 
	
	.formMeteo ul.alertCheckBox {		
		width:400px;
		padding:20px 0 15px 25px;
		overflow:hidden;
	}
	
	.formMeteo ul.alertCheckBox li {
		float:left;
		width:170px;
	}
	
	.formMeteo ul.alertCheckBox li label {
		padding:0 0 0 10px;
	}
	
.formMeteo p {
	clear:both;
}	

	.formMeteo p strong {
		color:#f93704;
	}
	
	p.validMsg {
		text-align:center;
		color:#f93704;
		padding:0 0 15px 0;
	}
	
	img.bottomVisu {
		margin-left:124px;
	}
	
	p.validFormLine {
		background:url(../images/layerContent/formulaire_meteo/bg_validLine.gif) repeat-x 0 19px;
		text-align:right;
		padding:10px 145px 10px 0;
		width:455px;
		margin-left:55px;
	}

#insertswf_home {
	width:100%;	
}

#principalContainer {
	display: none;
}

/*Covoiturage et coskiing*/	

.coSki {
 background:url(../images/layerContent/coSki/bg_mainCoSki.gif) no-repeat  0 39px;
 padding: 121px 0 0 0;
}


.coSki ul.menu_annonces {	
	width:610px;	
	overflow:hidden;
	height:74px;	
	padding:0 0 0 49px;	
	margin:0 0 42px 0;
}

	.coSki ul.first_on  {background:url(../images/layerContent/coSki/sprite_menu.png) no-repeat 49px 0;}
	.coSki ul.co_243_on  {background:url(../images/layerContent/coSki/sprite_menu.png) no-repeat 49px 0;}
	.coSki ul.second_on {background:url(../images/layerContent/coSki/sprite_menu.png) no-repeat 49px -74px;}
	.coSki ul.co_248_on {background:url(../images/layerContent/coSki/sprite_menu.png) no-repeat 49px -74px;}
	.coSki ul.third_on {background:url(../images/layerContent/coSki/sprite_menu.png) no-repeat 49px -148px;}
	.coSki ul.co_249_on {background:url(../images/layerContent/coSki/sprite_menu.png) no-repeat 49px -148px;}
	.coSki ul.fourth_on {background:url(../images/layerContent/coSki/sprite_menu.png) no-repeat 49px -222px;}
	.coSki ul.co_250_on {background:url(../images/layerContent/coSki/sprite_menu.png) no-repeat 49px -222px;}

.coSki ul.menu_annonces li {	
	float:left;
}

.coSki ul.menu_annonces li a {
	display:block;
	padding:7px;
	width:124px;
	height:56px;
	text-indent:-9999px;
}

.coSki table.annonce_details {
	margin:0 0 30px 49px;	
	font-size:12px;
}

.coSki table.annonce_details th , .coSki table.annonce_details td {
	text-align:center;
	padding:10px 7px;
	vertical-align:middle;	
}

.coSki table.annonce_details td.txt_annonce {text-align:left;}

.coSki table.annonce_details th{
	font-weight:bold;
	color:#0074a9;
	background:#dfdfdf;
	border-right:1px solid #d4d4d4;
	border-bottom:1px solid #d4d4d4;
	
}

.coSki table.annonce_details td {
	background:#ededed;
	color:#a0a0a0;
	border-right:1px solid #d4d4d4;
	line-height:1.2em;
}

.coSki table.annonce_details td a {
	color:#fff;
	background:#01b0e7;
	text-transform:uppercase;
	font-weight:bold;
	padding: 0 5px;
}
 
 .coSki table.annonce_details th.topRght  {background:#dfdfdf url(../images/layerContent/coSki/roundedCorner_topRight.gif) no-repeat top right;padding:0;width:9px; } 
.coSki table.annonce_details td.btRght {background:#ededed url(../images/layerContent/coSki/roundedCorner_bottomRight.gif) no-repeat bottom right;padding:0;width:9px;}
.coSki table.annonce_details td.btLeft {	background:#ededed url(../images/layerContent/coSki/roundedCorner_bottomLeft.gif) no-repeat bottom left;	padding:0;width:7px;}
.coSki table.annonce_details th.topLeft { padding:0;width:7px;}
.coSki table.annonce_details th.topLeft span{ position:relative;}
.coSki table.annonce_details th.topLeft img {position:absolute;top:-18px;left:-18px;}
* html .coSki table.annonce_details th.topLeft img  {top:-30px;}
*+html .coSki table.annonce_details th.topLeft img {top:-30px;}
 
.coSki table.annonce_details td.notBordered , .coSki table.annonce_details th.notBordered {border-right:none;}

.coSki ul.pagination {text-align:center;padding:0 0 25px 0;}
.coSki ul.pagination li { display:inline;color:#A0A0A0;}
.coSki ul.pagination li a { color:#A0A0A0;}
.coSki ul.pagination li a.current { font-weight:bold;color:#0062a6;}

.postAd {	
	overflow:hidden;
	height:1%;
	padding:0 0 60px 0;
	float:left;		
}

.postAd.firstOne {
	margin-right:20px;
	/*background:url(../images/layerContent/coSki/separator_form.gif) no-repeat 0 0;*/	
}

.postAd fieldset {	
	width:330px;	
	height:450px;
	margin-left:7px;
	color:#3c3a3e;	
}

.postAd.firstOne fieldset {border-right:1px solid #a4acb2;}

.replyToAd fieldset {
	width:auto;	
	color:#3c3a3e;	
	padding:0 0 0 50px;
}

.postAd fieldset h2 {	
	position: relative;
	width: 300px;
	height: 26px;
	overflow: hidden;
	margin:0 0 20px 0;
}

.postAd fieldset h2 span{	
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;	
	background-repeat: no-repeat;
}

.postAd fieldset h2.title_coski span {background-image: url(../images/layerContent/coSki/title_coskiing.gif);}
.postAd fieldset h2.title_covoit span {background-image: url(../images/layerContent/coSki/title_covoiturage.gif);}

.postAd fieldset ul li {
	padding:2px 0;
}

.replyToAd fieldset ul li {
	padding:4px 0;
}

.postAd fieldset ul li label , .replyToAd fieldset ul li label {
	display:block;
	width:112px;
	float:left;
	padding:4px 0 0 0;
}

.replyToAd fieldset ul li label {width:200px;text-align:right;padding:2px 20px 0 0;}

.postAd fieldset ul li input , .replyToAd fieldset ul li input {
	width:180px;
	height:14px;
	font-size:11px;
	padding:0;
	color:#3c3a3e;	
}

.postAd fieldset ul li input.shortfield , .postAd fieldset ul li select.shortSelect{
	width:55px;
	margin-right:4px;
	text-align:center;
}

.postAd fieldset ul li select.shortSelect{ 
	width:57px;
}

.postAd fieldset ul li select , .replyToAd fieldset ul li select {
	width:185px;
	height:19px;
	font-size:11px;
	color:#3c3a3e;
}

.postAd fieldset ul li textarea , .replyToAd fieldset li textarea{
	width:180px;
	height:70px;
	font-size:11px;
	color:#3c3a3e;
}

.postAd fieldset span.errorMsg {
	display:block;
	clear:both;
	padding:0 0 0 112px;
	font-size:10px;
	color:red;
}

.postAd em , .replyToAd em {color:#F93704;font-style:normal;}

.postAd p.mandatoryFields , .replyToAd p.mandatoryFields {font-size:11px;color:#F93704;}
.postAd p.mandatoryFields span {margin-right:239px;}
.replyToAd p.mandatoryFields {padding-left:172px;}

.postAd p.checkboxLine , .replyToAd p.checkboxLine {
	clear:both;
	padding:10px 0 10px 0;
	font-size:11px;
}

.replyToAd p.checkboxLine {
	padding:10px 0 10px 168px;
}

.postAd p.checkboxLine input , .postAd p.checkboxLine label , .replyToAd p.checkboxLine input , .replyToAd p.checkboxLine label {vertical-align:middle;}
.postAd p.checkboxLine input, .replyToAd p.checkboxLine input {margin-right:5px;}
.postAd p.checkboxLine input.secLab {margin-left:44px;}

ul.validateForm li {	
	width:267px;
	text-align:right;
	padding:0 40px 0 0;
	background:url(../images/layerContent/coSki/bg_valid.gif) no-repeat 0 10px;
	float:left;
}

.replyToAd ul.validateForm li  {
	float:none;
	padding:0 40px 0 160px;
	background:url(../images/layerContent/coSki/bg_valid.gif) no-repeat 169px 10px;
}

ul.validateForm li.firstBt {margin-right:39px;}

.coSki p.errorMsg  {font-weight:bold;color:#F93704;text-align:center;padding:0 0 20px 0;}