/* CSS Document */

@import url("style_infolive.css");

body
{
background-color:#FFFFFF;
text-align:center;
margin:0px;
padding:0px;
padding-top:5px;
background-image:url(../images/fond-page.jpg);
background-position:center;
background-repeat:repeat-y;
}

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

a, a:link, a:active, a:visited
{
color:#4A0D1D;
}

a:hover
{
color:#fcfbf1;
}


#Page{
width:980px;
margin-left:auto;
margin-right:auto;
border-top:#4e0e1f solid 1px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#4a0d1d;
}

#FondPage
{
float:left;
width:980px;
background-image:url(../images/fond-page.png);
background-position:top center;
background-repeat:repeat-y;
}

#Entete{
width:980px;
height:251px;
background-image:url(../images/entete.png);
background-position:top center;
background-repeat:no-repeat;
position:relative;}

#Entete .MenuHaut
{
position:absolute;
top:0px;
left:0px;
/*width:325px;*/
height:15px;
line-height:15px;
background-color:#4e0e1f;
font-size:10px;
color:#fcfbf1;
text-transform:uppercase;
padding-left:5px;
padding-right:5px;
}

#Entete .MenuHaut a, #Entete .MenuHaut a:link, #Entete .MenuHaut a:active, #Entete .MenuHaut a:visited
{
color:#fcfbf1;
text-decoration:none;
}

#Entete .MenuHaut a:hover
{
color:#ff9000;
}

#Entete .Panier
{
position:absolute;
top:231px;
left:94px;
width:129px;
height:20px;
line-height:20px;
font-size:10px;
color:#fcfbf1;
text-transform:uppercase;
}

#Flag
{
position:absolute;
bottom:0px;
left:20px;
height:20px;
width:50px;
}

#Flag a:hover img
{
opacity:0.3;
filter:alpha(opacity=30);
}

#Menu{
width:743px;
height:34px;}

#Contenu{
float:left;
width:980px;
background-image:url(../images/fond-contenu.png);
background-position:bottom center;
background-repeat:no-repeat;
position:relative;
}

#FondContenu{
width:980px;
float:left;
background-image:url(../images/fond-haut-contenu.png);
background-position:top center;
background-repeat:no-repeat;
}

#ColGauche{
float:left;
padding-bottom:80px;
width:230px;
}

#Texte
{
padding-top:20px;
padding-right:10px;
}

#Coordonnees{
position:absolute;
bottom:5px;
left:0px;
height:80px;
width:230px;
color:#fcfbf1;
}

#Coordonnees h1{
font-weight:bold;
font-size:12px;
color:#fcfbf1;
text-transform:uppercase;
}

#Signature{
}

#Signature a, #Signature a:link, #Signature a:active, #Signature a:visited
{
font-size:10px;
color:#783a4a;
text-decoration:none;
}

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

#ColDroite{
float:left;
width:748px;
text-align:left;
padding-bottom:30px;
}

#ColDroite h1
{
font-size:18px;
}

#Edito
{
float:left;
width:290px;
overflow:hidden;
}

#Edito .Actualite
{
margin-left:5px;
margin-right:10px;
}

#CatalogueAccueil
{
float:right;
width:448px;
overflow:hidden;
}

.combo
{
font-size:11px;
font-family:Arial, Helvetica, sans-serif;
}

/**** Config A la une ****/
#BlocAlaune
{
float:left;
width:448px;
overflow:hidden;
margin-top:10px;
}

#BlocAlaune h1
{
border-bottom:1px solid #4E0E1F;
}

#BlocAlaune .Photo1
{
float:left;
height:90px;
overflow:hidden;
width:150px;
border:1px solid #FF9000;
margin-right:5px;
}

#BlocAlaune .SousTitre
{
font-size:11px;
font-weight:bold;
}

#BlocAlaune .Actualite
{
margin-top:5px;
}

#BlocAlaune img
{
width:150px;
}
#BlocAlaune a:hover img 
{
opacity:0.5;
filter:alpha(opacity=50);
}

#BlocAlaune .Description
{
font-size:12px;
}

#BlocAlaune .Actualite h1
{
color:#ff9000;
font-size:16px;
font-weight:bold;
text-transform:uppercase;
border-bottom:none;
}

#BlocAlaune a, #BlocAlaune a:link, #BlocAlaune a:active, #BlocAlaune a:visited
{
color:#4A0D1D;
text-decoration:none;
}

#BlocAlaune a:hover
{
color:#FF9000;
text-decoration:none;
opacity:0.5;
filter:alpha(opacity=50);
/*background-color:#CCFF33;*/
display:block;
}