@charset "UTF-8";
/* CSS Document */
/*
* Author : Germain Guglielmetti
* Company : ashorlivs
* URL : www.ashorlivs.fr
*/


/*******************/
/* STYLES GENERAUX */
/*******************/

img {
    border:none;
}
.cleaner {
    clear:both;
    font-size:1px;
    height:0px;
    overflow:hidden;
}
a {
    text-decoration:none;
}
a:hover {
    text-decoration:underline;
}
body {
    background:url(/img/fonds/fond.gif) top center no-repeat;
    font-family: Arial, Helvetica, sans-serif;
    font-size:100%;
}

.html body {
    background:url(/img/fonds/fond.gif) 15px center no-repeat;
    font-family: Arial, Helvetica, sans-serif;
    font-size:100%;
}

.erreur {
    color:red;
    font-weight:bold;
}


/*************/
/* STRUCTURE */
/*************/

#conteneur {
    width:885px;
    margin:0 auto;
}




/**************/
/* NEWSLETTER */
/**************/

#newsletter {
    top:0;
    left:0;
    position:absolute;
    width:100%;
    height:45px;
    background:url(/img/fonds/fond_newsletter.gif) top repeat-x;
    margin-top:-41px;
    z-index:1000;
}
#newsletter form {
    text-align:center;
    /*margin-top:12px;*/
    /*height:30px;*/
}
#content_newsletter{
   /*margin-top:12px;*/
   height:38px;
}
#newsletter input.champ,
#newsletter select {
    background:#930314;
    color:#bbb9ac;
    font-family:Arial;
    font-size:.7em;
    border-top:1px #68030e solid;
    border-left:1px #68030e solid;
    border-bottom:1px solid #c98189;
    border-right:1px solid #c98189;
}
#newsletter input.champ {
    width:120px;
}
#newsletter input.bouton {
    background:#930314;
    color:#bbb9ac;
    font-family:Arial;
    font-size:.7em;
    border-bottom:1px #68030e solid;
    border-right:1px #68030e solid;
    border-top:1px solid #c98189;
    border-left:1px solid #c98189;
}
#newsletter_mini {
    background:url(/img/fonds/barre_newsletter.gif) top repeat-x;
    text-align:center;
    z-index:1000;
}
#newsletter_mini img {
    margin:5px 0 0 740px;
}




/**********/
/* HEADER */
/**********/
#header {
    margin-top:28px;
}
#header ul {
    height:54px;
    overflow:hidden;
}
#header ul.logo {
    float:left;
    margin-left:15px;
}
#header ul.menu {
    float:right;
}
#header ul.menu li {
    float:left;
    margin-top:20px;
}
#header ul.menu li.dernier {
    margin-right:16px;
}






/*******************/
/* CADRE PRINCIPAL */
/*******************/
#principal {
    height:481px;
    padding-top:14px;
}







/**********/
/* FOOTER */
/**********/
#footer ul li {
    height:21px;
    padding-left:30px;
    margin-left:15px;
    float:left;
}
#footer ul li.contact {
    background:url(/img/pictos/contact.gif) top left no-repeat;
}
#footer ul li.plan {
    background:url(/img/pictos/plan.gif) top left no-repeat;
}
#footer ul li.rss {
    background:url(/img/pictos/rss.gif) top left no-repeat;
}
#footer ul li {
    font-size:.6em;
}
#footer ul li,
#footer ul li a {
    color:#8f8282;
}
#footer ul li.footer a {
    padding-top:7px;
    display:block;
}
#footer ul li a:hover {
    color:#a10618;
    text-decoration:none;
}

#footer ul li.langue {
    float:right;
    margin-right:20px;
    line-height:23px;
}
#footer ul li.langue span {
    margin-right:15px;
    float:left;
}
#footer ul li.langue a {
    margin-top:5px;
    display:block;
    background:red;
    float:left;
}