body {
    background: #191621;
    color: white;
    font-family: sans-serif;
}

.build {
    border: 1px solid white;
}

#main {
    width: 960px;
    margin-left: auto;
    margin-right: auto;
}

#head1 img {
    border: 0px;
}

#lataillerie {
    margin-left: 20px;
}

#htexte {
    margin-left: 80px;
}

#bandeau {
    border: 0px;
    margin: 0px;
    padding: 0px;
    width: 960px;
}

#bandeau img {
    border-top: 8px solid #2d283e;
    border-bottom: 5px solid #2d283e;
    margin: 0px;
    padding: 0px;
}

/* Menu */

table#menu {
    width: 960px;
    text-align: center;
    border: 0px;
    margin: 0px;
    position: relative;
    top: -2px;
    border-collapse: collapse;
}

#menu td {
    padding-top: 3px;
    border-top: 3px solid #2d283e;
}

#menu td:hover {
    border-top: 3px solid #b3aec2;
}

.sousmenu {
    position: absolute;
    visibility: visible;
}



/* Thanks to http://matthewjamestaylor.com/blog/perfect-2-column-right-menu.htm */
.colmask {
    position:relative;	/* This fixes the IE7 overflow hidden bug */
    clear:both;
    float:left;
    width:100%;			/* width of whole page */
    overflow:hidden;		/* This chops off any overhanging divs */
    margin-top: 20px;
    margin-bottom: 20px;
}
/* common column settings */
.colright,
.colmid,
.colleft {
    float:left;
    width:100%;
    position:relative;
}
.col1,
.col2,
.col3 {
    float:left;
    position:relative;
    padding:0 0 1em 0;
    overflow:hidden;
}

/* 2 Column (right menu) settings */
.rightmenu {

}
.rightmenu .colleft {
    right:30%;			/* right column width */

}
.rightmenu .col1 {
    padding-top: 40px;
    width:65%;			/* left column content width (left column width minus left and right padding) */
    left:32%;			/* (right column width) plus (left column left padding) */
}
.rightmenu .col2 {
    width:26%;			/* right column content width (right column width minus left and right padding) */
    left:36%;			/* (right column width) plus (left column left and right padding) plus (right column left padding) */
}

#boxright {
    background: #2d283e;
    position: relative;
    top: 80px;
}

#contacts {
    font-family: sans-serif;
    padding: 10px;
    z-index: 1;
    position: relative;
    top: -100px;
}

#battonloupe {
    position: relative;
    top: -80px;
}
    

/* Content styles */

h1 {
    text-transform: uppercase;
}

h3 {
    clear: both;
    text-align: center;
    text-decoration: underline;
    padding-top: 20px;
    font-size: 200%;
    font-family: times;
}

h4 {
    padding-top: 5px;
    clear: both;
    font-weight: bold;
    font-size: 180%;
    font-family: times;
}

h5 {
    font-family: times;
    font-size: 140%;
}

.content {
    margin-top: 60px;
    margin-bottom: 40px;
    padding: 30px;
    background: #2d283e;
}

.content h3 {
    margin-top: 30px;
    margin-left: 50px;
    
}

.content p {
/*    text-indent: 20px;*/
    text-align: justify;
}

.content pre {
    font-family: sans-serif;
    text-align: left;
    margin-left: 20px;
} 

a {
    color: white;
}


/* Images */
.spip_documents {
}
/*.spip_documents img {
    position: relative;
    left: -20px; 
}*/
.spip_documents_left {
    margin-right: 10px;
}
.spip_documents_right {
    margin-left: 10px;
}
.spip_documents_center {
    margin: auto;
    display: block;
}



/* Footer styles */
#footer {
    clear:both;
    float:left;
    width:100%;
    border-top:2px solid #2d283e;
    text-align: center;
    font-family: sans-serif;
    padding-top: 10px;
    margin-bottom: 10px;
}