@import url("style_infolive.css");

body
{
background-color:#f4f4d7;
text-align:center;
margin:0px;
}

h1, h2, h3, ul, li{
margin:0px;
padding:0px;
}

#FondSite
{
width:982px;
float:left;
background-image:url(../images/fond-page-repeat.gif);
background-position:top left;
background-repeat:repeat-y;
}

#Page
{
width:982px;
margin-left:auto;
margin-right:auto;
font-family:Arial, Helvetica, sans-serif;
}

#FondPage
{
width:982px;
float:left;
background-image:url(../images/fond-page.gif);
background-position:top left;
background-repeat:no-repeat;
}

#Entete
{
float:left;
width:982px;
height:233px;
position:relative;
}

#Deco
{
height:206px;
width:982px;
position:absolute;
top:0px;
left:0px;
z-index:10;
background-image:url(../images/top-entete.png);
background-position:top left;
background-repeat:no-repeat;
}

#Titre
{
height:54px;
width:524px;
position:absolute;
top:64px;
left:66px;
z-index:20;
}

#Flag
{
position:absolute;
bottom:3px;
left:72px;
width:90px!important;
width:93px;
height:16px;
background-image:url(../images/fond-flag.png);
background-position:bottom right;
background-repeat:no-repeat;
text-align:right;
pading-bottom:3px;
z-index:20;
}

#Flag a:hover img
{
opacity:0.5;
filter:alpha(opacity=50);
}

#Flag img
{
margin-left:3px;
margin-right:3px;}

#Slogan
{
height:64px;
width:366px;
position:absolute;
bottom:3px;
right:0px;
z-index:10;
background-image:url(../images/slogan.png);
background-position:top left;
background-repeat:no-repeat;
}

#Flash
{
height:233px;
width:982px;
position:absolute;
top:0px;
left:0px;
background-image:url(../images/fond-flash.png);
background-position:top left;
background-repeat:no-repeat;
}

/********************* Menu Haut *********************/

#MenuHaut{
margin-top:10px;
margin-left:35px;
width:128px;
height:45px;
text-align:right;
background-image:url(../images/fond-menu-haut.png);
background-position:top right;
background-repeat:no-repeat;
}

#MenuHaut a, #MenuHaut a:link, #MenuHaut a:active, #MenuHaut a:visited
{
color:#FFFFFF;
text-decoration:none;
padding-right:3px;
font-size:13px;
font-weight:bold;
font-family:"Trebuchet MS";
line-height:20px;
}

#MenuHaut a.Contact, #MenuHaut a:link.Contact, #MenuHaut a:active.Contact, #MenuHaut a:visited.Contact
{
color:#ff7f00;
}


#MenuHaut a:hover
{
color:#333333;
}

#MenuHaut a:hover.Contact
{
color:#333333;
}

/********************* Menu *********************/

#Menu{
}

#Menu ul{
}

#Menu ul li{
}

/*#Menu ul li a, #Menu ul li a:link, #Menu ul li a:active, #Menu ul li a:visited
{
background-image:url(../images/fond-li-menu.png);
background-position:bottom right;
background-repeat:no-repeat;
color:#FFFFFF;
font-size:13px;
font-family:"Trebuchet MS";
text-decoration:none;
line-height:32px;
padding-right:38px;
display:block;
font-weight:bold;
height:36px;
}*/

/*#Menu ul li a:hover
{
color:#38b4d3;
background-image:url(../images/fond-li-hover-menu.png);
background-position:bottom right;
background-repeat:no-repeat;
}*/



/************* Contenu *********/

#Contenu
{
width:982px;
float:left;
min-height:450px;
_height:450px;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
}

#Contenu .ColonneGauche
{
float:left;
width:415px;
text-align:left;
}

#Contenu h1
{
color:#8bcc04;
font-weight:bold;
font-size:20px;
text-transform:uppercase;
}

#Contenu h3
{
color:#ff7200;
font-weight:bold;
font-size:14px;
}

/******* Styles Infolive Actus *******/
#ColonneGauche
{
float:left;
width:400px;
}

#ColonneDroite
{
float:left;
width:350px;
}


#ColGauche
{
position:relative;
float:left;
width:230px;
}

#Coordonnees
{
position:absolute;
height:90px;
width:220px;
top:295px;
right:15px;
text-align:right;
color:#FFFFFF;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
line-height:16px;
}

#Coordonnees a, #Coordonnees a:link, #Coordonnees a:active, #Coordonnees a:visited   
{
font-weight:bold;
color:#FFFFFF;
}

#Coordonnees a:hover
{
text-decoration:none;
}

#ColDroite
{
float:left;
width:750px;
}

#Pied
{
clear:both;
height:24px;
float:left;
width:982px;
background-image:url(../images/fond-pied.gif);
background-position:top bottom;
background-repeat:no-repeat;
}
#MenuBas{
	color:#FFF;
	font-size:12px;
	padding-top:5px;
}
#MenuBas a{
	color:#FFF;
}

#Signature
{
float:right;
padding-top:5px;
padding-right:5px;
}

#Signature a, #Signature a:link, #Signature a:active, #Signature a:visited
{
text-decoration:none;
font-family:arial;
color:#FFFFFF;
font-size:11px;
}

#Signature a:hover
{
color:#333333;
}

.ListeDeroulantePages{
	text-align:right;
	width:250px;
	float:right;
}