/*
================================
STYLES CSS portal.css
================================
*/
.APrepa_Sejour_Texte {
	color:#003B77;
	font-family:arial,verdana,tahoma,sans-serif;
	font-size:1.4em;
	font-weight:normal;
}
.APrepa_Sejour_Texte a {
	text-decoration:none;
	color:#003B77;
	font-family:arial,verdana,tahoma,sans-serif;
	font-size:1em;
	font-weight:bold;
}
.APrepa_Sejour_Texte a:hover {
	border-bottom:1px dotted #003B77 !important;
}

/* Info bulle */
a.info {
	position:relative;
	color:#ff6600 !important;
	font-weight:bold;
	z-index:10; 
}
a.info:hover {
	/*background-color:#fff;*/
	border-bottom:1px dotted #ff6600 !important;
	z-index:11;
}
a.info span.AInfoBulle {
	display:none;
}
a.info:hover span.AInfoBulle {
	background:#fff;
	border:1px solid #ccc;
	display:block;
	left:2em;
	padding:1em;
	position:absolute;
	text-align:justify;
	top:2em;
	width:250px;
	color:#0078BA;
}
/* containers : defaut */
div.cont-defaut-left p, div.cont-defaut-center p, div.cont-defaut-right p {
	margin:0;
}
div.cont-defaut-left {
	margin:0 5px 10px 10px;
	overflow:hidden;
	width:200px;
}
div.cont-defaut-left .contentpane-defaut {

}
div.cont-defaut-center {
	margin:0 5px 10px 5px;
	overflow:hidden;
}
div.cont-defaut-center .contentpane-defaut {

}
div.cont-defaut-right {
	margin:0 10px 10px 5px;
	width:200px;
	overflow:hidden;
}
div.cont-defaut-right .contentpane-defaut {

}
/* Fin containers defaut */

/* containers: découvrir */
div.cont_dec {
	margin:0 5px 10px 10px;
	overflow:hidden;
	width:200px;
}
div.cont_dec .decouvrir-middle {
	background:url(Containers/decouvrir/Images/decouvrir-middle.jpg) no-repeat;
	width:200px;
	height:232px;
	overflow:hidden;
}

div.cont_dec .contentpane-dec {
	margin:12px 15px;
	width:170px;
	/*color:#003B77;*/
	color:#fff;
}
div.cont_dec .contentpane-dec p {
	margin:0;
}
div.cont_dec .contentpane-dec, div.cont_dec .contentpane-dec a {
	font-size:1.1em;
	line-height:1.2;
}	
div.cont_dec .contentpane-dec a {
	color:#de169e;
	font-weight:bold;
}
/* Fin containers découvrir */

/* containers: actualite */
div.cont_actu {
	margin:0 5px 10px 5px;
	overflow:hidden;
	position:relative;
}

div.cont_actu .actu-middle {
	background:#bcdcf1;
	border-left:1px solid #cccccc !important;
	border-right:1px solid #cccccc !important;
	width:538px;
	overflow:hidden;
}
/* Fin containers actualite */
div.cont-menu-npy {
	position:relative;
	margin:0 5px 10px 10px;
	overflow:hidden;
	width:200px;
}
div.cont-menu-npy .cont-menu-npy-top {
	background:url(Containers/Menu/Images/cont-menu-npy-top.png) no-repeat;
	width:200px;
	height:4px;
	font-size:1px;/* bug ie*/
}
div.cont-menu-npy .cont-menu-npy-middle {
	background:url(Containers/Menu/Images/cont-menu-npy-middle.png) repeat-y;
	width:180px;
	padding:10px;
}
div.cont-menu-npy .cont-menu-npy-middle h2 {
	margin:0;
	border-bottom:2px dotted #0078BA;
	font-size:1em;
}
div.cont-menu-npy .cont-menu-npy-middle h2 .Head {
	font-family:Arial, Verdana, sans-serif;
	font-weight:bold;
	font-size:1.6em;
	color:#0078BA;
}
div.cont-menu-npy .cont-menu-npy-bottom {
	background:url(Containers/Menu/Images/cont-menu-npy-bottom.png) no-repeat;
	position:absolute;
	left:0;
	bottom:0px;
	width:200px;
	height:4px;
	font-size:1px;/* bug ie*/
}
/* Fin containers: actualite */

/* Containers : titre h1 */
div.titreh1 { 
	background:url(Containers/TextHtml/Images/titre-h1.jpg) no-repeat; 
	overflow:hidden;
	width:540px; 
	height:52px; 
	margin:0 5px 5px 5px; 
}
div.titreh1 h1 {
	height:52px;
	line-height:52px;
	margin:0;
	padding-left:10px;
	color:#FFFFFF;
	font-family:Arial,Verdana,sans-serif;
	font-size:2em;
	font-weight:bold;
}
/* Fin containers Titre H1 */

/* containers: text */
div.cont-text-html { 
	margin:0 5px 10px 5px;
	overflow:hidden;
	width:540px;
}
div.cont-text-html p {
	margin:0;
}
div.cont-text-html .cont-text-html-top { 
	background:url(Containers/TextHtml/Images/cont-text-html-top.jpg) no-repeat;
	width:540px;
	height:4px;
	font-size:1px; /* bug ie7 */
}
div.cont-text-html .cont-text-html-middle2 {
	background:url(Containers/TextHtml/Images/cont-text-html-middle2.jpg) repeat-y;
	width:540px;
}
div.cont-text-html .cont-text-html-middle {
	background:url(Containers/TextHtml/Images/cont-text-html-middle.jpg) no-repeat;
	width:540px;
}
div.cont-text-html .cont-text-html-text {
	padding:10px;
}
div.cont-text-html .cont-text-html-text .Normal  {
	color:#003C77;
	font-family:arial,verdana,tahoma,sans-serif;
	font-size:1.1em;
	font-weight:normal;
}
div.cont-text-html .cont-text-html-text a {
	color:#de169e;
	text-decoration:none;
}
div.cont-text-html .cont-text-html-text a:hover {
	color:#de169e;
	border-bottom:1px dotted #de169e;
}
div.cont-text-html .cont-text-html-text h2 {
	border-bottom:1px solid #9DCBFF;
	color:#E74962;
	font-family:arial,verdana,tahoma,sans-serif;
	font-size:1.9em;
	font-weight:bold;
	margin:0;
}
div.cont-text-html .cont-text-html-text h3 {
	color:#0078BA;
	font-family:arial,verdana,tahoma,sans-serif;
	font-size:1.4em;
	font-weight:bold;
	margin:0;
}
div.cont-text-html .cont-text-html-text ul {
	margin:2em 0 2em 2em;
}
div.cont-text-html .cont-text-html-text ul li {
	background:transparent url(Skins/Site/Ressources/Images/icon-liste.png) no-repeat scroll left center;
	list-style-type:none;
	margin:0.7em 0 0 0;
	padding-left:1em;
}
div.cont-text-html  .cont-text-html-bottom {
	background:url(Containers/TextHtml/Images/cont-text-html-bottom.jpg) no-repeat;
	width:540px;
	height:3px;
	font-size:1px; /* bug ie7 */
}
/* Fin containers: text */

/* Containers: Webcams - n'py */
.cont-webcams-text {
	text-align:center;
	padding:10px 0 7px 0;
}
.cont-webcams-text .div-cont-webcams-text {
	margin:0 0 0 10px;
}
.cont-webcams-text h2 {
	color:#0078BA;
	font-family:arial,verdana,tahoma,sans-serif;
	font-size:1.2em;
	font-weight:bold;
	margin:0 0 5px 0;
}
.cont-webcams-text p {

}
.cont-webcams-text p a {
	color:#de169e;
	text-decoration:none;
}
/* Fin containers: Webcams - N'py */

/* Containers Tous nos forfaits */
div.cont_tsforfaits {
	position:relative;
	margin:0 5px 10px 5px;
	overflow:hidden;
	width:540px;
	height:490px;
}
div.cont_tsforfaits ul {
	margin:0;
}
div.cont_tsforfaits ul li {
	list-style-type:none;
	list-style-position:outside;
}
div.cont_tsforfaits ul li.ski-court-sejour a {
	background:url(Containers/Forfaits/Images/ski-sejour-court.jpg) left top;
	position:absolute;
	left:0px;
	top:0px;
}
div.cont_tsforfaits ul li.ski-court-sejour a:hover {
	background:url(Containers/Forfaits/Images/ski-sejour-court.jpg) left -115px;
}
div.cont_tsforfaits ul li.ski-long-sejour a  {
	background:url(Containers/Forfaits/Images/ski-sejour-long.jpg) left top;
	position:absolute;
	left:265px;
	margin-left:10px;
	top:0px;
}
div.cont_tsforfaits ul li.ski-long-sejour a:hover {
	background:url(Containers/Forfaits/Images/ski-sejour-long.jpg) left -115px;
}
div.cont_tsforfaits ul li.ski-journee a {
	background:url(Containers/Forfaits/Images/ski-journee.jpg) left top;
	position:absolute;
	left:0px;
	top:125px;
}
div.cont_tsforfaits ul li.ski-journee a:hover {
	background:url(Containers/Forfaits/Images/ski-journee.jpg) left -115px;
}
div.cont_tsforfaits ul li.ski-saison a  {
	background:url(Containers/Forfaits/Images/ski-saison.jpg) left top;
	position:absolute;
	left:265px;
	margin-left:10px;
	top:125px;
}
div.cont_tsforfaits ul li.ski-saison a:hover {
	background:url(Containers/Forfaits/Images/ski-saison.jpg) left -115px;
}
div.cont_tsforfaits ul li.ski-reduc a  {
	background:url(Containers/Forfaits/Images/ski-reduction.jpg) left top;
	position:absolute;
	left:0px;
	top:250px;
}
div.cont_tsforfaits ul li.ski-reduc a:hover {
	background:url(Containers/Forfaits/Images/ski-reduction.jpg) left -115px;
}
div.cont_tsforfaits ul li.ski-etudiant a  {
	background:url(Containers/Forfaits/Images/ski-etudiant.jpg) left -1px;
	position:absolute;
	left:0px;
	top:375px;
}
div.cont_tsforfaits ul li.ski-etudiant a:hover {
	background:url(Containers/Forfaits/Images/ski-etudiant.jpg) left -116px;
}
div.cont_tsforfaits ul li.ski-court-sejour a, div.cont_tsforfaits ul li.ski-long-sejour a, div.cont_tsforfaits ul li.ski-saison a, div.cont_tsforfaits ul li.ski-journee a {
	display:block;
	width:265px;
	height:115px;
	text-decoration:none;
}
div.cont_tsforfaits ul li.ski-reduc a, div.cont_tsforfaits ul li.ski-etudiant a {
	display:block;
	width:540px;
	height:115px;
	text-decoration:none;
}
div.ski-npass {
	background:url(Containers/Forfaits/Images/ski_npass.png) left top;
	width:137px;
	height:87px;
	position:absolute;
	z-index:10;
	top:78px;
	left:201px;
}
div.ski-npass-nosouci {
	background:url(Containers/Forfaits/Images/ski_npass_nosouci.png) left top;
	width:137px;
	height:92px;
	position:absolute;
	z-index:10;
	top:329px;
	left:201px;
}
/* Fin Containers Tous nos forfaits */

/* Containers preparez votre séjour */
div.cont_bloc-sejour-npy {
	position:relative;
	margin:0 5px 10px 5px;
	overflow:hidden;
	width:540px;
	height:295px;
}
div.cont_bloc-sejour-npy ul {
	margin:0;
}
div.cont_bloc-sejour-npy ul li {
	list-style-type:none;
	list-style-position:outside;
}
div.cont_bloc-sejour-npy ul li.sejour-hebergement a, div.cont_bloc-sejour-npy ul li.sejour-cours-ski a, div.cont_bloc-sejour-npy ul li.sejour-location-ski a, div.cont_bloc-sejour-npy ul li.sejour-forfaits-ski a {
	display:block;
	width:265px;
	height:142px;
	text-decoration:none;
}
div.cont_bloc-sejour-npy ul li.sejour-hebergement a {
	background:url(Containers/PrepaSejour/Images/Preparez-sejour-hebergement.jpg) left top;
	position:absolute;
	left:0px;
	top:0px;
}
div.cont_bloc-sejour-npy ul li.sejour-cours-ski a {
	background:url(Containers/PrepaSejour/Images/Preparez-sejour-cours-ski.jpg) left top;
	position:absolute;
	left:275px;
	top:0px;
}
div.cont_bloc-sejour-npy ul li.sejour-location-ski a {
	background:url(Containers/PrepaSejour/Images/Preparez-sejour-location-ski.jpg) left top;
	position:absolute;
	left:0px;
	top:152px;
}
div.cont_bloc-sejour-npy ul li.sejour-forfaits-ski a {
	background:url(Containers/PrepaSejour/Images/Preparez-sejour-forfaits-ski.jpg) left top;
	position:absolute;
	left:275px;
	top:152px;
}