body {
        background-attachment: fixed;
        background-image: url(../../images/fondAchilleTonic.jpg);
        background-repeat: no-repeat;
        background-position: center bottom;
        margin:0px;
        background-color:#000000;
        height:100%;
        position: relative;
         margin-left: auto;
        margin-right: auto;

}

html{height:100%;}

#entete{
height:107px;
background-color:#333333;
}

#principal{
width:420px;
margin-left:auto;
margin-right:auto;
background-color:#000000;
margin-top:30px;
padding-top:1px;
padding-bottom:10px;
}

/*#principal{
width:420px;
background-color:#000000;
overflow:auto;
position: absolute;
top: 130px; bottom: 40px;
left: 50%;
margin-left : -210px
}

#principal{
width:420px;
background-color:#000000;
position: absolute;
top: 130px; bottom: 40px;
left: 50%;
margin-left : -210px;
}  */

#contenus{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#FFFFFF;
padding-left:40px;
padding-right:40px;
}

/*#contenus{
width:340px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#FFFFFF;
margin-left:40px;
margin-right: 10px;
padding-right:10px;
overflow:auto;
position:absolute;
bottom:5px;
top:155px;
}    */


#sousmenu{
text-align:center;
}


/*------------------ textes ---------------*/

h1{
color:#cc0000;
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
text-transform:uppercase;
text-align:center;
margin:0px;
margin-bottom:10px;
background-image:url(../../images/fondTitre.gif);
background-repeat:no-repeat;
background-position:center;
}

h2{
color:#FFFFFF;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
text-transform:uppercase;
margin:0px;
margin-top:10px;
margin-bottom:10px;
}

h3{
color:#cc0000;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
text-transform:uppercase;
margin:0px;
margin-top:5px;
margin-bottom:5px;
}

p{
margin-top:5px;
margin-bottom:5px;
}

#piedpage{
width:420px;
font-family:Arial, Helvetica, sans-serif;
font-size:9px;
color:#CCCCCC;
text-align:center;
margin-top:10px;
margin-left:auto;
margin-right:auto;
/*position:absolute;
bottom:0px;
left:50%;
margin-left:-210px;*/}

b, strong{
color:#cc0000;}

.petittexte{
font-size:10px;
color:#999999;
font-style:italic;
}


/*------------------------images-------------------*/

#contenus img{
border:2px solid #333333;
}

.separ{
margin-left:auto;
margin-right:auto;
display:block;}

.espace{
margin-top:10px;
margin-bottom:15px;}

#contenus .separ{
border:none;
padding:0px;}

#contenus .spectL{
border:none;
padding:0px;
float:left;
margin-bottom:20px;
margin-right:25px;
}

#contenus .spectR{
border:none;
padding:0px;
margin-bottom:20px;
}

#contenus a.sans:hover {
background-color:#000000;
}
/*------------------liens------------------*/

a:link, a:visited, a:active{
color:#FFFFFF;
text-decoration:underline;}

a:hover{
color:#FFFFFF;
text-decoration:none;
background-color:#cc0000;}

a.piedpage:link, a.piedpage:visited, a.piedpage:active{
color:#CCCCCC;
text-decoration:underline;}

a.piedpage:hover{
color:#FFFFFF;
text-decoration:none;
background-color:#cc0000;}


/*------------------------- champs ------------------*/

fieldset{
border: #444444 solid 1px;
padding:10px;
}

fieldset.survol:hover{
background-color:#333333;
}


input, textarea {
background-color:#333333;
border:1px solid #444444;
color:#FFFFFF;
font-family:Arial, Helvetica, sans-serif; 
font-size:11px;}

textarea {
width:300px;}

.liens{
float:left;
width:150px;
margin:10px;
text-align:center;
}


legend{
color:#FFFFFF;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
text-transform:uppercase;
font-weight:bold;
}