html, body {
    height: 100%;
    margin: 0;
    padding:0;	
}
body {
    font: 90% "Trebuchet MS", sans-serif;
}

p {
    text-align:justify;
}
a {
    color : #AE2C0B;
}
a:hover {
    color : #AE2C0B;
    text-decoration:none;
}


img {
    border : 0;
}


#header {
    background:  url(img/header_fond.jpg) repeat-x;
    height: 158px;
}
#header2 {
    background:  url(img/header.jpg) no-repeat;
    height: 158px;
}

#footer {
    width:100%;
    bottom: 0;
    background: #AE2C0B;
    color: #fff;
    height:100px;
}
#footer ul{
    list-style:none;
    padding-top : 25px;
}
#footer ul li{
    display:block;
    width:15%;
    float:left;
}
#footer ul li a{
    font-weight : bold;	
    color : #fff;
}
#footer ul li a:hover {
    text-decoration : none;
}


#frise {
    padding-left : 25px;
}
#frise ul {
    list-style:none;
    clear:both;
    margin:0;padding:0;
}
#frise li{
    padding:0;
    float:left;
    height:65px;
    width:73px;
    margin:0 10px;
    border:1px solid silver;
}
#frise li.a {
    background:url('img/monglet1.png') no-repeat;
}
#frise li.b {
    background:url('img/monglet2.png') no-repeat;
}
#frise li.c {
    background:url('img/monglet3.png') no-repeat;
}
#frise li.d {
    background:url('img/monglet4.png') no-repeat;
}
#frise li.e {
    background:url('img/monglet5.png') no-repeat;
}


#menu_haut {
    position: absolute;
    top : 108px;
    left: 25px;
    z-index:2;
    font-size:12px;
    overflow:hidden;
}

#menu_haut dl, #menu_haut dt, #menu_haut dd, #menu_haut ul, #menu_haut li {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

#menu_haut dl {
    float: left;
    width: 95px;
    padding : 0;	
}
#menu_haut dt {
    width: 95px;	
}


#menu_haut dt, #menu_haut dt a {
    font-size:110%;
    color : #717171;
    cursor: pointer;
    font-weight: bold;
    text-decoration : none;
    margin: 0;
    display : block;
    height : 35px;
}

#menu_haut dt a {
    padding-top:13px;
    padding-left:5px;
    height:29px;
    background:url('img/onglet.jpg') no-repeat;
}

#menu_haut dt a:hover {
    text-decoration:underline;
}


#menu_haut dd {
    display: none;
    font-size:x-small;
    padding:0;
    margin:0;
    width: 93px;
    border : 1px solid #AE2C0B;
}
#menu_haut ul {
    padding : 0;
    margin : 0;
    background-color :#FDF6E3;
    border:0;
    z-index:10;
}
#menu_haut ul li {
    list-style:none;
    padding:0;
    margin:0;
    width: 93px;
    background-color :#FDF6E3;
}


#menu_haut ul li a {
    padding:0 2px;
    margin:0;
    color: #515151;
    font-size:small;
    text-decoration: none;
    display: block;
    width : 89px;
    height:100%;
}
#menu_haut ul li a:hover {
    background-color : #979797;
    color: #FDF6E3;
}

#center {
    padding : 0;
    overflow: auto;
    background:url('img/content.gif') no-repeat left 146px; 
    padding-left:30px;
}
#sidebar {
    float: right;
    width: 39%;
}
#sidebar h1{
    font-size : x-large;
    padding-left : 1em;
    margin-bottom : 0;
    padding-bottom :0;
    color :#717171;
}
#sidebar ul li{
    list-style-image: url('mini-images/puce.jpg');
}



#content {
    float: left;
    width: 59%; 
}



#content2 {
    margin-left :30px;
    padding-bottom :30px;
}


h1 {
    font-size : large;
    font-variant : small-caps;
    padding-bottom : 15px;
    color : #327C6A;
}

h2 {
    font-size : large;
    color : #519CBE;
}



#plan {
    font-size : 75%;
    margin-bottom : 10px
}
#plan i{
    float:left;
    margin-right:5px;
}
#plan ul{
    margin:0;padding:0;
}
#plan li{
    margin:0;padding:0;list-style:none;float:left;margin-right:5px;
}
#plan a {
    text-decoration:none;
}
#plan a:hover {
    text-decoration:underline
}

.clean {
    clear:both;
}


.c150 {
    display:block;
    width:150px;
    font-weight : bold;
    float : left;
}
.button {
    background: #327C6A;
    color : #fff;
}
.listing {
    border:1px solid grey;
    padding:5px;
}
.listing tr th{
    border-bottom:1px solid grey;
}
.listing tr td{
    text-align : center;
    padding : 3px 0;
}

.erreur {
    border : 1px solid #AE2C0B;
    background-color:#E5F6C9;
    padding : 2%;
}


label.c150 {
    display: block;
    float: left;
    width: 40%;
    text-align: right;
    margin: 0 1em 0 0;
    padding: 0.1em;
    font-weight:bold;
    font-style: italic; 
}
input.text, textarea, select.select {
    width: 45%;
    background-color: #EBEBEB;
    border: 0;
    margin-right: 0.25em;	
    border: 1px solid #AE1600;
}


form p label {
    display:block;
    width:45%;
    float:left;
    margin-right:2%;
    border-bottom:1px solid silver;
}

form p input, form p textarea, form p select{
    width:50%;
}




ul#chemin_achat{
    clear:both;
    height:20px;
    border-bottom:1px solid silver;
}
ul#chemin_achat li {
    color:silver;
    display:block;
    float:left;
    margin:0.5%;
    padding:0.5%;
    width:20%;
    text-transform:uppercase;
    text-align:center;
}
ul#chemin_achat li.selected {
    color:#3875D7;
}

ul#chemin_achat li b{
    font-size:150%;
    background:#FFFFFF;
    padding:0 30px;
}

ul#chemin_caddie{
  background:#00233E;
    border-top:1px solid grey;
    padding:0;
}

ul#chemin_caddie li{
    border-bottom:1px solid grey;
    background:#F0F0F0;
    display:block;
    float:left;
    color:#000000;
    width:24%;
    margin:0 0.5%;padding:0.5% 0.5%;
    text-align:center;
}
ul#chemin_caddie li.first{
    border-left:1px solid grey;

}
ul#chemin_caddie li.selected1{
    background:silver;
}
ul#chemin_caddie li.selected2{
    background:#00233E;
}
ul#chemin_caddie li.selected2 a{
    color:#FFFFFF;
    font-weight:bold;
    text-transform:uppercase;
}