@import url("style_infolive.css");

/************** Styles généraux ************/
body
{
text-align:center;
margin:0px;
margin-top:14px;
background-image:url(../images/fond-site.png);
background-repeat:repeat-x;
background-position:top left;
background-color:#639ecc;
}
#Page
{
width:980px;
margin-left:auto;
margin-right:auto;
font-size:11px;
font-family:"Trebuchet MS";
}
#DetailPage{
	padding:5px;
}

h1,h2,h3,h4{
	padding:0px;
	margin:0px;
}
#FondPage
{
}

ul,li{
	list-style-type:none;
	padding:0px;
	margin:0px;
}
#Entete
{
float:left;
width:980px;
height:259px;
}
#Menu
{
height:120px;
text-align:left;
float:left;
width:980px;
	background-color:#FFF;
}
#Flash{
width:980px;
height:259px;
position:absolute;
top:0px;
left:0px;
z-index:1;}

#Langues
{
position:absolute;
width:85px;
height:46px;
top:12px;
right:0px;
z-index:10;
}
#Partenaires{}

#Contenu{
/*float:left;*/
width:980px;
float:left;
background-image:url(../images/fond-contenu.gif);
background-repeat:no-repeat;
min-height:552px;
_height:552px;
}
#ColGauche{
float:left;
width:241px;
text-align:left;
}
#ColCentrale
{
float:left;
width:733px;
text-align:left;
}
#ColDroite
{
float:left;
width:250px;
background-image:url(../images/fond-col-droite.gif);
background-position:top right;
background-repeat:no-repeat;
}

h1{
	font-size:16px;
	font-weight:bold;
	color:#666;
}
h3
{
color:#2E75B0;
margin:0px;
}

#Pied{
width:980px;
background-color:#F4981D;
color:#FFFFFF;
}


#LogoPro{
float:left;
width:111px;
height:18px;
}

#MenuBas{
	color:#FFF;
	text-transform:uppercase;
	text-align:left;
	margin-left:10px;
	float:left;
}
#MenuBas a{
	color:#FFF;
	text-decoration:none;
}

#Signature{
float:right;
padding-top:5px;}
#Signature a, #Signature a:link, #Signature a:active, #Signature a:visited
{
color:#FFFFFF;
font-weight:bold;
text-decoration:none;
}
#Signature a:hover{
color:#333333;}

#Coordonnees{
padding-top:7px;
float:left;
width:980px;
text-align:center;
}
#Coordonnees a, #Coordonnees a:link, #Coordonnees a:active, #Coordonnees a:visited
{
color:#FFFFFF;
font-weight:normal;
text-decoration:underline;
}
#Coordonnees a:hover{
color:#333333;}

#AccesRapide{
	background-color:#D0E1F0;
	margin:5px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;	
	text-align:center;
	padding:10px;
}

#ComboAccesRapide{
	border:0px;
	font-size:12px;
}
#ComboAccesRapide option.Massif{
	font-weight:bold;
	background-color:#F0F0F0;
}
#ComboAccesRapide option.Station{
	font-weight:normal;
	padding-left:20px;
}

/*****************************************************
		PAGE ACCUEIL
*****************************************************/
#Intro{}
#Intro .Col1{
	width:390px;
	float:left;
	margin-right:10px;
}
#Intro .Col2{
	width:310px;
	float:left;
	background-color:#EEE;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;	
}
#Intro .Marge{
	padding:5px;
}

#Intro .Col2 .Plusdinfos{
	clear:both;
	background-image:url(../images/ico-plusdinfos.gif);
	background-repeat:no-repeat;
	background-position:right center;
	padding-right:16px;
	line-height:16px;
	text-align:right;
	color:#1390DF;
}
#Intro .Col2 .Plusdinfos a{
	color:#1390DF;
	text-decoration:none;
}


#LettreInfo{
	background-color:#FFF;
	margin:5px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;	
	text-align:center;
	padding:5px;
	color:#999;
	text-align:left;
}
#LettreInfo input{
	border:1px solid #999;
	background-color:#EEE;
	padding:1px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	width:130px;
}


#BlocNewsletter .ok input
{
	border:none;
	background:none;
	width:29px;
}

#BlocNewsletter
{
height:35px;}

/***************** Formulaire Contact ******************/
#Contact table tr td .ChampLibelle
{
width:120px;
text-align:right;
}

#Contact table tr td .ChampLibelleLong
{
font-size:11px;
}

#Contact .infos
{
display:block;
margin-left:30px;
margin-top:30px;
font-size:11px;
text-align:left;
}




#MenuGauche{
	margin:2px;
	padding:2px;
}
#MenuGauche ul li{
	padding:2px;
	margin:2px;
}
#MenuGauche ul li a{
	color:#FFF;
	text-decoration:none;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	background-color:#454547;
	display:block;
	padding:2px;
	padding-left:10px;
}
#MenuGauche ul li.Selected a{
	background-color:#F4981D;
}
#MenuGauche ul li ul li a{
	background-color:#858587;
}
#MenuGauche ul li a:hover{
	background-color:#F4981D;
}



/******************************************
		IDENTIFICATION
******************************************/
#BlocIdentification{
	width:450px;
	float:right;
}
#Identification{
	background-color:#F0F0F0;
	margin:10px;
	-moz-border-radius:7px;
	-webkit-border-radius:7px;		
	padding:5px;
	width:400px;
}
#Identification .Combo{
	border:1px solid #D0D0D0;
	padding:2px;
	background-color:#CCCCCC;
	color:#000;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size:12px;
}
#Identification .Entete{
	background-color:#454547;
	color:#FFF;
	text-transform:uppercase;
	font-weight:bold;
	text-align:center;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;		
	padding:2px;
}
#Identification .Remarque{
	color:#666;
	font-size:10px;
	text-align:center;
}

#Identification .PrefixeLogin,
#Identification .PrefixePass{
	width:120px;
	float:left;
}
#Identification .TxtLogin,
#Identification .TxtPass{
	width:120px;
	float:left;
}
#Identification .TxtLogin input,
#Identification .TxtPass input{
	width:110px;}
#Identification .SuffixeLogin,
#Identification .SuffixePass{
	width:80px;
	float:left;
}
#Identification #Access_Login,
#Identification #Access_Pass{
	float:none;
	border:1px solid #000;
	background-color:#FFFFFF;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#666;
	padding:2px;
	font-size:10px;
}

#Identification .Login,
#Identification .Pass{
	margin:2px;
	clear:both;
}
#Identification td{
	text-align:center;
}
#Identification .Nom{
	text-transform:uppercase;
	font-weight:bold;
}