/* ----------------------------------- */
/* layout général */
/* ----------------------------------- */

html {
	 
	background-image:url(bodybg/bg-body-automne.jpg);
	background-color:#224853; 
	/*background-image:url(bodybg/bg-body-iphone.jpg);*/
	/*background-color:#7ed2f1;*/
	background-repeat: no-repeat;
	background-position: top center;
	padding: 0px;
	margin: 0px;
}

/* ----------------------------------- */
/* flash bg */
/* -----------------------------------
#flashheader{
	position:absolute;
	left: 50%;
	margin-left: -490px; 
  	top:0px;
	width:980px;
	height:145px;
	z-index:1;	
}
#flashgauche{
	position:absolute;
	left: 50%;
	margin-left: -669px;  
  	top:251px;
	width:179px;
	height:497px;
	z-index:100;
}
----------------------------------- */
/* fin flash bg */
/* ----------------------------------- */

body {
	margin: 0px 0px 0px 0px; /* top margin du site en cas d'habillage sur le haut de page */
	padding:0px;
	background-color:#224853;
    /*background-color:#2B2B2B;*/
	font-family : 'Trebuchet MS',tahoma, Verdana, Arial, Helvetica, sans-serif;
	color:#333333;
	text-align:center;
	font-size:11px;
}

#page {
	margin: 0px auto;
	min-height: 100%;
	text-align:left;
	width:992px;

/*
http://edu.ca.edu/article207.html
	margin-left:auto;
	margin-right:auto;
	text-align:left;
*/

}

#logoAS {
	position:absolute;
	left:20px;
	top:31px;
	width:135px;
	height:115px;
	z-index:15;
}

#underlogoAS {
	position:absolute;
	left:19px;
	top:5px;
	width:134px;
	height:118px;
	z-index:0;
	background-image: url(/IMG_skin/IMGlayout/styleUnderLogo.png);
}

/* ----------------------------------- */
/* MEGA MENU                           */
/* ----------------------------------- */

/*#megamenuombre
{
	position:absolute;
	left:170px;
	top:85px;
	width:800px;
	height:9px;
	z-index: 0;
}*/
#megamenu
{
	position:absolute;
	left:170px;
	top:49px;
	width:800px;
	height:45px;
	z-index:1;
	/* background-color: #ff0000; */
}

#megamenu ul li.tab div.rubgauche {float:left; border-left:#d9d9d9 0px solid; margin: 0px 0px 0px 0px; padding: 3px 0px 3px 0px; text-align:left; width:135px;}
#megamenu ul li.tab div.rubcentre {float:left; border-left:#d9d9d9 1px solid; margin: 0px 0px 0px 0px; padding: 3px 0px 3px 3px; text-align:left; width:132px;}
#megamenu ul li.tab div.rubdroite {float:left; border-left:#d9d9d9 1px solid; margin: 0px 0px 0px 0px; padding: 3px 0px 3px 3px; text-align:left; width:132px;}

#megamenu ul li.tab a.titreMDD { background:none; color:#0093d7; font-size:12px; font-weight:bold; text-decoration:none; padding: 0; margin: 0;}
#megamenu ul li.tab a.titreMDD:link {color:#0093d7; font-size:12px; font-weight:bold; text-decoration:none; font-family : 'Trebuchet MS',tahoma, Verdana, Arial, Helvetica, sans-serif;}
#megamenu ul li.tab a.titreMDD:visited {color:#0093d7; font-size:12px; font-weight:bold; text-decoration:none; font-family : 'Trebuchet MS',tahoma, Verdana, Arial, Helvetica, sans-serif;}
#megamenu ul li.tab a.titreMDD:hover {color:#0093d7; font-size:12px; font-weight:bold; text-decoration:none; font-family : 'Trebuchet MS',tahoma, Verdana, Arial, Helvetica, sans-serif; text-decoration: none; background-color:#b3dff3;}

#megamenu ul li.tab a.lienMDD { background:none; color:#000000; font-weight:normal; font-size:11px; text-decoration:none; padding: 0; margin: 0;}
#megamenu ul li.tab a.lienMDD:link {color:#000000; font-size:11px; text-decoration:none; font-family : 'Trebuchet MS',tahoma, Verdana, Arial, Helvetica, sans-serif;}
#megamenu ul li.tab a.lienMDD:visited {color:#000000; font-size:11px; text-decoration:none; font-family : 'Trebuchet MS',tahoma, Verdana, Arial, Helvetica, sans-serif;}
#megamenu ul li.tab a.lienMDD:hover {color:#0093d7; font-size:11px; text-decoration:none; font-family : 'Trebuchet MS',tahoma, Verdana, Arial, Helvetica, sans-serif; text-decoration: none; background-color:#e8f5fb;}

#megamenu {width:900px;height:30px;margin:0 auto; z-index: 30;}	
#megamenu ul {float: left;width: 100%;list-style: none;margin: 0;padding: 0;line-height:17px;}
#megamenu ul li.tab ul {background: #f7f7f7;width: 16em;}
#megamenu a {display: block;color: #fff;text-decoration: none;padding: 2px 4px 2px 4px;background:none;}
#megamenu li {float: left;padding: 0;background:none;}
#megamenu ul li {float: left;text-align:center;padding: 0;background:none;}
#megamenu ul li.tab {margin:0;padding:0 0 0 19px;background:url(/IMG_skin/IMGlayout/ongletsSprite-gauche.png) no-repeat left top;}
#megamenu ul li.tab a {margin: 0px -16px 0px 0px; padding:18px 25px 13px 6px;text-decoration:none;font-weight:bold;color:#929090;background:url(/IMG_skin/IMGlayout/ongletsSprite-droite.png) no-repeat right top;}
#megamenu li ul {position: absolute;left: -999em;height: auto;width: 16.4em;width: 14.9em;font-weight: normal;margin: 0;padding: 0;}
#megamenu li li {padding-right: 1em;width: 15em}
#megamenu li ul a {width: 15em;width: 11em;text-align:left;background:none;}
#megamenu li.tab:hover, #nav li.tab:hover a {background-position:0% -45px;color:#0093D7;}
#megamenu li.tab:hover a {background-position:100% -45px; color: #0093D7;}
#megamenu #selectedtab  {background-position:0 -45px; color: #000000;}	
#megamenu #selectedtab  a   {background-position:100% -45px; color: #000000;}	
#megamenu #selectedtab  a:hover  {background-position:100% -45px; color: #0093D7;}	
#megamenu #selectedtab div.sub a {background-position:100% -45px; color: #0093D7;}
#megamenu #selectedtab div.sub div.sousrub2 a, #megamenu #selectedtab div.sub span.sousrub2 a {background-position:100% -45px; color: #000000;}

ul#topnav li .sub {
	position: absolute;	
	top: 45px; left: 0;
	/* background: #344c00 url(sub_bg.png) repeat-x; */
	/* background: #344c00; */
	/* padding: 20px 20px 20px; */
	float: left;
	z-index: 100;
	display: none;
}

#ousuisje {
	position:absolute;
	left:175px;
	top:105px;
	width:800px;
	height:30px;
	z-index:15;
}

/* ----------------------------------- */
/* accueil portail */
/* ----------------------------------- */
#portail {
	position:absolute;
	left:71px;
	top:14px;
	width:48px;
	height:45px;
	z-index:99;
}
#portailtext {
	position:absolute;
	left:66px;
	top:40px;
	width:58px;
	height:45px;
	z-index:100;
}
/* ----------------------------------- */
/* sprite categarories */
/* ----------------------------------- */
#navcontainer {
	position:absolute;
	left:113px;
	top:13px;
	width:852px;
	height:46px;
	z-index:99;
	padding-left:0pt;
	text-align:left;
	margin-left:0px;
	vertical-align:middle;
}

.navigation {
	padding:0 0 0 20px;
	margin:0;
	list-style:none;
	height:45px;
	/*background:#1841c8 url(navigation/nav_background.gif);*/
}
.navigation li {
	float:left;
}
.navigation li a {
	display:block;
	float:left;
	height:45px;
	line-height:45px;
	text-align:center;
	padding:0px 25px 0px 0px;
	cursor:pointer;
	text-decoration:none;
	color:#bcbcbc;
	font-size:12px;
	font-family : 'Trebuchet MS',tahoma, Verdana, Arial, Helvetica, sans-serif;
}
.navigation li a b {
	float:left;
	display:block;
	padding:0 16px 0 8px;
}
.navigation li.current a {
	color:#bcbcbc;
	color:#ffffff;
	/*background:url(navigation/nav_hover.gif);*/
	background: url(http://www.allosurf.eu/IMG_skin/IMGlayout/bgmenu2.png);
	background-repeat: no-repeat;
	background-position: 3px -3px;
}
.navigation li a:hover {
	/*color:#eb6705;*/
	color:#ffffff;
	background: url(http://www.allosurf.eu/IMG_skin/IMGlayout/bgmenu2.png);
	background-repeat: no-repeat;
	background-position: 3px -3px;
}

.navigation li a em {
	background: url(http://www.allosurf.eu/IMG_skin/IMGlayout/spriteGouttes.png);
	display:block;
	float:left;
	width:48px;
	height:45px;
}

/* ICON ELEMENTS */
.navigation li a em.surfreport {
	background-repeat: no-repeat;
	background-position: 0px -99px;
}
.navigation li a em.meteoski {
	background-repeat: no-repeat;
	background-position: -60px -99px;
}
.navigation li a em.meteofrance {
	background-repeat: no-repeat;
	background-position: -120px -99px;
}
.navigation li a em.spots {
	background-repeat: no-repeat;
	background-position: -180px -99px;
}
.navigation li a em.communaute {
	background-repeat: no-repeat;
	background-position: -240px -99px;
}
.navigation li a em.services {
	background-repeat: no-repeat;
	background-position: -300px -99px;

}
/* ICON ELEMENTS HOVER */
.navigation li a:hover em.surfreport, .navigation li.current a em.surfreport {
	background-repeat: no-repeat;
	background-position: 0px 1px;
}
.navigation li a:hover em.meteoski, .navigation li.current a em.meteoski {
	background-repeat: no-repeat;
	background-position: -60px 1px;
}
.navigation li a:hover em.meteofrance, .navigation li.current a em.meteofrance {
	background-repeat: no-repeat;
	background-position: -120px 1px;
}
.navigation li a:hover em.spots, .navigation li.current a em.spots {
	background-repeat: no-repeat;
	background-position: -180px 1px;
}
.navigation li a:hover em.communaute, .navigation li.current a em.communaute {
	background-repeat: no-repeat;
	background-position: -240px 1px;
}
.navigation li a:hover em.services, .navigation li.current a em.services {
	background-repeat: no-repeat;
	background-position: -300px 1px;

}
/* ----------------------------------- */
/* fin sprite categarories */
/* ----------------------------------- */


/* ----------------------------------- */
/* sprite categarorie shop */
/* ----------------------------------- */

#navcontainerDroite {
	position:absolute;
	left:880px;
	top:13px;
	width:100px;
	height:46px;
	z-index:100;
	padding-left:0pt;
	text-align:left;
	margin-left:0px;
	vertical-align:middle;
}
.navigationDroite {
	padding:0 0 0 20px;
	margin:0;
	list-style:none;
	height:45px;
	/*background:#1841c8 url(navigation/nav_background.gif);*/
}
.navigationDroite li {
	float:left;
}
.navigationDroite li a {
	display:block;
	float:left;
	height:45px;
	line-height:45px;
	text-align:center;
	padding:0px 0px 0px 0px;
	cursor:pointer;
	text-decoration:none;
	color:#bcbcbc;
	font-size:12px;
	font-family : 'Trebuchet MS',tahoma, Verdana, Arial, Helvetica, sans-serif;
}
.navigationDroite li a b {
	float:left;
	display:block;
	padding:0 16px 0 8px;
}
.navigationDroite li.current a {
	color:#bcbcbc;
	/*background:url(navigation/nav_hover.gif);*/
	background: url(http://www.allosurf.eu/IMG_skin/IMGlayout/bgmenushop.png);
	background-repeat: no-repeat;
	background-position: 3px -3px;
}
.navigationDroite li a:hover {
	/*color:#eb6705;*/
	color:#ffffff;
	background: url(http://www.allosurf.eu/IMG_skin/IMGlayout/bgmenushop.png);
	background-repeat: no-repeat;
	background-position: 3px -3px;
}

.navigationDroite li a em {
	background: url(http://www.allosurf.eu/IMG_skin/IMGlayout/spriteGouttes.png);
	display:block;
	float:left;
	width:48px;
	height:45px;
}

/* ICON ELEMENTS SHOP */
.navigationDroite li a em.shop {
	background-repeat: no-repeat;
	background-position: -360px -99px;
}
/* ICON ELEMENTS SHOP HOVER */
.navigationDroite li a:hover em.shop, .navigationDroite li.current a em.shop {
	background-repeat: no-repeat;
	background-position: -360px 1px;
}

/* ----------------------------------- */
/* fin sprite categarorie shop */
/* ----------------------------------- */


/* ----------------------------------- */
/* sprite menu rubriques onglets */
/* ----------------------------------- */
.navonglets ul 
{
clear: both;
}
.navonglets li
{
display: inline;
list-style-type: none;
padding-right: 20px;
}

.navonglets li a  {
	background: url(http://www.allosurf.eu/IMG_skin/IMGlayout/spriteOnglets.png) left top no-repeat;
	background-position: 0px -146px;
	padding-left: 10px;
	padding-top: 2px;
	padding-bottom: 5px;
	display: block;
	float: left;
}

.navonglets li a:hover  {
	background: url(http://www.allosurf.eu/IMG_skin/IMGlayout/spriteOnglets.png) left top no-repeat;
	background-position: 0px -108px;
	padding-left: 10px;
	padding-top: 2px;
	padding-bottom: 5px;
}

.navonglets li a span  {
	background: url(http://www.allosurf.eu/IMG_skin/IMGlayout/spriteOnglets.png) right top no-repeat;
	background-position: -150px -154px;
	padding-right: 4px;
	padding-top: 2px;
	padding-bottom: 5px;
	float: left;
}
.navonglets li a:hover span  {
	background: url(http://www.allosurf.eu/IMG_skin/IMGlayout/spriteOnglets.png) right top no-repeat;
	background-position: -150px -108px;
	padding-right: 4px;
	padding-top: 2px;
	padding-bottom: 5px;
}


#navigation2 {
	display: none;
	margin: 1em 0 0;
	padding: 53px 0 0;
	/*font-weight: bold;*/
}
#navigation2 ul, #navigation2 ul li {
	list-style: none;
	margin: 0;
	padding: 0;
}
#navigation2 ul {
	padding: 5px 25px 5px;
	text-align: right;
}
#navigation2 ul li {
	display: inline;
	margin-right: -10px;
}
#navigation2 ul li a {
	/*background: url(tableft.gif) no-repeat left top;*/
	background: url(http://www.allosurf.eu/IMG_skin/IMGlayout/spriteOnglets.png) no-repeat left top;
	background-position: -08px -146px;
	background-position: -08px -108px;
	background: url(http://www.allosurf.eu/IMG_skin/IMGlayout/ongletOFF_01.png) no-repeat left top;
	background-position: -2px 0px;
	/*color: #000;*/
	text-decoration: none;
	padding: 16px 0px 6px;
}
#navigation2 ul li span {
	background: url(http://www.allosurf.eu/IMG_skin/IMGlayout/spriteOnglets.png) no-repeat right top;
	background-position: -120px -146px;
	background-position: 100% -99px;
	/*background: url(tabright.gif) no-repeat right top;*/
	padding: 17px 19px 6px 1px;
	margin: 4px 0px 4px 14px;
}
#navigation2 ul li a:hover span {
	/*text-decoration: underline;*/
	/*background-position: 100% -75px;*/
	background: url(http://www.allosurf.eu/IMG_skin/IMGlayout/spriteOnglets.png) no-repeat right top;
	background-position: 100% -146px;
	background-position: 100% -193px;
}
#navigation2 ul li a:hover {
	/*background-position: 0 -75px;*/
	background: url(http://www.allosurf.eu/IMG_skin/IMGlayout/spriteOnglets.png) no-repeat left top;
	background-position: -08px -108px;
	background: url(http://www.allosurf.eu/IMG_skin/IMGlayout/ongletON_01.png) no-repeat left top;
	background: url(http://www.allosurf.eu/IMG_skin/IMGlayout/ongletHOVER_01.png) no-repeat left top;
	background-position: -2px 0px;
}
#navigation2 #current a {
	/*background-position: 0 -150px;
	*/
	background-position: -08px -146px;
	background: url(http://www.allosurf.eu/IMG_skin/IMGlayout/ongletON_01.png) no-repeat left top;
	background-position: -2px 0px;
	
}
#navigation2 #current a span {
	/*background-position: 100% -150px;*/
	background-position: 100% -146px;
}

#sousonglets {
	text-align: right;
	padding-right: 0px;
	padding-left: 0px;
	padding-top: 0px;
	padding-bottom: 40px;
	/* padding-bottom: 40px;  pub cliquable !! */
	padding-bottom: 0px;

	width: 949px;
}

.sousrubstyle {
	margin-right: 0px;
        margin-left: 0px;
        margin-top: 0px;

        /* margin-bottom: 24px; pub cliquable !! */
        margin-bottom: 0px;

	padding-right: 0px;
        padding-left: 0px;
        padding-top: 5px;
        /* padding-bottom: 24px; pub cliquable !! */
        padding-bottom: 0px;

	height: 24px;
}

.sousrublist
{
	margin-top: 2px;
}
.sousrublistitem
{
	display: inline;
	/*list-style-type: none;*/
	padding-right: 0px;
}


/*.sousrubstyle {
	position: absolute;
	top: 2px;
	right: 10px;
	left: 15px;
	height: 25px;
	width: 949px;
	padding-top:6px;
	margin-right:40px;
}*/
/* ----------------------------------- */
/* fin sprite menu rubriques onglets */
/* ----------------------------------- */


/* ----------------------------------- */
/* layout */
/* ----------------------------------- */
#meteo-surf-report-02_ {
	display: none;
	position:absolute;
	/* OFF durant habillage de page sinon : background-image:url(http://www.allosurf.eu/IMG_skin/IMGlayout/bgmenu.png); */
	background-repeat: no-repeat;
	left:0px;
	right:0px;
	top:1px;
	height:57px;
}

#meteo-surf-report-04_1 {
	position:absolute;
	left:0px;
	right:0px;
	top:57px;
	height:117px;
	z-index:-1;
}

#meteo-surf-report-04_2 {
	
	background-image:url(http://www.allosurf.eu/IMG_skin/IMGlayout/meteo-surf-report_04_2.png);
	background-repeat: no-repeat;
	position:absolute;
	left:0px;
	right:0px;
	text-align:right;
	top:85px;
	width:992px;
	height:9px;
	z-index:0;
}

#meteo-surf-report-05_ {
	background-repeat: no-repeat;
	position:absolute;
	left:0px;
	right:0px;
	top:145px;
	width:992px;
	/* height:58px;   pub cliquable !! */

	height:29px;
	z-index: 20;
}
#meteo-surf-report-05_pat {
	background-repeat: no-repeat;
	background-image:url(http://www.allosurf.eu/IMG_skin/IMGlayout/meteo-surf-report_05.png);
	/* background-color: red; */
	position:absolute;
	left:0px;
	right:0px;
	top:94px;
	width:992px;
	height:28px;
	/* height:58px;   pub cliquable !! */
	height:29px;
	z-index: 0;
}


#meteo-surf-report-06_ {
	position:absolute;
	left:0px;
	right:0px;
	top:122px;
	width:992px;
	height:1px;
	z-index: 0;
}

#encapsuler {
	position:absolute;
	left:0px;
	right:0px;
	top:123px;
	width:992px;
	padding-bottom:50px;
	z-index: 0;
	display:block;
	padding-bottom:72px;
}

#contenu {
	background-image:url(http://www.allosurf.eu/IMG_skin/IMGlayout/meteo-surf-report_07.png);
	background-repeat: repeat-y;
	left:0px;
	right:0px;
	top:174px;
	width:980px;
	padding-left:6px;
	padding-right:6px;
	overflow:auto;
	text-align: left;
	margin-left: 0px;
	margin-right: 0px;
	padding-bottom:10px;
}

#footer {
	background-image:url(http://www.allosurf.eu/IMG_skin/IMGlayout/meteo-surf-report_09.png);
	background-repeat: no-repeat;
	/*left:0px;
	right:0px;
	width:975px;
	bottom:0px;*/
	padding-right:11px;
	/*height:23px;*/
	text-align:right;
}

.prefooter1 {
	background-color:#9a927e;
	height:106px;
	padding: 12px 12px 12px 12px;
	
}

.prefooter2 {
	background-color:#333333;
	height:1px;
}


/* ----------------------------------- */
/* blocks contenu */
/* ----------------------------------- */

/* Matrice 1 et 2 */
.flux644g
{
	/*background-color: red; */
	float: left; 
	margin-left: 12px; 
	margin-right: 0px; 
	width: 644px; 
	padding: 0px;
}
.flux300d
{
	/* background-color: red; */
	float: right; 
	margin-left:12px; 
	margin-right: 12px; 
	width: 300px; 
	padding: 0px;
}
	/* seulement Matrice 2 */
	.flux316gg
	{
		margin-left: 0px; 
		float: left; 
		width: 316px; 

	}
	.flux316gd
	{
		margin-left: 0px; 
		float: right; 
		width: 316px; 

	}

/* Matrice 3 */
.flux772g
{
}
	.flux386gg
	{
		margin-left: 0px; 
		float: left; 
		width: 386px;
	}
	.flux386gd
	{
		margin-right: 0px; 
		float: right; 
		width: 386px; 
	}
.flux160d
{
}
/* Matrice 4 */
.flux784g
{
	float: left; 
	margin-left: 12px; 
	margin-right: 0px; 
	width: 784px; 
	padding: 0px;
}
.flux160d
{
	float: right; 
	margin-left:12px; 
	margin-right: 12px; 
	width: 160px; 
	padding: 0px;
}


/* ----------------------------------- */
/* block  */
/* ----------------------------------- */

.block {
	/*background-color:#FFFFFF;*/
	margin-bottom:12px;
	/*float: left;*/
	height:auto;
	margin-top:0px;
	/*float: left;*/
	margin-left: 0px; 
	margin-right: 0px; 
	height:auto;
}
.blocktitre {
	padding-top:12px;
	padding-left:7px;
	padding-bottom:-12px;
	padding-right:-10px;
	
	color:#666666;
	font-family : 'Trebuchet MS',tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:12px;
	/*width:100%;*/
}
.blockhaut {
	background-repeat: no-repeat;
	height: 38px;
}


.blockmil {
	background-repeat: repeat-y;

	overflow:auto;

}
.blockcontenu {
	height:auto;
	overflow:auto;
/*
*/
	margin-top:0px;
	margin-left:7px;
	margin-right:7px;
	margin-bottom:0px;
	
}
.blockbas {
	background-repeat: no-repeat;
	height: 35px;
}
.block644 {	width:644px; }
.block784 {	width:784px; }
/*
.block386 {	width:386px; }
.block316 {	width:316px; }
.block300 {	width:300px; }
*/

.block784haut {	background-image:url(IMGblocks/block784/block784haut.png); }
.block644haut {	background-image:url(IMGblocks/block644/block644haut.png); }
.block386haut {	background-image:url(IMGblocks/block386/block386haut.png); }
.block316haut {	background-image:url(IMGblocks/block316/block316haut.png); }
.block300haut {	background-image:url(IMGblocks/block300/block300haut.png); }
.block784mil {	background-image:url(IMGblocks/block784/block784mil.png); }
.block644mil {	background-image:url(IMGblocks/block644/block644mil.png); }
.block386mil {	background-image:url(IMGblocks/block386/block386mil.png); }
.block316mil {	background-image:url(IMGblocks/block316/block316mil.png); }
.block300mil {	background-image:url(IMGblocks/block300/block300mil.png); }
.block784bas {	background-image:url(IMGblocks/block784/block784bas.png); }
.block644bas {	background-image:url(IMGblocks/block644/block644bas.png); }
.block386bas {	background-image:url(IMGblocks/block386/block386bas.png); }
.block316bas {	background-image:url(IMGblocks/block316/block316bas.png); }
.block300bas {	background-image:url(IMGblocks/block300/block300bas.png); }


.div644couleur {
	padding:2px 0px 2px 4px;
	display:block;
	width:640px;
	background-color:#aea58f;
	font-size:12px;
	font-weight: bold;
}

/* ----------------------------------- */
/* sitemap.php  */
/* ----------------------------------- */

.sitemapcategories
{
	list-style-type: none;
}
a.sitemapcat
{
	color: #000000;
	font-weight:bold;
	text-decoration:none;
	font-size:13px;
	font-family : 'Trebuchet MS',tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-style:italic;
}
.sitemaprubriques
{
	padding-left: 100px;
}
.sitemapsousrubriques
{
	padding-left: 50px;
}
.sitemapsurfreport
{
	background: url(http://www.allosurf.eu/IMG_skin/IMGlayout/spriteGouttes.png);
	background-repeat: no-repeat;
	background-position: 0px 1px;
}
.sitemapmeteoski
{
	background: url(http://www.allosurf.eu/IMG_skin/IMGlayout/spriteGouttes.png);
	background-repeat: no-repeat;
	background-position: -60px 1px;
}
.sitemapmeteofrance
{
	background: url(http://www.allosurf.eu/IMG_skin/IMGlayout/spriteGouttes.png);
	background-repeat: no-repeat;
	background-position: -120px 1px;
}
.sitemapspots
{
	background: url(http://www.allosurf.eu/IMG_skin/IMGlayout/spriteGouttes.png);
	background-repeat: no-repeat;
	background-position: -180px 1px;
}
.sitemapcommunaute
{
	background: url(http://www.allosurf.eu/IMG_skin/IMGlayout/spriteGouttes.png);
	background-repeat: no-repeat;
	background-position: -240px 1px;
}
.sitemapservices
{
	background: url(http://www.allosurf.eu/IMG_skin/IMGlayout/spriteGouttes.png);
	background-repeat: no-repeat;
	background-position: -300px 1px;
}
.sitemapshop
{
	background: url(http://www.allosurf.eu/IMG_skin/IMGlayout/spriteGouttes.png);
	background-repeat: no-repeat;
	background-position: -360px 1px;
}


/* ----------------------------------- */
/* sangles contenu block */
/* ----------------------------------- */
.sangle {
	position:relative;
/*	left:0px;
	top::0px;
	*/
}

.sanglecartehoule { 	
	width:629px; 
	height:355px;/*sans legende*/
	/*height:400px; avec legende*/
	background: url(lecteur/images/bglecteurH.png);
	background-repeat:no-repeat;
}

.sangleblocksemaine { 	
	width:629px; 
	height:234px;
	background: url(IMGmeteo/meteoallosurf1/bgblocksemaine.png);
	background-repeat:no-repeat;
}




/* ----------------------------------- */
/* cartes / loading / effets */
/* ----------------------------------- */

/*.carte { width:518px; height:318px; }*/
#cartehoule { 
	width:518px; 
	height:318px; 
	left:106px; 
	top:6px; 
	position:absolute; 
	/*background: url(IMGobjects/test.png); */
	z-index: 100;
}

#cartehouleaxel { 
	width:518px; 
	height:318px; 
	left:106px; 
	top:6px; 
	position:absolute; 
	/* background: url(IMGobjects/test.png); */
	z-index: 100;
}

.cartehoulecache { width:518px; height:318px; left:106px; top:6px; position:absolute; background: url(IMGobjects/bgboxcarte.png); z-index: 200;}
.loading { background-color:#ffffff; position:absolute; z-index: 100000; left: 106px; top: 76px; width:518px; height:318px; }


.slide { background-color: #ffffff; display: none; border-color: #777777; border-width: 1px; border-style: solid; margin-left: 50px; padding: 10px; width: 398px;}


/* ----------------------------------- */
/* lecteur cartes houle */
/* ----------------------------------- */

.lecteurcartes-01_ {
	position:absolute;
	left:0px;
	top:0px;
	width:629px;
	height:352px;
}

.lecteurcartes-02_ {
	position:absolute;
	left:0px;
	top:16px;
	width:106px;
	height:86px;
}

.lecteurcartes-04_ {
	position:absolute;
	left:624px;
	top:6px;
	width:5px;
	height:346px;
}

.menu_ {
	position:absolute;
	left:0px;
	top:92px;
	width:106px;
	height:21px;
}

.zone_, .zone_2 {
	background: url(lecteur/images/boutons/zone.png);
	background-position: 0px 0px;
	background-repeat: no-repeat;
	position:absolute;
	left:0px;
	top:66px;
	width:106px;
	height:21px;
}
.zone_2 {
	background: url(lecteur/images/boutons/actif.png);
	display: none;
}
.zone_:hover, zone_2:hover, .options_:hover, .options_2:hover, .legende_:hover, .legende_2:hover {
	background-position: 0px -21px;
}

.modeles_ {
	background: url(lecteur/images/boutons/modeles.png);
	position:absolute;
	left:0px;
	top:166px;
	width:106px;
	height:53px;
}

.options_,.options_2 {
	background: url(lecteur/images/boutons/balise.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	position:absolute;
	left:0px;
	top:126px;
	width:106px;
	height:21px;
}
.options_2 {
        background: url(lecteur/images/boutons/actif.png);
	display: none;
}

.legende_,.legende_2 {
	background: url(lecteur/images/boutons/legende.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	position:absolute;
	left:0px;
	top:6px;
	width:106px;
	height:21px;
	display: none;
}
.legende_2 {
	background: url(lecteur/images/boutons/actif.png);
	display: block;
}

.legende_deroulant {
	background: url(lecteur/images/boutons/bgderoulant.png);
	background-repeat: no-repeat;
	position:absolute;
	left:0px;
	top:28px;
	width:106px;
	height:21px;
	text-align: right;
	padding-right: 10px;
}

.lecteurcartes-10_ {
	position:absolute;
	left:106px;
	top:324px;
	width:518px;
	height:6px;
}

.lecteurcartes-11_ {
	position:absolute;
	left:0px;
	top:325px;
	width:106px;
	height:27px;
}

.bgslider {
	/* background: url(IMGcontenu/lecteurs/bgsliderTEMP.png); */
	background-repeat: no-repeat;
	position:absolute;
	left:105px;
	left:122px;
	left:106px;
	/*left:85px;*/
	top:325px;
	width:518px;
	height:29px;
}

.cursor {
	position:absolute;
	left:341px;
	top:325px;
	width:40px;
	height:29px;
}

/*.bgdate {
	background: url(lecteur/images/bgdate.png);
	background-repeat: no-repeat;
	position:absolute;
	left:3px;
	top:0px;
	width:120px;
	height:29px;
	color:#FFFFFF;
	font-size:16px;
	text-align:center;
	padding-top:2px;
	font-weight:bold;
	z-index:10;	
}*/

.bgheure {
	background: url(lecteur/images/bgheure.png);
	background-repeat: no-repeat;
	position:absolute;
	left:5px;
	top:290px;
	width:75px;
	height:28px;
	padding-top:6px;
	color:#FFFFFF;
	font-size:16px;
	text-align:center;
	font-weight:bold;
	z-index:10;
}

.bgzone {
	background: url(lecteur/images/bgzone.png);
	background-repeat: no-repeat;
	position:absolute;
	left:77px;
	top:290px;
	width:160px;
	height:28px;
	color:#FFFFFF;
	font-size:11px;
	text-align:center;
	padding-top:10px;
	z-index:10;
}

.bgmodele {
	background: url(lecteur/images/bgmodele.png);
	background-repeat: no-repeat;
	position:absolute;
	left:236px;
	top:290px;
	width:88px;
	height:28px;
	color:#FFFFFF;
	font-size:11px;
	text-align:center;
	padding-top:10px;
	font-weight:bold;
	z-index:10;
	cursor:help;
}

.starsjaune {
	color:#fcff00;
	font-size:10px;
	line-height:9px;	
}
.starsgris {
	color:#d8d7d7;
	font-size:10px;
	line-height:9px;	
}



.bgzoom {
	/*background: url(lecteur/images/zoom+.png);*/
	background-repeat: no-repeat;
	position:absolute;
	left:2px;
	top:290px;
	width:42px;
	height:29px;
	color:#FFFFFF;
	font-size:11px;
	font-weight:bold;
	z-index:10;
}

.legendeH {
	background: url(IMGobjects/bgboxcarte.png);
	/*border:1px solid #6e6e6e;*/
	position:absolute;
	left:0px;
	top:0px;
	width:518px;
	height:26px;
	text-align:center;
	padding-top:0px;
	z-index:11;
	float:left;
	display:inline-block;
}

.advertiseLH {
	background: url(IMGobjects/bgboxcarte.png);
	/*border:1px solid #6e6e6e;*/
	position:absolute;
	left:-107px;
	left:0px;
	top:181px;
	width:98px;
	color:#ffffff;
	font-size:11px;
	text-align:center;
	padding-top:0px;
	z-index:8;
	float:left;
	display:inline-block;
}




/* ----------------------------------- */
/* legende Houle */
/* ----------------------------------- */
#legendemesure { color:#ffffff; font-size:10px; float:right; margin:0px 0px 0px 0px; text-align:left; display:block; padding:1px 1px 1px 1px; }
.legendecolor {width:16px; height:10px; margin-right:0px; margin-left:1px; margin-bottom:1px; margin-top:1px; float:left; display:inline-block; border:0px solid #000000; padding:0px 0px 0px 0px;}
.legendetext { width:17px; margin:0px 0px 0px 0px; float:left; display:inline-block; border:0px solid #000000; padding:0px 0px 0px 0px; }
.legendedecal { width:8px; margin:0px 0px 0px 0px; float:left; display:inline-block; border:0px solid #000000; padding:0px 0px 0px 0px; }

.Lunit {color:#ffffff; font-size:10px; font-family:'Trebuchet MS',tahoma;}
.Ldecim {color:#ffffff; font-size:8px; font-family:'Trebuchet MS',tahoma;}

/* ----------------------------------- */
/* formulaires input                   */
/* ----------------------------------- */

.inputSpam {
    color: #000000;
	font: 20px 'trebuchet MS', tahoma,Verdana,Arial,Helvetica,sans-serif;
	border: 1px solid #cccccc;
	height: 30px;
	width: 100px;
	text-align: left;
	font-weight: bold;
}
.InputSpam:focus {
    background-color: #ffffff;
    font: 20px 'trebuchet MS', tahoma,Verdana,Arial,Helvetica,sans-serif;
	border: 1px solid #cccccc;
	height: 30px;
	width: 100px;
	text-align: left;
	font-weight: bold;
}

.deroullegende {

	font-family: 'Trebuchet MS',tahoma , Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: italic;
	text-transform: uppercase;
	color: #777777;
	height:17px;
	width: 80px;
	background-color:#ffffff;
	border: 1px solid #434343;
	margin-top:2px;
}

.derouldivers {
	color: #000000;
	font-size: 10px;
	font-family : 'Trebuchet MS',tahoma, Verdana, Arial, Helvetica, sans-serif;
	/*border: 1px solid #000000;*/
	height: 20px;
	text-align:left;
}

.deroulDivers {
	color: #000000;
	font-size: 10px;
	font-family : 'Trebuchet MS',tahoma, Verdana, Arial, Helvetica, sans-serif;
	/*border: 1px solid #000000;*/
	height: 20px;
	text-align:left;
}

.inputDivers {
	font-size: 10px;
	font-family : 'Trebuchet MS',tahoma, Verdana, Arial, Helvetica, sans-serif;
	/*border: 1px solid #000000;*/
	height: 12px;
	text-align:left;
}

.boutonDivers {
	font-size: 10px;
	font-family : 'Trebuchet MS',tahoma, Verdana, Arial, Helvetica, sans-serif;
	/*border: 1px solid #000000;*/
	height:20px;
	cursor:pointer;
}

.textarea {
	width: 98%;
	font-family: inherit;
	font-size:11px;
}	

.boutonAjaxSpots {
	width:31px;
	height:28px; 
	font-size:16px; 
	color:#422e0d; 
	padding-left:0px;
}
.textAjaxSpots {
	width:153px; 
	height:18px; 
	color:#c9c4b9;
}
.boutonAjaxMeteoFrance {
	width:31px;
	height:26px; 
	font-size:16px; 
	color:#868f1d; 
	padding-left:0px;
}
.textAjaxMeteoFrance {
	width:153px; 
	height:18px; 
	color:#a9b61c;
}

.boutonAjaxMeteoSki {
	width:31px;
	height:26px; 
	font-size:16px; 
	color:#243443; 
	padding-left:0px;
}
.textAjaxMeteoSki {
	width:153px; 
	height:18px; 
	color:#6ec3ff;
}

/* ----------------------------------- */
/* formulaire autocomplete  */
/* ----------------------------------- */


.ac_results {
	padding: 0px;
	border: 1px solid black;
	background-color: white;
	overflow: hidden;
	z-index: 99999;
}

.ac_results ul {
	width: 100%;
	list-style-position: outside;
	list-style: none;
	padding: 0;
	margin: 0;
}

.ac_results li {
	margin: 0px;
	padding: 2px 5px;
	cursor: default;
	display: block;
	/* 
	if width will be 100% horizontal scrollbar will apear 
	when scroll mode will be used
	*/
	/*width: 100%;*/
	font: menu;
	font-size: 12px;
	/* 
	it is very important, if line-height not setted or setted 
	in relative units scroll will be broken in firefox
	*/
	line-height: 16px;
	overflow: hidden;
	text-align: left;
}

.ac_loading {
	background: white url('indicator.gif') right center no-repeat;
}

.ac_odd {
	background-color: #eee;
}

.ac_over {
	background-color: #0A246A;
	background-color: #AEA58F;
	color: white;
}


/* ----------------------------------- */
/* texte divers */
/* ----------------------------------- */
.modeleOFF:link { text-decoration:none; color:#6e6e6e; font-size:10px; font-family : 'Trebuchet MS',tahoma, Verdana, Arial, Helvetica, sans-serif;}

/* ----------------------------------- */
/* liens */
/* ----------------------------------- */

/* categories */
a.cat:link { text-decoration:none; color:#bcbcbc; font-size:12px; font-family : 'Trebuchet MS',tahoma, Verdana, Arial, Helvetica, sans-serif;}
a.cat:visited { text-decoration:none; color:#bcbcbc; font-size:12px; font-family : 'Trebuchet MS',tahoma, Verdana, Arial, Helvetica, sans-serif;}
a.cat:hover { text-decoration:none; color:#ffffff; font-size:12px; font-family : 'Trebuchet MS',tahoma, Verdana, Arial, Helvetica, sans-serif;}

/* rubriques survolée*/
.catON { text-decoration:none; color:#ffffff; font-size:12px; font-family : 'Trebuchet MS',tahoma, Verdana, Arial, Helvetica, sans-serif;}


/* rubriques ONGLETS */
a.rub:link { text-decoration:none; color:#d9d9d9; font-size:12px; font-family : 'Trebuchet MS',tahoma, Verdana, Arial, Helvetica, sans-serif;}
a.rub:visited { text-decoration:none; color:#d9d9d9; font-size:12px; font-family : 'Trebuchet MS',tahoma, Verdana, Arial, Helvetica, sans-serif;}
a.rub:hover { text-decoration:none; color:#6e6e6e; font-size:12px; font-family : 'Trebuchet MS',tahoma, Verdana, Arial, Helvetica, sans-serif;}

/* sous rubriques survolée ONGLETS */
.rubON { text-decoration:none; color:#000000; font-size:12px; font-family : 'Trebuchet MS',tahoma, Verdana, Arial, Helvetica, sans-serif;}


a.sousrub { padding-top: 7px; padding-bottom: 7px; padding-left: 10px; padding-right: 10px; }

/* sous rubriques */
a.sousrub:link { text-decoration:none; color:#6e6e6e; font-size:12px; font-family : 'Trebuchet MS',tahoma, Verdana, Arial, Helvetica, sans-serif;}
a.sousrub:visited { text-decoration:none; color:#6e6e6e; font-size:12px; font-family : 'Trebuchet MS',tahoma, Verdana, Arial, Helvetica, sans-serif;}
a.sousrub:hover { text-decoration:none; color:#000000; font-size:12px; font-family : 'Trebuchet MS',tahoma, Verdana, Arial, Helvetica, sans-serif;}

/* sous rubriques survolée */
.sousrubON { color:#0093d7; font-size:11px; text-decoration:none; font-family : 'Trebuchet MS',tahoma, Verdana, Arial, Helvetica, sans-serif; text-decoration: none; background-color:#e8f5fb;}
.FsousrubON { text-decoration:none; color:#333333; font-size:11px; font-family : 'Trebuchet MS',tahoma, Verdana, Arial, Helvetica, sans-serif; background-color:#e8f5fb;}
.vousetesici { text-decoration:none; color:#333333; font-size:11px; font-family : 'Trebuchet MS',tahoma, Verdana, Arial, Helvetica, sans-serif; background:none;}

/* sous rubriques separateur */
.sousrubSEP { font-weight:bold; text-decoration:none; color:#6e6e6e; font-size:12px; font-family : 'Trebuchet MS',tahoma, Verdana, Arial, Helvetica, sans-serif; margin-right:0px; margin-left:0px; z-index: 1; padding: 7px 10px 7px 10px;}

/* liens footer */
a.footer:link { text-decoration:none; color:#000000; font-size:10px; font-family : 'Trebuchet MS',tahoma, Verdana, Arial, Helvetica, sans-serif;}
a.footer:visited { text-decoration:none; color:#000000; font-size:10px; font-family : 'Trebuchet MS',tahoma, Verdana, Arial, Helvetica, sans-serif;} */
a.footer:hover { text-decoration:none; color:#404040; font-size:10px; font-family : 'Trebuchet MS',tahoma, Verdana, Arial, Helvetica, sans-serif;}

.footer { text-decoration:none; color:#404040; font-size:10px; font-family : 'Trebuchet MS',tahoma, Verdana, Arial, Helvetica, sans-serif;}

/* liens contenu */
a.apage:link { text-decoration:underline; color:#333333; font-size:11px; font-family : 'Trebuchet MS',tahoma, Verdana, Arial, Helvetica, sans-serif;}
a.apage:visited { text-decoration:underline; color:#333333; font-size:11px; font-family : 'Trebuchet MS',tahoma, Verdana, Arial, Helvetica, sans-serif;}
a.apage:hover { text-decoration:none; color:#000000; font-size:11px; font-family : 'Trebuchet MS',tahoma, Verdana, Arial, Helvetica, sans-serif;}

/* liens contenu */
a.apageTitle:link {color:#0093D7; font-family:'Trebuchet MS',tahoma,Verdana,Arial,Helvetica,sans-serif; font-size:12px; font-weight:bold; text-decoration:none; }
a.apageTitle:visited {color:#0093D7; font-family:'Trebuchet MS',tahoma,Verdana,Arial,Helvetica,sans-serif; font-size:12px; font-weight:bold; text-decoration:none; }
a.apageTitle:hover {color:#0093D7; font-family:'Trebuchet MS',tahoma,Verdana,Arial,Helvetica,sans-serif; font-size:12px; font-weight:bold; text-decoration:none; }

/* liens contenu */
a.zoom:link { text-decoration:none; color:#ffffff; font-size:11px; font-family : 'Trebuchet MS',tahoma, Verdana, Arial, Helvetica, sans-serif;}
a.zoom:visited { text-decoration:none; color:#ffffff; font-size:11px; font-family : 'Trebuchet MS',tahoma, Verdana, Arial, Helvetica, sans-serif;}
a.zoom:hover { text-decoration:none; color:#ffffff; font-size:11px; font-family : 'Trebuchet MS',tahoma, Verdana, Arial, Helvetica, sans-serif;}

a.LienspseudoBLEU:link { color:#277fc9; font-family:'Trebuchet MS',tahoma, Verdana, Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; text-decoration:none; }
a.LienspseudoBLEU:visited { color:#277fc9; font-family:'Trebuchet MS',tahoma, Verdana, Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; text-decoration:none; }
a.LienspseudoBLEU:hover { color:#277fc9; font-family:'Trebuchet MS',tahoma, Verdana, Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; text-decoration:none; }

a.moderation:link { color:#c92764; font-family:'Trebuchet MS',tahoma, Verdana, Arial, Helvetica, sans-serif; font-size:10px; font-weight:bold; text-decoration:none; }
a.moderation:visited { color:#c92764; font-family:'Trebuchet MS',tahoma, Verdana, Arial, Helvetica, sans-serif; font-size:10px; font-weight:bold; text-decoration:none; }
a.moderation:hover { color:#c92764; font-family:'Trebuchet MS',tahoma, Verdana, Arial, Helvetica, sans-serif; font-size:10px; font-weight:bold; text-decoration:none; }

a.pseudoStatut {color: #0093D7; text-decoration: none;}
a.pseudoStatut:visited {color: #0093D7}
a.pseudoStatut:hover {color: #0093D7}
a.pseudoStatut:link {color: #0093D7}

a.nomspot:link { color:#fe8f00; text-decoration:none; }
a.nomspot:hover { color:#fe8f00; text-decoration:none; }
a.nomspot:visited { color:#fe8f00; text-decoration:none; }

/*liens nav météo surf*/
a.lienzoneSTANDARD { text-decoration:none; color:#333333; display:block; font-size:11px; padding:1px 0 1px 2px; }
a.lienzoneSTANDARD:visited { text-decoration:none; color:#333333; display:block; font-size:11px; padding:1px 0 1px 2px; }
a.lienzoneSTANDARD:hover {display:block; font-size:11px; padding:1px 0 1px 2px; background-color:#84AD09; color:#FFFFFF; text-decoration:none;}
a.lienzoneSTANDARD:active {display:block; font-size:11px; padding:1px 0 1px 2px; background-color:#84AD09; color:#FFFFFF; text-decoration:none;}

a.lienzonePREMIUM { text-decoration:none; color:#333333; display:block; font-size:11px; padding:1px 0 1px 2px; }
a.lienzonePREMIUM:visited { text-decoration:none; color:#333333; display:block; font-size:11px; padding:1px 0 1px 2px; }
a.lienzonePREMIUM:hover {display:block; font-size:11px; padding:1px 0 1px 2px; background-color:#ff3c00; color:#FFFFFF; text-decoration:none;}
a.lienzonePREMIUM:active {display:block; font-size:11px; padding:1px 0 1px 2px; background-color:#ff3c00; color:#FFFFFF; text-decoration:none;}

h1 { font-weight:bold; color:#000000; font-size:12px; font-family : 'Trebuchet MS',tahoma, Verdana, Arial, Helvetica, sans-serif;}

pseudoBLEU:link { color:#277fc9; font-family:'Trebuchet MS',tahoma, Verdana, Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; text-decoration:none; }




/* ----------------------------------- */
/* regions cliquables pat */
/* ----------------------------------- */
#gdg2 
{
	top: 30px; 
	left: 200px;
	width: 100px;
	height: 30px;
	z-index: 100000;
}

div.bghover {
	background: url(http://www.allosurf.eu/IMG_skin/IMGlayout/transparent.gif);
	position:absolute;
	padding-top:8px;
	color:#FFFFFF;
	font-size:16px;
	text-align:center;
	font-weight:bold;
	z-index:10;
}

div.bghover:hover {
	background: url(IMGobjects/bgboxcarte.png);
}

#atlantique1 { top: 100px; left: 100px; width: 100px; height: 100px }
#atlantique2 { top: 150px; left: 180px; width: 100px; height: 100px }
#atlantique3 { top: 50px; left: 400px; width: 50px; height: 50px }
#atlantique4 { top: 120px; left: 120px; width: 50px; height: 50px; z-index: 11; }

/* ----------------------------------- */
/* surf report */
/* ----------------------------------- */
div.bgday { 
	margin-right:0px; 
	margin-left:0px; 
	margin-bottom:0px; 
	margin-top:0px;
	border:0px solid #000000;
	padding:0px 0px 0px 0px;
	text-align:left;
	font-family : 'Trebuchet MS',tahoma, Verdana, Arial, Helvetica, sans-serif;
	width:622px;
}
#bgdayhight {
	background-color:#e0e0e0;
	float:left;
	display:inline-block;
}
#bgdaylow {
	background-color:#ffffff;
	float:left;
	display:inline-block;
}
.bghoulepat {
	/*background-color:#aea58f;*/
	border:1px solid #898989;
	padding:1px 0px 1px 3px;
	text-align:left;
	line-height:12px;
	color:#000000;
}
.bghoule{
	/*background-color:#aea58f;*/
	background-color:#ffffff;
	border:1px solid #cccccc;
	padding:1px 0px 1px 3px;
	text-align:left;
	line-height:12px;
	color:#000000;
}
.bgvent{
	/*background-color:#aea58f;*/
	background-color:#ffffff;
	width:100px;
	border:0px;
	padding:1px 0px 1px 3px;
	text-align:left;
	line-height:12px;
	color:#000000;
}

.valeur{
	font-family : 'Trebuchet MS',tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	color:#000000;
}
.valeurdecim{
	font-family : 'Trebuchet MS',tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:bold;
	color:#000000;
}
.unit{
	font-family : 'Trebuchet MS',tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#000000;
}
td.fondblanc{
	/*background-color:#aea58f;*/
	background-color:#ffffff;
}
td.fondgris{
	/*background-color:#aea58f;*/
	background-color:#aea58f;
	font-size:0.9em;
	color:#ffffff;
}

div.BScartehoule {
	position:absolute;
	left:57px;
	top:41px;
	padding:0px 0px 0px 0px;
	text-align:center;
	width:254px;
	height:156px;
	z-index:100;
}

div.BScartevent {
	position:absolute;
	left:319px;
	top:41px;
	padding:0px 0px 0px 0px;
	text-align:center;
	width:254px;
	height:156px;
	z-index:100;
}
.BSLunit {color:#777777; font-size:16px; font-family:'Trebuchet MS',tahoma;}
.BSLdecim {color:#777777; font-size:13px; font-family:'Trebuchet MS',tahoma;}
.BSLheure {color:#777777; font-size:10px; font-family:'Trebuchet MS',tahoma;}
div.BSvaleursHoule {
	position:absolute;
	left:161px;
	top:15px;
	padding:0px 0px 0px 0px;
	text-align:right;
	width:105px;
	height:25px;
}
div.BSvaleursVent {
	position:absolute;
	left:364px;
	top:15px;
	padding:0px 0px 0px 0px;
	text-align:left;
	width:123px;
	height:25px;
}
div.BSvaleursHeure {
	position:absolute;
	left:277px;
	top:26px;
	padding:0px 0px 0px 0px;
	text-align:center;
	width:40px;
	height:12px;
	z-index:1;
}
div.BSvaleursPicto {
	position:absolute;
	left:303px;
	top:7px;
	padding:0px 0px 0px 0px;
	text-align:center;
	width:50px;
	height:32px;
	z-index:2;
}
/* ------------------------------------------ */
/* legende Houle meteoallosurf1 block semaine */
/* ------------------------------------------ */
.contenerlegendeBSh {
	position:absolute;
	left:17px;
	top:18px;
	padding:0px 0px 0px 0px;
	text-align:center;
	width:22px;
	height:213px;
}
.legendecolorH {width:22px; height:5px; margin-right:0px; margin-left:0px; margin-bottom:0px; margin-top:0px; border:1px solid #ffffff; padding:0px 0px 0px 0px; background-color:#000000; /* <- a supprimer lors de la dynamisation */}

.contenerlegendeBSv {
	position:absolute;
	right:17px;
	top:18px;
	padding:0px 0px 0px 0px;
	text-align:center;
	width:22px;
	height:213px;
}
.legendecolorV {width:22px; height:5px; margin-right:0px; margin-left:0px; margin-bottom:0px; margin-top:0px; border:1px solid #ffffff; padding:0px 0px 0px 0px; background-color:#000000; /* <- a supprimer lors de la dynamisation */}

/* ------------------------------------------ */
/* div messages alertes */
/* ------------------------------------------ */

.diverreur, .divsucces, .divwarning {
	position:relative;
	padding:5px 0px 5px 0px;
	text-align:center;
	width:100%;
	color:#FFFFFF;
	font-family:'Trebuchet MS',tahoma,Verdana,Helvetica,Arial,sans-serif;
	font-size:1.1em;
	margin:0 0 0.5em;
}
.divsucces {
	background-color:#009900;
}
.diverreur {
	background-color:#FF0000;
}
.divwarning {
	background-color:#BBBB00;
}

.divkill {
	/*position:relative;*/
	border:solid 1px #FFFFFF;
	padding:2px 2px 2px 2px;
	width:45px;
	height:12px;
	line-height:12px;
	font-size:13px;
	text-align:center;
	font-weight:bold;
	cursor:pointer;
	margin-left:47%;
	margin-top:5px;
}

.textalert{font-family:'Trebuchet MS',tahoma,Verdana,Helvetica,Arial,sans-serif; font-style: italic; font-weight: bold; font-size: 1.6em}

a.lienalert:link {font-family:'Trebuchet MS',tahoma, Verdana, Arial, Helvetica, sans-serif; color: #000000; text-decoration:none; font-style:italic; font-weight:bold; font-size:12px;}
a.lienalert:visited {font-family:'Trebuchet MS',tahoma, Verdana, Arial, Helvetica, sans-serif; color: #000000; text-decoration:none; font-style:italic; font-weight:bold; font-size:12px;}
a.lienalert:hover {font-family:'Trebuchet MS',tahoma, Verdana, Arial, Helvetica, sans-serif; color: #000000; text-decoration:none; font-style:italic; font-weight:bold; font-size:12px;}


/* ------------------------------------------ */
/* div pagination */
/* ------------------------------------------ */

div.paginationpat {
	padding: 3px;
	margin: 3px;
}

div.paginationpat a {
	padding: 2px 5px 2px 5px;
	margin: 2px;
	border: 1px solid #4f4f4f;
	text-decoration: none; /* no underline */
	color: #4f4f4f;
}
div.paginationpat a:hover, div.paginationpat a:active {
	border: 1px solid #000000;
	color: #000000;
}
div.paginationpat span.currentpagination {
	padding: 2px 5px 2px 5px;
	margin: 2px;
	border: 1px solid #000000;
	font-weight: bold;
	background-color: #aea58f;
	color: #000000;
}
div.paginationpat span.disabled {
	padding: 2px 5px 2px 5px;
	margin: 2px;
	border: 1px solid #999999;
	color: #999999;
}


/* ------------------------------------------ */
/* FOOTER MEMBRE CSS position-fixed           */
/* ------------------------------------------ */
#foot
{
    background      : #1c1c1c;
    height          : 26px;
    border-bottom   : 1px solid #6F6B61;
    border-top      : 1px solid #7F7F7F;
    width           : 100%;
    position        : fixed;
    bottom          : 0;
    z-index         : 10000000;
    left            : 0px;
}


#boutonfermer {
	top: 1px;
	right: 1px;
	position: absolute;
}
#boutonfermer a {background: url(/IMGobjects/cancelonoff.png) 0px 0px no-repeat; width: 16px; height: 16px; display: block;}
#boutonfermer a:hover {background: url(/IMGobjects/cancelonoff.png) -0px -16px no-repeat;}




/* ------------------------------------------ */
/* CSS LIENS MESSAGERIE           */
/* ------------------------------------------ */
a.messagelu:link { text-decoration: none; color: #666666; font-size:11px;}	
a.messagelu:hover { text-decoration: none; color: #666666; font-size:11px;}
a.messagelu:visited { text-decoration: none; color: #666666; font-size:11px;}

a.messagenonlu:link { text-decoration: none; color: #0684b2; font-size:11px;}	
a.messagenonlu:hover { text-decoration: none; color: #0684b2; font-size:11px;}
a.messagenonlu:visited { text-decoration: none; color: #0684b2; font-size:11px;}
	                

/* ------------------------------------------ */
/* IMAGES                                     */
/* ------------------------------------------ */
.borderIMG {
	border:#616161 solid 1px;
}

.IMGnewsPrincipale {
	border:1px solid #616161;
	float:left;
	margin:0px 0px 7px 0;
}
/* ------------------------------------------ */
/* DIVERS                                     */
/* ------------------------------------------ */

.infobulle {
	background-image:url(IMGobjects/infobulle.png);
	background-repeat: no-repeat;
	width:243px;
	height:48px;
	text-align:center;
	padding-top:6px;
	color:#808080;	
	/* line-height: 12px; */
}

.loadinggif {
	background-image:url(IMGobjects/loading.gif);
	background-repeat: no-repeat;
	width: 16px;
	height: 16px;
}

.fieldsetSTYLE { font-family:'trebuchet MS',Verdana,Helvetica,Arial,sans-serif; border:solid 1px #A0A0A0; padding: 0; }


.boutonfermerclass {
	position: relative;
	display: inline;
	font-size:10px;
	line-height:10px;
	margin-top:2px;
}

.boutonfermerclass a { background: url(http://www.allosurf.eu/IMGobjects/cancelonoff.png) 0px 0px no-repeat; width: 16px; height: 16px; float:left;}
.boutonfermerclass a:hover {background: url(http://www.allosurf.eu/IMGobjects/cancelonoff.png) -0px -16px no-repeat;}

/* ------------------------------------------ */
/* ACCES REPORTERS PRO                                     */
/* ------------------------------------------ */


.inputReport {
	color: #000000;
	font: 9px tahoma, Verdana, Arial, Helvetica, sans-serif;
	border: 1px solid #cccccc;
	height: 16px;
	width: 80%;
	text-align: left;
}

table.report {
    width: 95%;	
	border-style:solid;
    border-top-width:1px;
	border-left-width:1px;
	border-right-width:1px;
	border-bottom-width:1px;
	border-color:#8d8d8c;
	background-color: #dcdcdc;
	overflow: hidden;
	overflow-y:auto;
	margin-left: 1px;
	margin-top: 1px;
	margin-right: 1px;
	margin-bottom: 1px;
}

.NomShop { 
	color : #000000;
	font-size:11px;
	font-family: 'Trebuchet MS', Tahoma, Verdana, Arial, serif;
}


table.tableau
{
    border-style:solid;
    border-top-width:1px;
	border-left-width:1px;
	border-right-width:1px;
	border-bottom-width:1px;
	border-color:#000000;
	background-color: #ffffff;
	margin-left: 1px;
	margin-top: 1px;
	margin-right: 1px;
	margin-bottom: 1px;
	width:750px;
}

td.ongletOFF
{
border-style:solid;
    border-top-width:0px;
	border-left-width:0px;
	border-right-width:1px;
	border-bottom-width:1px;
	border-color:#000000;
	background-color: #aea58f;
	overflow: hidden;
	overflow-y:auto;
	margin-left: 1px;
	margin-top: 1px;
	margin-right: 1px;
	margin-bottom: 1px;
	color: #ffffff;
}

td.ongletOFFdroite
{
border-style:solid;
    border-top-width:0px;
	border-left-width:0px;
	border-right-width:0px;
	border-bottom-width:1px;
	border-color:#000000;
	background-color: #aea58f;
	overflow: hidden;
	overflow-y:auto;
	margin-left: 1px;
	margin-top: 1px;
	margin-right: 1px;
	margin-bottom: 1px;
	color: #ffffff;
}

td.ongletON
{
	border-style:solid;
    border-top-width:0px;
	border-left-width:0px;
	border-right-width:1px;
	border-bottom-width:0px;
	border-color:#000000;
	background-color: #ffffff;
	overflow: hidden;
	overflow-y:auto;
	margin-left: 1px;
	margin-top: 1px;
	margin-right: 1px;
	margin-bottom: 1px;
}
td.ongletONdroite
{
	border-style:solid;
    border-top-width:0px;
	border-left-width:0px;
	border-right-width:0px;
	border-bottom-width:0px;
	border-color:#000000;
	background-color: #ffffff;
	overflow: hidden;
	overflow-y:auto;
	margin-left: 1px;
	margin-top: 1px;
	margin-right: 1px;
	margin-bottom: 1px;
}

table.tableauvtr
{
    border-style:solid;
    border-top-width:1px;
	border-left-width:1px;
	border-right-width:1px;
	border-bottom-width:1px;
	border-color:#000000;
	background-color: #ffffff;
	margin-left: 1px;
	margin-top: 1px;
	margin-right: 1px;
	margin-bottom: 1px;
}


td.ongletOFFvtr
{
border-style:solid;
    border-top-width:0px;
	border-left-width:0px;
	border-right-width:1px;
	border-bottom-width:1px;
	border-color:#000000;
	background-color: #cfcfcf;
	overflow: hidden;
	overflow-y:auto;
	margin-left: 1px;
	margin-top: 1px;
	margin-right: 1px;
	margin-bottom: 1px;
	color:#000000;
}

td.ongletONvtr
{
	border-style:solid;
    border-top-width:0px;
	border-left-width:0px;
	border-right-width:1px;
	border-bottom-width:0px;
	border-color:#000000;
	background-color: #ffffff;
	overflow: hidden;
	overflow-y:auto;
	margin-left: 1px;
	margin-top: 1px;
	margin-right: 1px;
	margin-bottom: 1px;
	color:#000000;
}

div.reportdiv
{
font-size: 9px;
font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
}
div.transpReport {
	/*background-image:url(IMGobjects/bgboxcarte.png);
	border-top:1px solid #FFFFFF;*/
	background-image:url(IMGobjects/bgdiv.png);
	background-repeat:repeat-x;
	display:block;
	height:65px;
	left:0;
	position:absolute;
	top:175px;
	width:620px;
}

/* ------------------------------------------ */
/* METEO VILLES                               */
/* ------------------------------------------ */

a.jourchrono:link { text-decoration: none; font-weight: bold; color: #ffffff; font-size:11px; font-family: 'Trebuchet MS', Tahoma, Verdana, Arial, serif;}	
a.jourchrono:visited { text-decoration: none; font-weight: bold; color: #ffffff; font-size:11px; font-family: 'Trebuchet MS', Tahoma, Verdana, Arial, serif;}
a.jourchrono:hover { text-decoration: none; font-weight: bold; color: #ffffff; font-size:11px; font-family: 'Trebuchet MS', Tahoma, Verdana, Arial, serif;}
.jourchronoON { text-decoration: none; font-weight: bold; color: #b2c804; font-size:11px; font-family: 'Trebuchet MS', Tahoma, Verdana, Arial, serif;}

.basse { color: #4b96fa; font-size:11px; font-family: 'Trebuchet MS', Tahoma, Verdana, Arial, serif;}
.haute { color: #ff0000; font-size:11px; font-family: 'Trebuchet MS', Tahoma, Verdana, Arial, serif;}

a.map:link { text-decoration: none; font-weight: bold; color: #ffffff; font-size:11px; font-family: 'Trebuchet MS', Tahoma, Verdana, Arial, serif;}	
a.map:visited { text-decoration: none; font-weight: bold; color: #ffffff; font-size:11px; font-family: 'Trebuchet MS', Tahoma, Verdana, Arial, serif;}
a.map:hover { text-decoration: none; font-weight: bold; color: #ffffff; font-size:11px; font-family: 'Trebuchet MS', Tahoma, Verdana, Arial, serif;}


a.mapnew:link { text-decoration: none; font-weight: bold; color: #211f1a; font-size:11px; font-family: 'Trebuchet MS', Tahoma, Verdana, Arial, serif;}	
a.mapnew:visited { text-decoration: none; font-weight: bold; color: #211f1a; font-size:11px; font-family: 'Trebuchet MS', Tahoma, Verdana, Arial, serif;}
a.mapnew:hover { text-decoration: none; font-weight: bold; color: #211f1a; font-size:11px; font-family: 'Trebuchet MS', Tahoma, Verdana, Arial, serif;}


a.mapcarte:link { text-decoration: none; color: #5e6067; font-size:10px; font-family: 'Trebuchet MS', Tahoma, Verdana, Arial, serif;}	
a.mapcarte:visited { text-decoration: none; color: #5e6067; font-size:10px; font-family: 'Trebuchet MS', Tahoma, Verdana, Arial, serif;}
a.mapcarte:hover { text-decoration: none; color: #5e6067; font-size:10px; font-family: 'Trebuchet MS', Tahoma, Verdana, Arial, serif;}

.map { text-decoration: none; font-weight: bold; color: #8c8c8e; font-size:11px; font-family: 'Trebuchet MS', Tahoma, Verdana, Arial, serif;}	
.mapinfo { color: #8c8c8e; font-size:9px; font-family: 'Trebuchet MS', Tahoma, Verdana, Arial, serif;}

a.lienjour:link { text-decoration: none; color: #ffffff; font-size:10px; font-family: 'Trebuchet MS', Tahoma, Verdana, Arial, serif;}	
a.lienjour:visited { text-decoration: none; color: #ffffff; font-size:10px; font-family: 'Trebuchet MS', Tahoma, Verdana, Arial, serif;}
a.lienjour:hover { text-decoration: none; color: #ffffff; font-size:10px; font-family: 'Trebuchet MS', Tahoma, Verdana, Arial, serif;}

a.lienrose { text-decoration: none; color: #ec8889; font-size:10px; font-family: 'Trebuchet MS', Tahoma, Verdana, Arial, serif;}

.tempmap { text-decoration: none; color: #ffffff; font-size:10px; font-family: 'Trebuchet MS', Tahoma, Verdana, Arial, serif;}

.sanglechrono {background-image:url(IMGmeteo/classic/onglet.png); background-repeat:no-repeat; position:relative; width:94px; height:78px; margin-left:1px;}

.menucarte {
    border-top-width:0px;
	border-left-width:1px;
	border-right-width:1px;
	border-bottom-width:1px;
	border-color:#000000;
	border-style:solid;
	background-color:#aea58f;
	padding:1px;
	width:420px;
	height:20px;
	text-align:right;	
}

table.menuville {
    border-top-width:0px;
	border-left-width:1px;
	border-right-width:1px;
	border-bottom-width:1px;
	border-color:#000000;
	border-style:solid;
	/*background-color:#5e6067;*/
	background-color:#CFC7A2;
	padding:1px;
	width:287px;
	height:25px;	
}

.ville {
    border:1px #000000 solid;
	/*background-color:#5e6067;*/
	background-color:#2b2b2b;
	padding:0px;
	height:367px;
	width:334px;	
}

div.regions {
    border:0px;
	background-color:#ffffff;
	padding:2px 2px 2px 2px;	
}

table.villes {
    border-top-width:1;
	border-left-width:1;
	border-right-width:1;
	border-bottom-width:1;
	border-color:#000000;
	border-style:solid;
	background-color:#ffffff;
	padding:2px;	
}

.villegrandtitre { text-decoration: none; font-weight: bold; color: #ffffff; font-size:18px; font-family: 'Trebuchet MS', Tahoma, Verdana, Arial, serif;}
.meteodate { text-decoration: none; color: #b2c804; font-size:11px; font-family: 'Trebuchet MS', Tahoma, Verdana, Arial, serif;}

.villedonnees { text-decoration: none; font-weight: bold; color: #ffffff; font-size:11px; font-family: 'Trebuchet MS', Tahoma, Verdana, Arial, serif;}
.villedonnees2 { text-decoration: none; color: #ffffff; font-size:11px; font-family: 'Trebuchet MS', Tahoma, Verdana, Arial, serif;}
.villemesure { text-decoration: none; color: #ffffff; font-size:9px; font-family: 'Trebuchet MS', Tahoma, Verdana, Arial, serif;}

/* ----------------------------------- */
/* spots                               */
/* ----------------------------------- */

a.lienGGmapsclair:link { text-decoration: none; color: #ffffff; font-size:10px; font-family: 'Trebuchet MS', Tahoma, Verdana, Arial, serif; line-height:14px; }
a.lienGGmapsclair:visited { text-decoration: none; color: #ffffff; font-size:10px; font-family: 'Trebuchet MS', Tahoma, Verdana, Arial, serif; line-height:14px; }
a.lienGGmapsclair:hover { text-decoration: none; color: #ffffff; font-size:10px; font-family: 'Trebuchet MS', Tahoma, Verdana, Arial, serif; line-height:14px; }

.nomspotGGmaps {text-decoration: none; color:#FDCD20; font-size:13px; font-style:italic; font-weight: bold; font-family: 'Trebuchet MS', Tahoma, Verdana, Arial, serif; line-height:14px; }


.sanglegalerie {width:630px; background-color:#2c2c2c; position:relative;}
.bginfophoto {z-index:1; position:absolute; bottom:0px; left:0px; height:55px; background-image:url(IMGobjects/bgboxcarte.png); width:630px;}
.spotname {position:absolute; top:0px; left:4px; font-size:18px; color:#A16C15; font-style:italic;}
.photouser {position:absolute; top:22px; left:4px; font-size:10px; color:#ffffff;}
.photodate {position:absolute; top:37px; left:4px; font-size:10px; color:#ffffff;}
.photocomment {position:absolute; top:23px; left:230px; width:300px; font-size:10px; color:#f19517; line-height:10px; float:left;}
.photorate {position:absolute; top:12px; right:5px; font-size:10px; color:#ffffff; font-size:11px; color:#f19517; text-align:center;}
.photoprincipale {z-index:0; text-align:center; position:relative;}
.photoagrandir {z-index:1; position:absolute; top:0px; right:15px;}
.backspot {z-index:1; position:absolute; top:0px; left:15px;}
.nomspotdeco {position:absolute; top:8px; left:70px; font-size:22px; color:#e0ddd4; font-style:italic; font-weight:bold; width:560px;}
.bgdecorminia {background-image:url(IMGspots/bgPhotos.png); background-repeat:no-repeat; width:630px;}

/* ----------------------------------- */
/* firefox pointille */
/* ----------------------------------- */
a
{
	outline: none;
}
:focus
{
	-moz-outline-style: none;
}
/* a:focus {outline:none}
*/

/* ----------------------------------- */
/* div google   maps                   */
/* ----------------------------------- */

/* ----------------------------------- */
/* Crews        bulles & co            */
/* ----------------------------------- */


div.crew-verte-bulle-box { float: left; }
div.crew-verte-bulle-tl { background: transparent url('IMGcrews/bulles/bulle_verte.png') no-repeat top left; padding-top: 16px; padding-left: 16px; }
div.crew-verte-bulle-bl { background: transparent url('IMGcrews/bulles/bulle_verte.png') no-repeat bottom left; height: 16px; padding-left: 16px; }
div.crew-verte-bulle-tr { background: transparent url('IMGcrews/bulles/bulle_verte.png') no-repeat top right; padding-right: 16px; }
div.crew-verte-bulle-br { background: transparent url('IMGcrews/bulles/bulle_verte.png') no-repeat bottom right; padding-right: 16px; }


div.crew-grise-bulle-box { float: left; }
div.crew-grise-bulle-tl { background: transparent url('IMGcrews/bulles/bulle_grise.png') no-repeat top left; padding-top: 16px; padding-left: 16px; }
div.crew-grise-bulle-bl { background: transparent url('IMGcrews/bulles/bulle_grise.png') no-repeat bottom left; height: 16px; padding-left: 16px; }
div.crew-grise-bulle-tr { background: transparent url('IMGcrews/bulles/bulle_grise.png') no-repeat top right; padding-right: 16px; }
div.crew-grise-bulle-br { background: transparent url('IMGcrews/bulles/bulle_grise.png') no-repeat bottom right; padding-right: 16px; }

div.crew-jaune-bulle-box { float: left; }
div.crew-jaune-bulle-tl { background: transparent url('IMGcrews/bulles/bulle_jaune.png') no-repeat top left; padding-top: 16px; padding-left: 16px; }
div.crew-jaune-bulle-bl { background: transparent url('IMGcrews/bulles/bulle_jaune.png') no-repeat bottom left; height: 16px; padding-left: 16px; }
div.crew-jaune-bulle-tr { background: transparent url('IMGcrews/bulles/bulle_jaune.png') no-repeat top right; padding-right: 16px; }
div.crew-jaune-bulle-br { background: transparent url('IMGcrews/bulles/bulle_jaune.png') no-repeat bottom right; padding-right: 16px; }


div.crew-bleue-bulle-box { float: left; }
div.crew-bleue-bulle-tl { background: transparent url('IMGcrews/bulles/bulle_bleue.png') no-repeat top left; padding-top: 16px; padding-left: 16px; }
div.crew-bleue-bulle-bl { background: transparent url('IMGcrews/bulles/bulle_bleue.png') no-repeat bottom left; height: 16px; padding-left: 16px; }
div.crew-bleue-bulle-tr { background: transparent url('IMGcrews/bulles/bulle_bleue.png') no-repeat top right; padding-right: 16px; }
div.crew-bleue-bulle-br { background: transparent url('IMGcrews/bulles/bulle_bleue.png') no-repeat bottom right; padding-right: 16px; }


div.crew-rouge-bulle-box { float: left; }
div.crew-rouge-bulle-tl { background: transparent url('IMGcrews/bulles/bulle_rouge.png') no-repeat top left; padding-top: 16px; padding-left: 16px; }
div.crew-rouge-bulle-bl { background: transparent url('IMGcrews/bulles/bulle_rouge.png') no-repeat bottom left; height: 16px; padding-left: 16px; }
div.crew-rouge-bulle-tr { background: transparent url('IMGcrews/bulles/bulle_rouge.png') no-repeat top right; padding-right: 16px; }
div.crew-rouge-bulle-br { background: transparent url('IMGcrews/bulles/bulle_rouge.png') no-repeat bottom right; padding-right: 16px; }


div.crew-noire-bulle-box { float: left; color: #ffffff; }
div.crew-noire-bulle-tl { background: transparent url('IMGcrews/bulles/bulle_noire.png') no-repeat top left; padding-top: 16px; padding-left: 16px; }
div.crew-noire-bulle-bl { background: transparent url('IMGcrews/bulles/bulle_noire.png') no-repeat bottom left; height: 16px; padding-left: 16px; }
div.crew-noire-bulle-tr { background: transparent url('IMGcrews/bulles/bulle_noire.png') no-repeat top right; padding-right: 16px; }
div.crew-noire-bulle-br { background: transparent url('IMGcrews/bulles/bulle_noire.png') no-repeat bottom right; padding-right: 16px; }


a.pseudoLink:link { font-size:13px; font-family:inherit; font-weight:bold; color:#0093D7; text-decoration:none; }
a.pseudoLink:hover { font-size:13px; font-family:inherit; font-weight:bold; color:#0093D7; text-decoration:none; }
a.pseudoLink:visited { font-size:13px; font-family:inherit; font-weight:bold; color:#0093D7; text-decoration:none; }


.crewevent {
	font-size: 13px;
	font-weight: bold;
	font-style: italic;
}


/*old crews V2 */

a.crewpop:link { text-decoration: none; color: #000000; font-size:11px; font-family: 'Trebuchet MS' ,  Tahoma, Verdana, Arial, serif;}	
a.crewpop:hover { text-decoration: none; color: #ffffff; font-size:11px; font-family:'Trebuchet MS' ,  Tahoma, Verdana, Arial, serif;}
a.crewpop:visited { text-decoration: none; color: #000000; font-size:11px; font-family: 'Trebuchet MS' ,  Tahoma, Verdana, Arial, serif;}

.textcrewpop { 
	color: #ffffff;
	font-size:11px;
	font-family: 'Trebuchet MS' ,  Tahoma, Verdana, Arial, serif;
}

.textcrewpopNG {  
	color: #ffffff;
	font-size:11px;
	font-family: 'Trebuchet MS' ,  Tahoma, Verdana, Arial, serif;
}

.titrecrew { 
	color: #000000;
	font-size:18px;
	font-weight: bold;
	font-family: 'Trebuchet MS' ,  Tahoma, Verdana, Arial, serif;
}

table.inactif {
	background-color: #CCCCCC;	
}

table.actif {
	background-color: #FFCC00;	
}

table.populaire {
	background-color: #FE870A;	
}

table.alerte {
	background-color: #FF3300;	
}

.legendeCrewFrance {
	border: 1px solid #000000;
	width:15px;
	height:7px;
}



table.legCalendrier {
	font-family: 'Trebuchet MS' ,  Tahoma, Verdana, Arial, serif;
	color: #000000;
    border-top-width:1;
	border-left-width:1;
	border-right-width:1;
	border-bottom-width:1;
	border-color:#000000;
	border-style:solid;
	padding:0px;
	width: 15px;
	height: 7px;
	background-color: #AAC200;	
}

table.legInscription {
	font-family: 'Trebuchet MS' ,  Tahoma, Verdana, Arial, serif;
	color: #000000;
    border-top-width:1;
	border-left-width:1;
	border-right-width:1;
	border-bottom-width:1;
	border-color:#000000;
	border-style:solid;
	padding:0px;
	width: 15px;
	height: 7px;
	background-color: #37C1FB;	
}

table.legDesinscription {
	font-family: 'Trebuchet MS' ,  Tahoma, Verdana, Arial, serif;
	color: #cccccc;
    border-top-width:1;
	border-left-width:1;
	border-right-width:1;
	border-bottom-width:1;
	border-color:#000000;
	border-style:solid;
	padding:0px;
	width: 15px;
	height: 7px;
	background-color: #FFCC00;	
}

table.legMessage {
	font-family: 'Trebuchet MS' ,  Tahoma, Verdana, Arial, serif;
	color: #000000;
    border-top-width:1;
	border-left-width:1;
	border-right-width:1;
	border-bottom-width:1;
	border-color:#000000;
	border-style:solid;
	padding:0px;
	width: 15px;
	height: 7px;
	background-color: #CFCFCF;	
}

table.legAlerte {
	font-family: 'Trebuchet MS' ,  Tahoma, Verdana, Arial, serif;
	color: #cccccc;
    border-top-width:1;
	border-left-width:1;
	border-right-width:1;
	border-bottom-width:1;
	border-color:#000000;
	border-style:solid;
	padding:0px;
	width: 15px;
	height: 7px;
	background-color: #FF3300;	
}




/* TEXTE CREW ACTIVITE */

.TEXTalerte {
    font-family: 'Trebuchet MS' ,  Tahoma, Verdana, Arial, serif;
	font-size:9px;
	color: #ffffff;
    background-color: #FF3300;
	font-weight: bold;
}

.TEXTmessage {
    font-family: 'Trebuchet MS' ,  Tahoma, Verdana, Arial, serif;
	font-size:9px;
	color: #000000;
    background-color: #CFCFCF;
}

.TEXTinscription {
    font-family: 'Trebuchet MS' ,  Tahoma, Verdana, Arial, serif;
	font-size:9px;
	color: #000000;
    background-color: #37C1FB;
}

.TEXTdesinscription {
    font-family: 'Trebuchet MS' ,  Tahoma, Verdana, Arial, serif;
	font-size:9px;
	color: #000000;
    background-color: #FFCC00;
}

.TEXTjournal {
    font-family: 'Trebuchet MS' ,  Tahoma, Verdana, Arial, serif;
	font-size:9px;
	color: #000000;
    background-color: #AAC200;
}

a.divhistorique:link { text-decoration: none; color: #000000; font-size:10px; font-family: 'Trebuchet MS' ,  Tahoma, Verdana, Arial, serif; font-weight: bold;}	
a.divhistorique:hover { text-decoration: none; color: #000000; font-size:10px; font-family: 'Trebuchet MS' ,  Tahoma, Verdana, Arial, serif; font-weight: bold;}
a.divhistorique:visited { text-decoration: none; color: #000000; font-size:10px; font-family: 'Trebuchet MS' ,  Tahoma, Verdana, Arial, serif; font-weight: bold;}







table.activiteCalendrier {
	font-family: 'Trebuchet MS' ,  Tahoma, Verdana, Arial, serif;
	color: #000000;
    border-top-width:1;
	border-left-width:1;
	border-right-width:1;
	border-bottom-width:1;
	border-color:#000000;
	border-style:solid;
	padding:0px;
	width: 99%;
	background-color: #AAC200;	
}

table.activiteInscription {
	font-family: 'Trebuchet MS' ,  Tahoma, Verdana, Arial, serif;
	color: #000000;
    border-top-width:1;
	border-left-width:1;
	border-right-width:1;
	border-bottom-width:1;
	border-color:#000000;
	border-style:solid;
	padding:0px;
	width: 99%;
	background-color: #37C1FB;	
}

table.activiteDesinscription {
	font-family: 'Trebuchet MS' ,  Tahoma, Verdana, Arial, serif;
	color: #cccccc;
    border-top-width:1;
	border-left-width:1;
	border-right-width:1;
	border-bottom-width:1;
	border-color:#000000;
	border-style:solid;
	padding:0px;
	width: 99%;
	background-color: #FFCC00;	
}

table.activiteMessage {
	font-family: 'Trebuchet MS' ,  Tahoma, Verdana, Arial, serif;
	color: #000000;
    border-top-width:1;
	border-left-width:1;
	border-right-width:1;
	border-bottom-width:1;
	border-color:#000000;
	border-style:solid;
	padding:0px;
	width: 99%;
	background-color: #CFCFCF;	
}

table.activiteAlerte {
	font-family: 'Trebuchet MS' ,  Tahoma, Verdana, Arial, serif;
	color: #000000;
    border-top-width:1;
	border-left-width:1;
	border-right-width:1;
	border-bottom-width:1;
	border-color:#000000;
	border-style:solid;
	padding:0px;
	width: 99%;
	background-color: #FF3300;	
}

table.activiteTexte {
	font-family: 'Trebuchet MS' ,  Tahoma, Verdana, Arial, serif;
	color: #000000;
    border-top-width:0;
	border-left-width:1;
	border-right-width:1;
	border-bottom-width:1;
	border-color:#000000;
	border-style:solid;
	padding:0px;
	width: 99%;
	background-color: #ffffff;	
}
/*fin old crews V2 */

/* ------------------------------------------ */
/* JOURNAL                               */
/* ------------------------------------------ */
.sangleJournal {
	position:relative;
	width:620px;
	height:358px;
	border:0;
}
.IMGcrop {
	position:relative;
	width:620px;
	height:240px;
	border:#000000 1px solid;
	top:0px;
	left:0px;
}
.transpJournal {
	background-image:url(IMGobjects/bgboxcarte.png);
	border-bottom:1px solid #ffffff;
	/*display:block;*/
	height:64px;
	width:620px;
	left:0px;
	top:0px;
	position:absolute;
	z-index:2;
}


.sangleReport {
	position:relative;
	width:620px;
	height:358px;
	border:0;
}

.transpJournalbas {
	background-image:url(IMGobjects/bgboxcarte.png);
	border-top:1px solid #ffffff;
	display:block;
	height:64px;
	width:620px;
	left:1px;
	bottom:1px;
	position:absolute;
}

.bgminiatures {
	position:relative;
	width: 622px;
	height:115px;
	background-image:url(IMGjournal/bgPhotos.png);
	border-top:#000000 0px solid;
}

.miniature {
	position:absolute;
	top:20px;
	width:104px;
	height:78px;
}

.un {
	position:absolute;
	left:54px;
}

.deux {
	position:absolute;
	left:192px;
}

.trois {
	position:absolute;
	left:330px;
}

.quatre {
	left:468px;
}

div.descriptionJ1 {
	float:left;
	margin-left:5px;
	padding:2px;
	width:198px;
	text-align:left;
	border:#000000 0px dotted;
}
div.descriptionJ2 {
	float:left;
	margin-left:5px;
	padding:2px;
	width:409px;
	text-align:justify;
	border:#000000 0px dotted;
}

/* ------------------------------------------ */
/* profil                               */
/* ------------------------------------------ */

.pseudoStatic {color:#eb6909; text-decoration: none; font-size:12px; font-style:italic; font-weight:bold; }

/* ------------------------------------------ */
/* barretitre                              */
/* ------------------------------------------ */

.barretitre {
	border-top: dotted 1px #575757;
	padding-left:3px; margin-top:0;
	font-weight: bold;
	font-style: italic;	
}
.communauteBT {
	background-color:#eb6909;
	color:#FFFFFF;
}

.spotsBT {
	background-color:#D0A220;
	color:#000000;
}
.servicesBT {
	background-color:#C5C7C8;
	color:#000000;
}

.accueilBT {
	background-color:#0093d7;
	color:#ffffff;
	text-decoration:none;
}

/* ------------------------------------------ */
/* livereport */
/* ------------------------------------------ */
.dateReport { 
	color:#ffffff;
	display:block;
	font-size:12px;
	position:absolute;
	right:4px;
	text-align:right;
	height:15px;
	top:1px;
	width:300px;
}

.nomSpotReport {
	/*color:#FE8F00;*/
	color:#61cdff;
	display:block;
	font-size:16px;
	position:absolute;
	right:4px;
	text-align:right;
	height:20px;
	top:16px;
	width:400px;
}
.titlereport {
	position:absolute;
	width:357px;
	display:block;
	text-align:left;
	left: 2px;
	top: 0px;
}


.sanglelivereportPromo {background-image:url(IMGreport/promo/bg_reportPromo.png); width:286px; overflow:auto; position: relative; padding-bottom:12px;}
.titrelivereportPromo {background-color:#96ac00; width:282px; position: relative; padding:2px 0 0 4px; height:21px;}
.lienslivereportPromo { background-color:#ffffff; width:282px; position: relative; padding:2px 0 0 4px; height:23px;}
			
a.grasitalicLRP:link {text-decoration:none; font-size:11px; font-style:italic; font-weight:bold; color:#96ac00; }
a.grasitalicLRP:hover {text-decoration:none; font-size:11px; font-style:italic; font-weight:bold; color:#96ac00; }
a.grasitalicLRP:visited {text-decoration:none; font-size:11px; font-style:italic; font-weight:bold; color:#96ac00; }
			
a.petitLRP:link {text-decoration:none; font-size:10px; color:#96ac00; }
a.petitLRP:hover {text-decoration:none; font-size:10px; color:#96ac00; }
a.petitLRP:visited {text-decoration:none; font-size:10px; color:#96ac00; }
			
.sangleglobalreport {float:left; padding:12px 0 0 15px;}
.minia { position:relative; float:left; background-image:url(IMGindex/bgminiature.png); height:87px; width:112px; padding:8px 0 0 8px;}
.badgeminia {position:absolute; background-color:#252525; color:#96AC00; font-size:9px; font-style:italic; height:15px; text-align:center; top:71px; width:104px; z-index:1;}
.sangleinforeport {float:left; padding:6px 2px 0px 2px; }
			
			
a.spotreportPromo:link {font-size:11px; font-weight:bold; color:#ffffff; line-height:12px; text-decoration:none; }
a.spotreportPromo:hover {font-size:11px; font-weight:bold; color:#ffffff; line-height:12px; text-decoration:none; }
a.spotreportPromo:visited {font-size:11px; font-weight:bold; color:#ffffff; line-height:12px; text-decoration:none;}
			
.inforeport {font-size:11px; color:#a0a0a0; line-height:12px;}
.histobestof {top:61px; height:25px;line-height:11px;}



/* ------------------------------------------ */
/* accueil */
/* ------------------------------------------ */

#navlivereport { 
	float: left;
	z-index: 100;
	display: block;
	position:absolute;
	/* position:relative; */
	width: 500px; 
	margin: 0px;
	bottom:5px;
	right:5px; 
	padding:0;
	margin:0;
	text-align:right;
}
#indexlivereport
{
	border: 1px solid #232929;
	background-color:#232929;
	color:#FFFFFF;
	height: 20px;
	font-size:11px;
	font-style:italic;
	font-weight:bold;
	margin-left:5px;
	padding-left:4px;
	padding-right:4px;
	text-decoration:none;
}
a.activeSlide#indexlivereport
{
	border: 1px solid #aea58f;
	background-color:#aea58f;
	color:#000000;
	width: 20px;
	height: 20px;
	font-size:11px;
	font-style:italic;
	font-weight:bold;
	margin-left:5px;
	padding-left:4px;
	padding-right:4px;
	text-decoration:none;
}

.sangleselector {
	position:relative;
	width:628px;
	height:318px;
	border:1px #000000 solid;
}

#pics-wrapper{ 
	position:absolute;
	top:0px;
	right:0px;
	float:right;
	width:518px;
	height:318px;
	z-index: 1;
}
#pics
{
	/*	display: none; */

}
#nav,#navfake { 
	float: left;
	z-index: 100;
	display: none;
	position:absolute;
	width: 200px; 
	margin: 15px 
	top:0;
	left:-110px; 
	padding:0;
	margin:0;
}
#navfake
{
	z-index: 80;
}

#nav a { width: 50px; padding: 3px; display: block; border: 1px solid #ccc; }
#nav a.activeSlide { background: #88f }
#nav a:focus { outline: none; }
#nav img { border: none; }

#navfake a { width: 50px; padding: 3px; display: block; border: 1px solid #ccc; }
#navfake a.activeSlide { background: #88f }
#navfake a:focus { outline: none; }
#navfake img { border: none; }

.index-links
{
}

#nav a#selector0 { width: 192px; height: 80px; padding: 0px; margin: 0px; display: block; border: 0; background: url(IMGindex/selector/VP.png) no-repeat left top; background-position: 0px -160px; }
#nav a.activeSlide#selector0 { background-position: 0px 0px; }
#nav a:hover.activeSlide#selector0 { background-position: 0px 0px; }
#nav a:hover#selector0 { background-position: 0px; -80px; }

#nav a#selector1 { width: 192px; height: 79px; padding: 0px; margin: 0px; display: block; border: 0; background: url(IMGindex/selector/HP.png) no-repeat left top; background-position: 0px -158px; }
#nav a.activeSlide#selector1 { background-position: 0px 0px; }
#nav a:hover.activeSlide#selector1 { background-position: 0px 0px; }
#nav a:hover#selector1 { background-position: 0px; -79px; }

#nav a#selector2 { width: 192px; height: 79px; padding: 0px; margin: 0px; display: block; border: 0; background: url(IMGindex/selector/VS.png) no-repeat left top; background-position: 0px -158px; }
#nav a.activeSlide#selector2 { background-position: 0px 0px; }
#nav a:hover.activeSlide#selector2 { background-position: 0px 0px; }
#nav a:hover#selector2 { background-position: 0px; -79px; }

#nav a#selector3 { width: 192px; height: 80px; padding: 0px; margin: 0px; display: block; border: 0; background: url(IMGindex/selector/HS.png) no-repeat left top; background-position: 0px -160px; }
#nav a.activeSlide#selector3 { background-position: 0px 0px; }
#nav a:hover.activeSlide#selector3 { background-position: 0px 0px; }
#nav a:hover#selector3 { background-position: 0px; -80px; }



#navfake a#fakeselector0 { width: 192px; height: 80px; padding: 0px; margin: 0px; display: block; border: 0; background: url(IMGindex/selector/VP.png) no-repeat left top; background-position: 0px -160px; }
#navfake a.activeSlide#fakeselector0 { background-position: 0px 0px; }
#navfake a:hover.activeSlide#fakeselector0 { background-position: 0px 0px; }
#navfake a:hover#fakeselector0 { background-position: 0px; -80px; }

#navfake a#fakeselector1 { width: 192px; height: 79px; padding: 0px; margin: 0px; display: block; border: 0; background: url(IMGindex/selector/HP.png) no-repeat left top; background-position: 0px -158px; }
#navfake a.activeSlide#fakeselector1 { background-position: 0px 0px; }
#navfake a:hover.activeSlide#fakeselector1 { background-position: 0px 0px; }
#navfake a:hover#fakeselector1 { background-position: 0px; -79px; }

#navfake a#fakeselector2 { width: 192px; height: 79px; padding: 0px; margin: 0px; display: block; border: 0; background: url(IMGindex/selector/VS.png) no-repeat left top; background-position: 0px -158px; }
#navfake a.activeSlide#fakeselector2 { background-position: 0px 0px; }
#navfake a:hover.activeSlide#fakeselector2 { background-position: 0px 0px; }
#navfake a:hover#fakeselector2 { background-position: 0px; -79px; }

#navfake a#fakeselector3 { width: 192px; height: 80px; padding: 0px; margin: 0px; display: block; border: 0; background: url(IMGindex/selector/HS.png) no-repeat left top; background-position: 0px -160px; }
#navfake a.activeSlide#fakeselector3 { background-position: 0px 0px; }
#navfake a:hover.activeSlide#fakeselector3 { background-position: 0px 0px; }
#navfake a:hover#fakeselector3 { background-position: 0px; -80px; }





.sanglemeteoville {
	position:relative;
	width:300px;
	height:185px;
	border:#000000 1px solid;
}
.decorville {
	position:absolute;
	top:0px;
	left:0px;
	width:176px;
	height:185px;
	z-index:2;
}
.cartecrop {
	position:absolute;
	top:0px;
	left:136px;
	right:0px;
	width:164px;
	height:179px;
	z-index:1;
}


.sanglejournal {
	position:relative;
	width:627px;
	height:240px;
	border:#000000 1px solid;
	background-image:url(IMGindex/bgJournal.png);
	background-repeat:repeat-x;
}
.contener {
	position:absolute;
	width:313px;
	height:95px;
	padding:0px;
	text-align:left;
	/*border:1px solid #ffffff;*/
}
.journal1 {
	position:absolute;
	top:20px;
	left:3px;
}
.journal2 {
	position:absolute;
	top:20px;
	left:313px;
}

.journal3 {
	position:absolute;
	top:130px;
	left:3px;
}
.journal4 {
	position:absolute;
	top:130px;
	left:313px;
}
.miniaturenews {
	position:absolute;
	top:0px;
	left:0px;
	width:113px;
	height:87px;
	background-image:url(IMGindex/bgminiature.png);
	padding:8px 0 0 8px;
	text-align:left;
}
.textjournal {
	height:85px;
	left:120px;
	padding:0;
	position:absolute;
	text-align:left;
	top:4px;
	line-height:16px;
}

a.titresession:link {color:#c8161f; font-style:italic; font-weight:bold; text-decoration:none; font-size:11px; }
a.titresession:hover {color:#c8161f; font-style:italic; font-weight:bold; text-decoration:none; font-size:11px; }
a.titresession:visited {color:#c8161f; font-style:italic; font-weight:bold; text-decoration:none; font-size:11px; }


a.titrenews:link {color:#d2ff00; text-decoration:none; font-size:11px; font-weight:bold;}
a.titrenews:hover {color:#d2ff00; text-decoration:none; font-size:11px; font-weight:bold;}
a.titrenews:visited {color:#d2ff00; text-decoration:none; font-size:11px; font-weight:bold;}

a.titrenews2:link {color:#00aae2; text-decoration:none; font-size:11px; font-weight:bold;}
a.titrenews2:hover {color:#00aae2; text-decoration:none; font-size:11px; font-weight:bold;}
a.titrenews2:visited {color:#00aae2; text-decoration:none; font-size:11px; font-weight:bold;}


a.savoirplus:link {color:#ffffff; text-decoration:none; font-size:11px; font-weight:bold;}
a.savoirplus:hover {color:#ffffff; text-decoration:none; font-size:11px; font-weight:bold;}
a.savoirplus:visited {color:#ffffff; text-decoration:none; font-size:11px; font-weight:bold;}

a.newsplus:link {color:#000000; text-decoration:none; font-size:11px;}
a.newsplus:hover {color:#000000; text-decoration:underline; font-size:11px;}
a.newsplus:visited {color:#000000; text-decoration:none; font-size:11px;}

.sanglenews {
	width:284px;
	height:242px;
	/*border:#030303 1px solid;*/
}
.contenernews1 {
	position:relative;
	width:284px;
	height:94px;
	border-top:#030303 1px solid;
	border-right:#030303 1px solid;
	border-left:#030303 1px solid;
	/*background-image:url(IMGindex/bgNews.png);*/
	background-image:url(IMGreport/promo/bg_reportPromo.png);
}

.contenernews2 {
	position:relative;
	width:284px;
	height:94px;
	border-bottom:#030303 1px solid;
	border-right:#030303 1px solid;
	border-left:#030303 1px solid;
	/*background-image:url(IMGindex/bgNews.png);*/
	background-image:url(IMGreport/promo/bg_reportPromo.png);
}

.miniaturenews {
	position:absolute;
	top:0px;
	left:0px;
	width:113px;
	height:87px;
	background-image:url(IMGindex/bgminiature.png);
	padding:8px 0 0 8px;
	text-align:left;
	float:left;
}
.newstitre {
	position:absolute;
	top:8px;
	left:119px;
	width:164px;
	height: 19px;
	line-height:10px;
	text-align:left;
}
.textnews {
	position:absolute;
	top:30px;
	left:119px;
	width:164px;
	height: 36px;
	line-height:11px;
	text-align:left;
	color:#FFFFFF;
}
.savoir {
	position:absolute;
	top:68px;
	left:131px;
	width:120px;
	height: 11px;
	text-align:left;
}

.sangletop10 {
	width:286px;
	height:320px;
}
.carretop {
	width:31px;
	height:31px;
	background-color:#232929;
	color:#FFFFFF;
	font-size:24px;
	font-style:italic;
	font-weight:bold;
	text-align:center;
	margin-right:5px;
	float:left;
	margin-top:1px;
}
.topspot {
	float:left;
	padding-top:4px;
	margin-top:1px;
}
a.linkspot:link {color:#232929; font-size:16px; font-style:italic; font-weight:bold; text-decoration:none;}
a.linkspot:hover {color:#232929; font-size:16px; font-style:italic; font-weight:bold; text-decoration:none;}
a.linkspot:visited {color:#232929; font-size:16px; font-style:italic; font-weight:bold; text-decoration:none;}





.nomspotDP { 
	z-index:1;
	position:absolute;
	background-color:#2F230C;
	font-size:9px;
	height:15px;
	width:104px;
	left:0px;
	top:60px;
	text-align:center;
	padding:3px 0 0 0;
	color:#cb9d20;
	line-height:7px;
	font-style:italic;
}
	
.photodp {
	z-index:0;
	position:absolute;
	width:104px;
	height:78px;
	top: 100px;
	text-align:center;
}
.dp1 {left: 13px;}
.dp2 {left: 138px;}
.dp3 {left: 262px;}
.dp4 {left: 387px;}
.dp5 {left: 513px;}
				
.refspots {
	position:absolute; 
	left:11px; 
	top:0px; 
	color:#8b6624; 
	font-size:16px; 
	font-style:italic; 
}
				
.datemoderationspot {
	position:absolute; 
	left: 386px; 
	top:74px; 
	color:#fdcd20; 
	font-size:10px;
}
				
.posteurDiv {
	position:absolute; 
	left: 386px; 
	top:55px; 
	color:#FFFFFF; 
	font-size:10px;
}
				
a.posteursLien:hover {text-decoration:none; color:#241707; font-size:11px;}
a.posteursLien:link {text-decoration:none; color:#241707; font-size:11px;}
a.posteursLien:visited {text-decoration:none; color:#241707; font-size:11px;}
				
a.spotLienDS:hover {text-decoration:none; color:#FFFFFF; font-size:11px;}
a.spotLienDS:link {text-decoration:none; color:#FFFFFF; font-size:11px;}
a.spotLienDS:visited {text-decoration:none; color:#FFFFFF; font-size:11px;}

a.refspotsLien:hover {text-decoration:none; color:#8b6624; font-size:16px; font-style:italic;}
a.refspotsLien:link {text-decoration:none; color:#8b6624; font-size:16px; font-style:italic;}
a.refspotsLien:visited {text-decoration:none; color:#8b6624; font-size:16px; font-style:italic;}
				
.photoDS {
	position:absolute; 
	width:104px; 
	height:78px; 
	left: 262px; 
	top: 8px;
}
.sangleSpotsIndex {
	position:relative; 
	background-image:url(IMGindex/644spots.png); 
	width:628px; 
	height:185px;
	border:1px solid #000000;
}




.sangleMeteoFranceIndex {
	position:relative; 
	width:628px; 
	height:185px;
	border:1px solid #000000;
}
.champsMeteoFranceIndex {
	position:absolute; 
	background-image:url(IMGindex/meteofrance/BGvilleregion.png);
	width:380px; 
	height:185px;
	top:0px;
	left:0px;
	z-index:3;
}

.skiIMG {background-image:url(IMGindex/meteoski/BGstations.png);}

.regionsMeteoFranceIndex {position:absolute; left:10px; top:118px; height:56px; width:343px; font-size:9px; color:#ceda01; padding:2px 4px 2px 2px; line-height:12px; text-align:justify;}

a.regionsIndex:link {font-size:9px; color:#ceda01; text-decoration:none;}
a.regionsIndex:hover {font-size:9px; color:#ffffff; text-decoration:none;}
a.regionsIndex:visited {font-size:9px; color:#ceda01; text-decoration:none;}


a.stationsIndex:link {font-size:9px; color:#ffffff; text-decoration:none;}
a.stationsIndex:hover {font-size:9px; color:#243443; text-decoration:none;}
a.stationsIndex:visited {font-size:9px; color:#ffffff; text-decoration:none;}


.dateMeteoFranceIndex {
	position:absolute;
	/*background: rgba(69, 65, 56, 0.9); Ne fonctionne pas sous IE8*/
	background-color:#454138;
	width:380px; 
	height:24px;
	top:0px;
	right:0px;
	color:#a7d200;
	line-height:22px;
	font-size:13px;
	font-style:italic;
	border-bottom:1px solid #FFFFFF;
	text-align:right;
	padding: 0 8px 0 0;
	z-index:2;
}

.dateSki {background-color:#414c53; color:#6ec3ff;}

.carteMeteoFranceIndex {
	position:absolute; 
	background-color:#454138;
	width:263px; 
	/*height:185px;*/
	height:160px;
	top:0px;
	right:0px;
	z-index:1;
}

.sangleVillesMeteoFranceIndex {
	position:absolute;
	width:380px; 
	height:160px;
	top:25px;
	right:0px;
	text-align:right;
	z-index:1;
	/*background-color:#f9a516;*/
}

.TempVillesMeteoFranceIndex {text-align:right; padding:0px 8px 0 0px; line-height:31px; float:right; height:32px; width:87px;}
.PictoVillesMeteoFranceIndex {text-align:center; padding:0 2px 0 2px; float:right; height:32px; width:50px;}
.NomVillesMeteoFranceIndex {text-align:right; padding:0px 2px 0 0; line-height:28px; float:right; height:32px; width:170px;}
.ClairMeteoFranceIndex {background-color:#8c8573;}
.fonceMeteoFranceIndex {background-color:#7f7969;}

.ClairSki{background-color:#859ca9;}
.fonceSki {background-color:#7b8f9a;}

a.villefont:link{font-size:12px; font-style:italic; font-weight:bold; text-decoration:none;}
a.villefont:hover{font-size:12px; font-style:italic; font-weight:bold; text-decoration:none;}
a.villefont:visited{font-size:12px; font-style:italic; font-weight:bold; text-decoration:none;}

.etfonce{color:#333333;}
.etclair{color:#ffffff;}

a.tempfont:link{font-size:10px; text-decoration:none;}
a.tempfont:hover{font-size:10px; text-decoration:none;}
a.tempfont:visited{font-size:10px; text-decoration:none;}




.titre_bnaccueil {font-size:13px; font-style:italic; font-weight:bold;}
	
.derchute_bnaccueil {float:right; height:20px; font-size:10px; width:65px; text-align:right; padding:0 5px 0 0; line-height:21px; }
.hauteurneige_bnaccueil {float:right; height:20px; font-weight:bold; font-style:italic; font-size:17px; width:60px; text-align:right; padding:0 3px 0 0; line-height:22px; }
.station_bnaccueil {float:right; height:20px; font-weight:bold; font-style:italic; font-size:12px; width:151px; text-align:left; padding:0 0px 0 2px; line-height:21px;}


a.bnlien_bnfonce {background-color:#dedede; color:#333333; text-decoration: none;}
a.bnlien_bnfonce:visited {color: #333333; text-decoration: none;}
a.bnlien_bnfonce:hover {color: #333333; text-decoration: none;}
a.bnlien_bnfonce:link {color: #333333; text-decoration: none;}


a.bnlien_bnclair {background-color:#ffffff; color:#3f95d6; text-decoration: none;}
a.bnlien_bnclair:visited {color: #3f95d6; text-decoration: none;}
a.bnlien_bnclair:hover {color: #3f95d6; text-decoration: none;}
a.bnlien_bnclair:link {color: #3f95d6; text-decoration: none;}
	
.bnclair { background-color:#ffffff; color:#3f95d6;}
.bnfonce {background-color:#dedede; color:#333333;}
















/* ------------------------------------------ */
/* chat */
/* ------------------------------------------ */

a.ouvrir:link {color:#EF7600; text-decoration:none;}
a.ouvrir:hover {color:#EF7600; text-decoration:none;}
a.ouvrir:visited {color:#EF7600; text-decoration:none;}

a.pseudoChat:link {color:#0093D7; font-size:11px; font-style:italic; text-decoration:none;}
a.pseudoChat:hover {color:#0093D7; font-size:11px; font-style:italic; text-decoration:none;}
a.pseudoChat:visited {color:#0093D7; font-size:11px; font-style:italic; text-decoration:none;}

.textChat {
	font-size:11px;
	color:#D5D5D5;
}

#idchat171736 { color: red }

#chat a#chaton { width: 16px; height: 16px; padding: 0px; margin: 0px; display: block; border: 0; background: url(chat/images/on.png) no-repeat left top; background-position: 0px -16px; }
#chat a:hover#chaton { background-position: 0px 0px; }
#chat a.chatactif#chaton { background-position: 0px 0px; }
#chat a:hover.chatactif#chaton { background-position: 0px 0px; }

#chat a#chatoff { width: 16px; height: 16px; padding: 0px; margin: 0px; display: block; border: 0; background: url(chat/images/off.png) no-repeat left top; background-position: 0px -16px; }
#chat a:hover#chatoff { background-position: 0px 0px; }
#chat a.chatactif#chatoff { background-position: 0px 0px; }
#chat a:hover.chatactif#chatoff { background-position: 0px 0px; }

.sangleEndirectForum {
	position:relative;
	width:629px;
	height:242px;
}

a.pasvu:link {color:#333333; font-size:13px; text-decoration:none; font-weight: bold;}
a.pasvu:hover {color:#333333; font-size:13px; text-decoration:none; font-weight: bold;}
a.pasvu:visited {color:#333333; font-size:13px; text-decoration:none; font-weight: bold;}

a.vu:link {color:#9C9C9C; font-size:13px; text-decoration:none; font-weight: bold;}
a.vu:hover {color:#9C9C9C; font-size:13px; text-decoration:none; font-weight: bold;}
a.vu:visited {color:#9C9C9C; font-size:13px; text-decoration:none; font-weight: bold;}

.message {
	float:left;
	padding: 3px 3px 3px 3px;
	line-height:20px;
	width:335px;
	color: #9C9C9C;
}

.infomessagevu {
	float:left;
	padding: 3px 0px 3px 0px;
	line-height:20px;
	font-size: 11px;
	font-weight: bold;
	width:255px;
	color: #9C9C9C;
}

.pas {
	color: #9C9C9C;
	color: #333333;
}






/* ------------------------------------------ */
/* pub angle                                  */
/* ------------------------------------------ */
.angleHG {
	background-image:url(BANpub/angle/angle_iphone.png);
	background-repeat:no-repeat;
	position:absolute;
	top:0px;
	left:0px;
	z-index:100;
	width:160px;
	height:160px;
}

/* ------------------------------------------ */
/* METEOALLOSURF1                             */
/* ------------------------------------------ */
.sangle_weekpreview {
	position:relative;
	background-image:url(IMGmeteo/meteoallosurf1/preview/week_preview.png);
	width:621px;
	height:369px;
}
.cartevent {
	position:absolute;
	top:56px;
	left:11px;
}
.cartehoule {
	position:absolute;
	top:215px;
	left:11px;
}

.textclair {
	position:absolute;
	color:#adadad;
	text-align:left;
}


.evo {
	top:3px;
	left:11px;
	width: 235px;
	font-size:12px;
}
.Mspot {
	top:18px;
	left:11px;
	width: 235px;
}
.Mpays {
	top:33px;
	left:11px;
	width: 235px;
	font-size:12px;
	font-style:italic;
}

.dateDay {
	top:34px;
	left:4px;
	width: 167px;
	font-size:19px;
}
.MspotDay {
	top:3px;
	left:4px;
	width: 167px;
	font-size:12px;
}
.MpaysDay {
	top:19px;
	left:4px;
	width: 167px;
	font-style:italic;
}

.matinDay {
	top:97px;
	left:4px;
	width: 167px;
}
.tempmatinDaymini {
	position:absolute;
	top:56px;
	left:4px;
	width:57px;
	color:#5dadd0;
	text-align:left;
}
.tempmatinDaymaxi {
	position:absolute;
	top:56px;
	left:70px;
	width: 59px;
	color:#f54d02;
	text-align:left;
}
.pictomatin {
	position:absolute;
	top:106px;
	width:140px;
	height:90px;
	border:0px;
	left: 14px;
}
.apremDay {
	top:215px;
	left:4px;
	width: 167px;
}

.tempapremDaymini {
	position:absolute;
	top:197px;
	left:4px;
	width: 59px;
	color:#5dadd0;
	text-align:left;
}

.tempapremDaymaxi {
	position:absolute;
	top:197px;
	left:70px;
	width: 59px;
	color:#f54d02;
	text-align:left;
}

.pictoaprem {
	position:absolute;
	top:219px;
	width:140px;
	height:90px;
	border:0px;
	left: 14px;
}


.Spotname {
	position:absolute;
	top:0px;
	left:260px;
	color:#adadad;
	text-align:left;
	font-size:16px;
}

.meteoventunite {
	position:absolute;
	top:0px;
	left:460px;
	color:#adadad;
	text-align:left;
	font-size:16px;
}

.mode {
	position:absolute;
	top:20px;
	left:255px;
}
.changemode {
	position:absolute;
	top:20px;
	left:519px;
	z-index:10;
}

.tableauTop {
	position:absolute;
	top:52px;
	left:254px;
	width: 367px;
	height: 15px;
	text-align:left;
	color:#adadad;
	border-top:#949494 1px solid;
	line-height:14px;
}
.sangleTop {
	position:absolute;
	top:68px;
	left:254px;
	width: 367px;
	height: 294px;
	text-align:left;
}
.Top {
	width: 367px;
	height: 35px;
	text-align:left;
	border-top:#949494 1px solid;
	border-bottom:#949494 1px solid;
	text-align:left;
}

.rang {
	border-bottom:#949494 1px solid;
	width: 367px;
	height: 35px;
	text-align:left;
}
.clair {
	
	background-color:#4b4b4b;
	color:#ffffff;
}
.fonce {
	
	background-color:#2b2b2b;
	color:#ffffff;
}
.ranghoverstandard {
	
	background-color:#000000;
	color:#ffffff;
}
.ranghoverpremium {
	
	background-color:#000000;
	color:#ffffff;
}

.day {
	border-bottom:#949494 1px solid;
	width: 449px;
	height: 35px;
	text-align:left;
}

.journee {
	position:relative;
	float:left;
	background-image:url(IMGmeteo/meteoallosurf1/preview/BGday.png);
	background-repeat:no-repeat;
	width:171px;
	height:369px;
}

.sangleDay {
	position:relative;
	float:left;
	width:449px;
	margin-left:1px;
	overflow:auto;
}

.headerDay {
	position:relative;
	background-image:url(IMGmeteo/meteoallosurf1/preview/BGday_detail_01.png);
	background-repeat:no-repeat;
	width:449px;
	height:52px;
}

.footerDay {
	position:relative;
	background-image:url(IMGmeteo/meteoallosurf1/preview/BGday_detail_03.png);
	background-repeat:no-repeat;
	width:449px;
	height:28px;
}

.tabeauTopDay {
	position:absolute;
	top:37px;
	left:0px;
	width: 449px;
	height: 15px;
	text-align:left;
	color:#adadad;
}

.ephem {
	position:absolute;
	width: 25px;
	height: 15px;
	text-align:center;
	color:#adadad;
}

.PL {
	top:346px;
	left:9px;
}

.LS {
	top:346px;
	left:50px;
}

.CS {
	top:346px;
	left:92px;
}

.DL {
	top:346px;
	left:133px;
}

.modeDay {
	position:absolute;
	top:5px;
	left:8px;
}
.changemodeDay {
	position:absolute;
	top:5px;
	left:345px;
	z-index:10;
}

/* ------------------------------------------ */
/* METEOALLOSURF10                             */
/* ------------------------------------------ */
.SKIsangle_weekpreview {
	position:relative;
	background-image:url(IMGmeteo/meteoallosurf1/preview/week_preview.png);
	width:621px;
	height:369px;
}
.SKIcarte1 {
	position:absolute;
	top:56px;
	left:11px;
}

.SKIcarteinfo1 {
	position:absolute;
	top:173px;
	left:48px;
	background-image:url(IMGmeteo/meteoallosurf10/bginfo.png);
	width:193px;
	height:24px;
	z-index:100;
	float:right;
	text-align:right;
	font-size:12px;
	font-style:italic;
	color:#FFFFFF;
	line-height:23px;
}

.SKIcarteinfo2 {
	position:absolute;
	top:332px;
	left:48px;
	background-image:url(IMGmeteo/meteoallosurf10/bginfo.png);
	width:193px;
	height:24px;
	z-index:100;
	float:right;
	text-align:right;
	font-size:12px;
	font-style:italic;
	color:#FFFFFF;
	line-height:23px;
}

.SKIcartehoule {
	position:absolute;
	top:215px;
	left:11px;
}

.SKItextclair {
	position:absolute;
	color:#adadad;
	text-align:left;
}


.SKIevo {
	top:3px;
	left:11px;
	width: 235px;
	font-size:12px;
}
.SKIMspot {
	top:18px;
	left:11px;
	width: 235px;
}
.SKIMpays {
	top:33px;
	left:11px;
	width: 235px;
	font-size:12px;
	font-style:italic;
}

.SKIdateDay {
	top:50px;
	left:4px;
	width: 167px;
	font-size:19px;
}
.SKIMspotDay {
	top:3px;
	left:4px;
	width: 167px;
	font-size:12px;
}
.SKIMaltstation {
	top:18px;
	left:4px;
	width: 167px;
	font-size:12px;
}

.SKIMpaysDay {
	top:32px;
	left:4px;
	width: 167px;
	font-style:italic;
}

.SKImatinDay {
	top:127px;
	left:4px;
	width: 167px;
}
.SKItempmatinDaymini {
	position:absolute;
	top:91px;
	left:4px;
	width:64px;
	color:#5dadd0;
	text-align:left;
}
.SKItempmatinDaymaxi {
	position:absolute;
	top:91px;
	left:74px;
	width: 67px;
	color:#f54d02;
	text-align:left;
}
.SKIpictomatin {
	position:absolute;
	top:106px;
	width:140px;
	height:90px;
	border:0px;
	left: 14px;
}
.SKIapremDay {
	top:136px;
	left:4px;
	width: 167px;
}

.SKItempapremDaymini {
	position:absolute;
	top:197px;
	left:4px;
	width: 59px;
	color:#5dadd0;
	text-align:left;
}

.SKItempapremDaymaxi {
	position:absolute;
	top:197px;
	left:70px;
	width: 59px;
	color:#f54d02;
	text-align:left;
}

.SKIpictoaprem {
	position:absolute;
	top:219px;
	width:140px;
	height:90px;
	border:0px;
	left: 14px;
}


.SKImode {
	position:absolute;
	top:21px;
	left:254px;
	/*border-top: 1px solid #949494;*/
	border-bottom: 1px solid #949494;
	width:367px;
}

.SKIstation {
	position:absolute;
	top:0px;
	left:260px;
	color:#adadad;
	text-align:left;
	font-size:16px;
}

.SKIchangemode {
	position:absolute;
	top:24px;
	left:506px;
	z-index:10;
}

.SKItableauTop {
	position:absolute;
	top:48px;
	left:254px;
	width: 367px;
	height: 15px;
	text-align:left;
	color:#adadad;
}
.SKIsangleTop {
	position:absolute;
	top:68px;
	left:254px;
	width: 367px;
	height: 294px;
	text-align:left;
}
.SKITop {
	width: 367px;
	height: 104px;
	text-align:left;
	border-top:#949494 1px solid;
	border-bottom:#949494 1px solid;
	text-align:left;
}

.SKIrang {
	border-bottom:#949494 1px solid;
	width: 367px;
	height: 35px;
	text-align:left;
}
.SKIclair {
	
	background-color:#4b4b4b;
	color:#ffffff;
}
.SKIfonce {
	
	background-color:#2b2b2b;
	color:#ffffff;
}
.SKIranghoverstandard {
	
	background-color:#000000;
	color:#ffffff;
}
.SKIranghoverpremium {
	
	background-color:#000000;
	color:#ffffff;
}

.SKIday {
	position:relative;
	border-bottom:#949494 1px solid;
	width: 449px;
	height: 104px;
	text-align:left;
}
.SKI7 {
	background-image:url(IMGmeteo/meteoallosurf10/bgday7.png);
}
.SKI13 {
	background-image:url(IMGmeteo/meteoallosurf10/bgday13.png);
}
.SKI19 {
	background-image:url(IMGmeteo/meteoallosurf10/bgday19.png);
}

.SKIhautstation {
	position:absolute;
	top:22px;
}
.SKIbasstation {
	position:absolute;
	bottom:22px;
}

.SKIaltitude {
	position:absolute;
	left:80px;
	font-size:11px;
	color:#EAEAEA;
}
.SKIpictohaut {
	position:absolute;
	left:190px;
	top:17px;
}
.SKIpictobas {
	position:absolute;
	left:115px;
	bottom:2px;
}

.SKItemperaturebas {
	position:absolute;
	left:195px;
	bottom:18px;
	font-size:18px;
	color:#ffffff;
}

.SKItemperaturehaut {
	position:absolute;
	left:240px;
	top:21px;
	font-size:12px;
	color:#ffffff;
}

.SKIventforce {
	position:absolute;
	right:72px;
	top:32px;
	font-size:11px;
	color:#ffffff;
}
.SKIventdir {
	position:absolute;
	right:120px;
	top:26px;
}
.SKIlimitePN {
	position:absolute;
	right:49px;
	bottom:29px;
	font-size:11px;
	color:#ffffff;
}




.SKIjournee {
	position:relative;
	float:left;
	background-image:url(IMGmeteo/meteoallosurf1/preview/BGday.png);
	background-repeat:no-repeat;
	width:171px;
	height:369px;
}

.SKIsangleDay {
	position:relative;
	float:left;
	width:449px;
	margin-left:1px;
	overflow:auto;
}

.SKIheaderDay {
	position:relative;
	background-image:url(IMGmeteo/meteoallosurf1/preview/BGday_detail_01.png);
	background-repeat:no-repeat;
	width:449px;
	height:25px;
}

.SKIfooterDay {
	position:relative;
	background-image:url(IMGmeteo/meteoallosurf1/preview/BGday_detail_03.png);
	background-repeat:no-repeat;
	width:449px;
	height:28px;
}

.SKItabeauTopDay {
	position:absolute;
	top:37px;
	left:0px;
	width: 449px;
	height: 15px;
	text-align:left;
	color:#adadad;
}

.SKIephem {
	position:absolute;
	width: 25px;
	height: 15px;
	text-align:center;
	color:#adadad;
}

.SKIPL {
	top:346px;
	left:9px;
}

.SKILS {
	top:346px;
	left:50px;
}

.SKICS {
	top:346px;
	left:92px;
}

.SKIDL {
	top:346px;
	left:133px;
}

.SKImodeDay {
	position:absolute;
	top:2px;
	left:4px;
	height: 26px;
	width: 350px;
}
.SKIchangemodeDay {
	position:absolute;
	top:0px;
	left:334px;
	z-index:10;
}

/* header 31 */

.posbannieres
{
	 margin: 12px 0 20px 0;
}


div.mega-bulle-box { float: left; }
div.mega-bulle-tl { background: transparent url('/IMG_skin/IMGlayout/megaDropDown.png') no-repeat top left; padding-top: 16px; padding-left: 16px; }
div.mega-bulle-bl { background: transparent url('/IMG_skin/IMGlayout/megaDropDown.png') no-repeat bottom left; height: 16px; padding-left: 16px; }
div.mega-bulle-tr { background: transparent url('/IMG_skin/IMGlayout/megaDropDown.png') no-repeat top right; padding-right: 16px; }
div.mega-bulle-br { background: transparent url('/IMG_skin/IMGlayout/megaDropDown.png') no-repeat bottom right; padding-right: 16px; }
/*
div.mega-bulle-tl { background: transparent url('/IMGcrews/bulles/bulle_verte.png') no-repeat top left; padding-top: 16px; padding-left: 16px; }
div.mega-bulle-bl { background: transparent url('/IMGcrews/bulles/bulle_verte.png') no-repeat bottom left; height: 16px; padding-left: 16px; }
div.mega-bulle-tr { background: transparent url('/IMGcrews/bulles/bulle_verte.png') no-repeat top right; padding-right: 16px; }
div.mega-bulle-br { background: transparent url('/IMGcrews/bulles/bulle_verte.png') no-repeat bottom right; padding-right: 16px; }
*/