/* Config Generale */
@import url("style_infolive.css");
@import url("style-meteo.css");

html {
	background-image:url(../images/fond-ete-page-repeat.jpg);
	background-position:top left;
	background-repeat:repeat-x;
	background-color:#97be0b;
}
body {
	margin:0px;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;

}
h1,h2,h3,h4,p,form{
	margin:0px;
	padding:0px;
}
ul,li{
	margin:0px;
	padding:0px;
	list-style-type:none;
	list-style-image:none;
}
#FondPage{
	text-align:center;
}
#FondPage.png {
	background-image:url(../images/fond-ete-page.png);
	background-position: top center;
	background-repeat:repeat-y;
}
#Page{
	margin-left:auto;
	margin-right:auto;
	width:950px;
	text-align:center;
}
a {
	text-decoration:none;
	}

/*****************************************************
                        ENTETE
*****************************************************/
#BandeauLogo{
	background-color:#FFF;
	height:100px; 
	text-align:left;
	position:relative;
}
#BandeauLogo #Logo{
	position:absolute;
	width:170px;
	height:70px;
	top:20px;
	left:40px;
}
#BandeauLogo #MenuHaut{
	position:absolute;
	width:600px;
	text-align:right;
	color:#999;
	text-transform:uppercase;
	right:40px;
	top:5px;
	font-size:11px;
}

#BarreOutils{
	width:30px;
	position:absolute;
	right:5px;
	top:0px;
	
	text-align:right;
	float:right;
	margin-right:5px;
}

#BandeauLogo #Newsletter{
	position:absolute;
	width:160px;
	color:#AAA;
	bottom:10px;
	right:5px;
	text-align:left;
	display:none;
}
#BandeauLogo #Newsletter input{
	color:#AAA;
	border-color:#AAA;	
	background-color:#F0F0F0;
}
#BandeauLogo #MenuHaut a{
	text-decoration:none;
	color:#AAA;
}
#BandeauLogo #MenuHaut a:hover{
	color:#4D4D4D;
	text-decoration:underline;
}
.BandeauLaStation{
	background-color:#454545;
	color:#F0F0F0;
	text-align:left;
	padding:1px;
	padding-left:23px;
	padding-top:3px;
}

#Entete {
	padding:0px;
	position:relative;
}
#BlocMenu {
	text-align:left;
	background-color:#4D4D4D;
}
#Menu {

}
#Contenu{
	width:950px;
	text-align:left;
}
.ttt {
	font-size:10px;
}

/*****************************************************
                        ACCUEIL
*****************************************************/
#Contenu{
	width:950px;
	text-align:left;
	background-image:url(../images/fond-ete-interieur.gif);
	background-repeat:repeat-y;
	background-position:left top;
}

#Menu {

}
#BlocGoodies{
/*	background-image:url(../images/fond-ete-widgets-acccueil.jpg);
	background-position: top left;
	background-repeat:repeat-y;
*/
/*	padding-bottom:13px;*/
	background-color:#4D4D4D;
}



#BlocOffresSpecialesAccueil{
	background-color:#97BF0D;
	padding:10px;
	min-height:380px;
	_height:380px;
}
#BlocOffresSpecialesAccueil #OffresSpecialesAccueil{
/*float:left;
	width:770px;*/
}
#BlocOffresSpecialesAccueil #ColDroite{
	float:left;
	width:156px;
/*background-color:#4d4d4d;*/
}
#BlocOffresSpecialesAccueil #ColDroite #BlocNewsletter {
	width:156px;
	height:81px;
	background-image:url(../images/fr/fond-ete-newsletter.gif);
	background-position: top left;
	background-repeat:no-repeat;
	margin-bottom:10px;
}
#BlocOffresSpecialesAccueil #ColDroite #BlocNewsletter #Newsletter{
	padding: 30px 0px 0px 0px;
	text-align:center;
}
#BlocOffresSpecialesAccueil #ColDroite #BlocNewsletter #Newsletter .bt{
	padding-right:5px;
	padding-top:2px;
	float:right;
}


/*****************************************************
                        INTERIEUR
*****************************************************/
#BlocMenuGauche{
	width:290px;
	min-height:500px;
	_height:500px;
	float:left;
}
#MenuGauche{
	padding: 0px 5px 5px 20px;
	margin-top:20px;
	color:#FFFFFF;
}
#MenuGauche h1{
	font-family: "Trebuchet MS";
	font-size:20px;
	font-weight:bold;
	color:#FFFFFF;
	text-transform:uppercase;
	margin-bottom:5px;
}
#MenuGauche p{
	color:#FFFFFF;
	font-weight:bold;
}
#MenuGauche ul{
	margin-left:16px;
	margin-top:0px;	
	margin-bottom:0px;
	margin-right:0px;
}
#MenuGauche ul li{
	list-style-type: none;
	color:#FFFFFF;
	padding-left:2px;
	font-weight:normal;
	list-style: url(../images/fleche-menu-gauche.png);
	line-height: 18px;
}
#MenuGauche ul li a, #MenuGauche ul li a:link, #MenuGauche ul li a:active, #MenuGauche ul li a:visited {
	color:#F9F2A6;
	text-decoration:none;
}
#MenuGauche ul li a:hover {
	color:#FFFFFF;
	text-decoration:underline;
}
#MenuGauche ul li.MenuSelect{
	font-weight:bold;
	list-style: url(../images/fleche-menu-gauche-over.png);
}
#MenuGauche ul li.MenuSelect a{
	color:#FFF;
}
#MenuGauche ul li.MenuSelect li a {
	color:#F9F2A6;
}
#MenuGauche #SousMenu ul li.MenuSelect a {
	color:#FFFFFF;
}
#BlocTxt {
	width: 660px;
	min-height:500px;
	_height:500px;
	float:left;
}
#DetailPage{
/*	padding: 15px 20px 15px 15px;*/
	color:#333333;
}
#DetailPage .PageTop{
	background-color:#4d4d4d;
	padding: 4px 20px 4px 15px;
	background-image:url(../images/fond-chemindevie.png);
	background-repeat:repeat-x;
}

#DetailPage .PageEntete{
	background-color:#4d4d4d;
	padding: 15px 20px 15px 15px;
}
#DetailPage .PageEntete h1{
	color:#FFF;
}
#DetailPage .PageContenu{
	padding: 15px 20px 15px 15px;
	text-align:justify;
}
#DetailPage .PagePied{
	background-color:#4d4d4d;
	padding: 5px 20px 5px 15px;
}
#DetailPage .PagePied h2{
	font-size:16px;
	color:#FFF;
	margin-top:0px;
	margin-bottom:0px;
}
#DetailPage .PagePied a{
	color:#CCC;	
}
#DetailPage .PagePied a:hover{
	color:#FFF;
	/*text-decoration:underline;*/
}

#DetailPage .PagePied .ListeTelechargements{
	width:300px;
	float:left;
}
#DetailPage .PagePied .ListeLiens{
	width:300px;
	float:left;
}

#DetailPage .PagePied .ListeTelechargements ul,
#DetailPage .PagePied .ListeLiens ul{
	margin-left:20px;
}
#DetailPage .PagePied .ListeTelechargements li,
#DetailPage .PagePied .ListeLiens li{
	list-style-type:square;
	color:#FFF;
	list-style-position:outside;
}

#DetailPage p{
	margin-bottom:12px;
}
#DetailPage h1 {
	color:#045B17;
	text-transform:uppercase;
	font-family: "Trebuchet MS";
	
	font-size:20px;
	margin-bottom: 10px;
	text-align:center;
}
#DetailPage h2 {
	color:#045B17;
	text-transform:none;
	font-size:15px;
	margin-top:4px;
	margin-bottom: 7px;
}
#DetailPage h3 {
	color:#045B17;
	text-transform:none;
	font-size:12px;
	font-weight:bold;
	margin-bottom: 7px;
}
.ttt {
	font-size:10px;
}
#BlocColDroite {
	float:left;
	width:156px;
}
#BlocColDroite #ColDroite{
	padding: 10px 0px 10px 0px;
}


/*****************************************************
                        PIED DE PAGE
*****************************************************/
#BlocMenuBas{
/*	float:left;
	width:950px;
	min-height:28px;
	_height:28px;*/
	height:28px;
	background-image: url(../images/fond-ete-menu-bas.jpg);
	background-position:top left;
	background-repeat:repeat-y;
}
#BlocMenuBas #MenuBas {
	padding: 5px 0px 0px 0px;
	text-align:center;
	font-family: "Trebuchet MS";
	font-size:14px;
	font-weight:bold;
	color:#FFFFFF;
}
#BlocMenuBas #MenuBas a, #BlocMenuBas #MenuBas a:link, #BlocMenuBas #MenuBas a:active, #BlocMenuBas #MenuBas a:visited {
	color:#FFFFFF;
	text-decoration:none;
}
#BlocMenuBas #MenuBas a:hover {
	color:#D2FD30;
	text-decoration:none;
}
#PiedPage{
	background-color:#97BF0D;
	padding:10px 0px 30px 10px;
	min-height:100px;
	_height:100px;
}

#PiedPage #MenuPiedpage{} 
#PiedPage #MenuPiedpage ul li{
	float:left;
	width: 160px;
	margin-left:10px;
	margin-right:10px;
} 
#PiedPage #MenuPiedpage ul li a{
	font-size:14px;
	color:#FFF;
	font-weight:bold;
}
#PiedPage #MenuPiedpage ul li a:hover{
	color:#297415;
	text-decoration:underline;
}

#PiedPage #MenuPiedpage ul li li{
	float:none;
	width:auto;
	font-size:14px;
	margin-left:0px;
	margin-right:0px;
}
#PiedPage #MenuPiedpage ul li li a{
	font-size:11px;
	color:#FFF;
	font-weight:normal;
}

#PiedPage .BlocMenuPiedPage {
	min-height: 150px;
	_height:150px;
	text-align:left;
	font-family: "Trebuchet MS";
	font-size:10px;
	color:#FFFFFF;
	padding-top:10px;
	padding-left:30px;
}
#PiedPage .BlocMenuPiedPage.Pro {
	background-color:#297415;
}
#PiedPage .BlocMenuPiedPage h2{
	font-family: "Trebuchet MS";
	font-size:12px;
	font-weight:bold;
	color:#FFFFFF;
}
#PiedPage .BlocMenuPiedPage ul{
	margin-left:22px;
	margin-top:5px;	
	margin-bottom:0px;
	margin-right:0px;
}
#PiedPage .BlocMenuPiedPage ul li{
	list-style-type:disc;
	list-style-position:outside;
	list-style:disc;
	color:#FFFFFF;
	padding:0px;
}
#PiedPage .BlocMenuPiedPage a, #PiedPage .BlocMenuPiedPage a:link, #PiedPage .BlocMenuPiedPage a:active, #PiedPage .BlocMenuPiedPage a:visited {
	color:#FFFFFF;
	text-decoration:none;
}
#PiedPage .BlocMenuPiedPage a:hover {
	color:#166617;
	text-decoration:none;
}
#PiedPage .BlocMenuPiedPage.Pro a:hover {
	color:#D2FD30;
	text-decoration:none;
}
#Signature{
	color:#888687;
	text-align:left;
	padding: 5px;
	background-color:#FFFFFF;
	font-family: "Trebuchet MS";
	font-size:11px;
	font-weight:bold;
	position:relative;
}
#Signature .logos{
	position:absolute;
	right:0px;
	width:155px;
	bottom:3px;
}
#Signature .facebook{
	position:absolute;
	left:3px;
	width:155px;
	bottom:35px;
}
#Signature a, #Signature a:link, #Signature a:active, #Signature a:visited {
	color:#888687;
	text-decoration:none;
}
#Signature a:hover {
	color:#166617;
	text-decoration:none;
}
#SignatureStation{
	text-align:center;
	background-color:#97BF0D;
	line-height:20px;
	font-size:11px;
	color:#000;
	padding-bottom:4px;
}

/*****************************************************
                        FORMULAIRES
*****************************************************/
.combo {
	height: auto; 
	border: #292929 1px solid;
	font-family: arial;
	font-size: 11px;
	font-style: normal;
	color: #000000;
	background-color: #FFFFFF;
}
.combogo {
	height: auto; 
	border: #292929 1px solid;
	font-family: arial;
	font-size: 11px;
	font-style: normal;
	color: #000000;
	background-color: #99BE0E;
}

/*****************************************************
                        Onglets
*****************************************************/
#BlocOngletMeteo,
#BlocOngletWebcam{
	width:270px;
	margin-left:10px;
}
#BlocOngletMeteo .onglet,
#BlocOngletWebcam .onglet{
	position:relative;
	height:200px;
}
#BlocOngletWebcam .onglet .Commentaire{
	position:absolute;
	bottom:0px;
	left:0px;
	right:0px;
	color:#FFF;
	background-image:url(../images/fond-transparent-noir.png);
	background-repeat:repeat;
	padding:5px;
	text-align:center;
}
#BlocOngletWebcam .webcam img{width:270px; height:200px;}
#BlocOngletWebcam .remarque{
	font-size:10px;
	text-align:center;
	margin-bottom:0px;
}
#BlocOngletWebcam .pano{
	width:125px;
	height:50px;
	overflow:hidden;
	float:left;
	margin:0px 5px 5px 2px;
	color:#F0F0F0;
	font-size:9px;
	line-height:10px;
	text-align:center;
}
#BlocOngletWebcam .pano img{
	width:123px;
	height:35px;
	border:1px solid #4d4d4d;
}
#BlocOngletWebcam .pano a{
	color:#FFF;
	text-decoration:none;
}
#BlocOngletWebcam .pano a:hover img{
	border:1px solid #FFF;
}

#BlocMenuGauche li.ui-state-default{
	background-color:#659317;
}
#BlocMenuGauche li.ui-tabs-selected{
	background-color:#FFF;
}
#BlocMenuGauche li.ui-tabs-selected a{
	color:#659317;
}
#BlocMenuGauche #meteo-accueil .icon-meteo{
	width:130px;
	height:130px;
	font-size:9px;
/*	margin-left:20px;
	margin-right:20px;*/
}
#BlocMenuGauche #meteo-accueil .icon-meteo img{
	width:64px;
	margin-top:10px;
}
#BlocMenuGauche #meteo-accueil .infos{
	margin-top:0px;
	font-size:11px;
	width:260px;
	text-align:center;
}
#BlocMenuGauche .plusdinfos{
	font-size:10px;
}
#BlocMenuGauche #meteo-accueil .temperature{
	font-size:30px;
	margin-top:0px;
}
#BlocMenuGauche #BlocOngletMeteo,
#BlocMenuGauche #BlocOngletWebcam{
	margin-top:20px;
}
#tabs-radio #radio {
color:#000000;
padding:10px;
}
#tabs-radio #radio p{
margin-bottom:12px;
}
#tabs-radio #radio a{
color:#000000;
text-decoration:underline;
}
#tabs-radio #radio a:hover {
color:#FFFFFF;
text-decoration:none;
}