/*****************************************/
/*SITE Veran §  */
/*****************************************/
/* couleurs utilisees
bleu			color:#004a9f;	
bleu soutenu		color:#002681;
jaune			color:#ffe323;
*/
/*****************************************/
/*layout Veran - */
/*****************************************/
#body 
{ 
    background:url(../img/fd.png) repeat-x;
    background-color:#ebebeb;

}
#containerborder
{
    width:1200px;
    margin:0 auto;

}
#container
{
    width:1000px;
    margin:0 auto;

}
#bandeau
{
    width:1000px;
    height:160px;
    background:url(../img/bandeau.jpg) no-repeat top left;
}
#logo
{
    float:left;
    padding-top:10px;
    padding-left:50px;
}
#titre-logo
{
    float:left;
    padding-top:50px;
    padding-left:60px;
}
#logo IMG
{
    border:0;
}
/*****************************************/
/*navigation 1 */
/*****************************************/
#bandeaujaune
{
    width:100%;
    height:30px;
    background:#ffe323 url(../img/fd-jaune.gif) repeat-x left;
    background-position:0 20px;
}
#fdnav1
{
    position:absolute;
    width:1000px;
    height:20px;
    background:#002681;
}
#nav1
{
    position:absolute;
    width:1000px;
    font-size:12px;
    letter-spacing:0.1em;

}
#nav1 UL
{
}
#nav1 LI A
{
    color:white;
    font-weight:bold;
}
#nav1 LI.current A,#nav1 LI A:hover
{
    background:#ffe323 url(../img/fd-jaune.gif) repeat-x left;
    background-position:top;
    color:#002681;
}
#nav1 LI A SPAN
{
    padding:4px 10px;
}
#nav1 LI.current A SPAN,#nav1 LI A:hover  SPAN
{
    height:16px;
}

#nav1 LI A:hover  SPAN
{
    background:url(../img/fd-jaune.gif) repeat-x left;
    background-position:top;
}
#nav1 LI.current A:hover SPAN
{
    background:url(../img/fd-onglet.gif) no-repeat top right;
}
#nav1 LI.current A SPAN
{
    background:url(../img/fd-onglet.gif) no-repeat top right;
}

/*****************************************/
/*contenu */
/*****************************************/
#pagecontent
{
    width:100%;
    background:white;
}
/*****************************************/
/*navigation outils */
/*****************************************/
#topnav
{
    width:100%;
    background:#004a9f;
    height:20px;
}
#outils
{
    float:left;
    width:480px;
}
#topnav LI A
{
    color:white;
    padding:2px 10px;
}

#topnav LI A.current
{
    color:#ffe323;
    cursor:text;
    text-decoration:none;
}
#topnav LI A:hover
{
    color:#ffe323;
}
#adresse
{
    float:right;
    width:500px;
}
#adresse P
{
    color:white;
    text-align:right;
    margin:0;
    padding:0;
    padding-top:2px;
    padding-right:10px;
}


/*****************************************/
/*pied de page */
/*****************************************/
#pagefootercontainerout
{
    width:100%;
    background:#002681;
    height:40px;
}
#pagefootercontainer
{
    width:1000px;
    margin:0 auto;
}

#pagefooter
{
    width:1000px;
    height:40px;
    background:#002681;
    color:white;
}
#pagefooter A
{
    color:white;
    text-decoration:underline;
}
#baseline
{
    float:left;
    width:630px;
    margin:0 10px;
    padding-left:0px;
    text-align:left;
    letter-spacing:0.02em;
}
#baseline P
{
    margin:0;
    padding:0;
}
#legal
{
    float:left;
    text-align:right;
    width:100px;
    padding-top:8px;
}
#creditslogos
{
    float:right;
    padding-top:3px;
    width:220px;
}
#creditslogos IMG
{
    float:right;
    border:0px;
    margin:0 3px;
}

#creditslogos SPAN
{
    display:block;
    margin:0px;
    padding:0px;
    margin-right:7px;
}

#bloc-boutique {
    position: absolute;
    top:100px;
    left: 150px;
    margin-top:30px;
    width:190px;
    height:100px;
    background:url(../img/promoboutique.gif) no-repeat top left;
}

#bloc-boutique a{
    color:red;
}