@import url("style_infolive.css");

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

ul,li{
	list-style-type:none;
	padding:0px;
	margin:0px;
}
#Entete
{
position:relative;
float:left;
width:980px;
height:259px;
/*background-image:url(../images/fond-entete.gif);
background-position:top left;
background-repeat:no-repeat;*/
margin-left:10px;
/*float:left;*/
}
#Menu
{
background-image:url(../images/fond-menu.png);
background-position:left top;
background-repeat:no-repeat;
border-bottom:1px solid #FFFFFF;
/*float:left;*/
height:40px;
margin-left:10px;
float:left;
width:980px;
}
#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;
}
#MenuDroite{
position:absolute;
width:120px;
height:100px;
top:65px;
right:0px;
z-index:10;
}
#MenuDroite li{
	list-style-type:none;
	color:#474747;
	text-transform:uppercase;
	font-weight:bold;
	padding:0px;
	margin:0px;
	padding-right:10px;
	margin-right:2px;
	background-image:url(../images/puce2.gif);
	background-position:right center;
	background-repeat:no-repeat;
	text-align:right;
	font-family:"Trebuchet MS", Verdana;
	font-size:12px;
	margin-bottom:5px;
}
#MenuDroite li a{
	color:#474747;
	text-decoration:none;
}
#MenuDroite li.SelectSsMenu a{
	color:#2E75B0;
}
#MenuDroite li a:hover{
	color:#1A8FDE;
	text-decoration:none;
}

#Partenaires{}

#Contenu{
/*float:left;*/
width:980px;
margin-left:10px;
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:723px;
text-align:left;
}
/*#ColCentrale
{
float:left;
width:733px;
}
*/#ColDroite
{
float:left;
width:250px;
background-image:url(../images/fond-col-droite.gif);
background-position:top right;
background-repeat:no-repeat;
}

h3
{
color:#2E75B0;
margin:0px;
font-size:15px;
}

#Pied{
/*float:left;*/
width:980px;
height:50px;
margin-left:10px;
float:left;
background-color:#1a8fde;
color:#FFFFFF;}


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

#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;
}
.clear{
	clear:both;
}
/*****************************************************
		PAGE ACCUEIL
*****************************************************/
#Intro{}
#Intro .Col1{
	width:380px;
	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;
}