body {
	background: url('https://www.blog4ever.com/resources/templates/blogs/5/images/fond.jpg') #344566;
	margin: 15px 0 15px 0;
	padding: 0 0 0 0;
	font: 10pt trebuchet MS;
	text-align: center;
        color: #FFF;
}

a {
	text-decoration: underline;
	color: #E5ECF7;
}

a:hover {
	text-decoration: none;
	color: #FDC415;
}

#conteneur {
	border: 1px solid #415680;
	width: 768px;
	margin: 0 auto;
	padding: 0 0 0 0;
	text-align: left;
	background: #000;
}

#head {
	background: url('https://www.blog4ever.com/resources/templates/blogs/5/images/head.jpg') no-repeat;
	height: 100px;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
}

#head h1{
	padding: 0 0 0 0;
	margin: 0 0 0 0;
    color: #fff;
    text-align: center;        
}

#head h1 a
{
	text-decoration:none;
	color :#fff;
}

#menu_haut {
        border-top: 1px solid #415680; 
        width: 768px;
		padding: 0 0 0 0;
		margin: -30px 0 0 0;
        float: left;
}

ul {
list-style-type: none;
width: 100%; /* précision pour Opera */
}

.menuhaut li {
float: left;
}

.menuhaut a {
margin: 0 2px;
width: 100px;
height: 23px;
display: block;
text-align: center;
border: 1px solid #415680;
text-decoration: none;
color: #fff;
background: #0E1A32;
font: bold 11pt Trebuchet MS;
}

.menuhaut a:hover {
background: #344566;
border: 1px solid #415680; 
}

.menuhaut a:active {
background: #344566;
border: 1px solid #415680; 
color: #344566;
}

#menu_gauche {
	float: left;
	margin: 10px 0 0 0;
	padding: 0 0 0 0;
	width: 170px;
}

html > body #menu_gauche {
	float: left;
	margin: 35px 0 10px 10px;
}

#menu_gauche ul{
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	list-style-type : none;
}

#menu_gauche ul li{
	margin: -1px 0 0 0;
	padding: 0 0 0 0;
        border: 1px solid #415680; 
        background: #0E1A32;
        width: 170px;
}

#menu_gauche ul li a{
	background: #0E1A32;
	padding: 3px 0 3px 0;
	margin:  0 0 0 0;
	width: 170px;
	line-height: 25px;
	text-decoration: none;
        font: 10pt Trebuchet MS;
}

html > body #menu_gauche ul li a{
	display: block;
	width: 170px;
}

#menu_gauche ul li a:hover{
	background: #61778B;
	margin: 0 0 0 0;
	line-height: 25px;
	padding: 3px 0 3px 0;
        font: 10pt Trebuchet MS;
}

#menu_gauche h2{
	margin: 0 0 0 0;
	background: #344566;
        border: 1px solid #415680;
	color: #FFF;
        width: 170px;
	text-align: center;
	font: bold 11pt Trebuchet MS;
	padding: 5px 0 5px 0;
}

* html #menu_gauche h2{
        width: 172px;
        }

#rubriques {
	float: right;
	width: 530px;
	margin: 20px 10px 0 0;
	padding: 0 0 0 0;

}

#rubriques h3{
	background: url('https://www.blog4ever.com/resources/templates/blogs/5/images/rub.jpg') no-repeat;
	margin: 10px 0 10px 0;
	width: 450px;
	padding: 10px 0 15px 50px;
	font: bold 11pt Trebuchet MS;
	color: #FFF;
}



.space {
	clear: both;
        height: 20px;
}

#footer {
	margin: 0 0 0 0 ;
	padding: 0 10px 0 10px;
	text-align: right;
        background: #344566;
        border-top: 1px solid #415680; 
        font: bold 10pt Trebuchet MS;

}

td {
font-size:10pt;
}
/* BREADCRUMB */
#rubriques .blog-breadcrumb {
    background-color: #344566;
    padding: 5px 10px;
    color: #ffffff;
    margin-bottom: 10px;
    border: 1px #1a253c solid;
    width: 480px;
}
#rubriques .blog-breadcrumb a {
    border: 0;
    color: #8fa3ca;
    font-weight: bold;
}

/* FORUM */
#rubriques div.member-links {
    background-color: #0e1a32;
    padding: 10px 5px;
    border: 1px #415680 solid;
    margin-right: 29px;
}

#rubriques div.login {
    width: 500px;
}
#rubriques div.login .title {
    font-size: 13px;
    color: #556d9b;
    padding: 0 0 5px 0;
    margin: 0 0 5px 0;
    border-bottom: 1px #415680 solid;
}
#rubriques div.login form {
    background-color: #0e1a32;
    padding: 10px;
    text-align: left;
    float: left;
    height: 90px;
    border: 1px #415680 solid;
    width: 300px;
}
#rubriques div.login form ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}
#rubriques div.login form ul li {
    list-style-type: none;
    margin: 2px 0;
    clear: both;
}
#rubriques div.login form label {
    display: block;
    float: left;
    width: auto;
    text-align: right;
    margin: 0 10px 0 0;
    line-height: 24px;
    height: 24px;
}
#rubriques div.login form .username {
    width: 70px;
}
#rubriques div.login form .password {
    width: 70px;
    clear: both;
}
#rubriques div.login form input.text {
    margin: 0 5px 0 0;
    padding: 2px;
    float: left;
    width: 100px;
}
#rubriques div.login form input.button {
    background-color: #344566;
    color: #ffffff;
    padding: 3px 8px;
    margin: 0 0 0 3px;
    border: 1px #1d2b48 solid;
    border-top: 1px #576b92 solid;
    float: left;
    -moz-box-shadow: 0 1px 0 #03060b, 0 -1px 0 #1d2b48;
    -webkit-box-shadow: 0 1px 0 #03060b, 0 -1px 0 #1d2b48;
    box-shadow: 0 1px 0 #03060b, 0 -1px 0 #1d2b48;
}
#rubriques div.login p {
    font-size: 10px;
    margin: 5px 0 0 0;
    text-align: center;
}
#rubriques div.login p a {
    color: #ffffff;
}
#rubriques div.login .register {
    background-color: #0e1a32;
    padding: 10px 20px;
    text-align: left;
    float: right;
    height: 90px;
    border: 1px #415680 solid;
}
#rubriques div.login .register a {
    background-color: #344566;
    color: #ffffff;
    padding: 3px 8px;
    margin: 15px 0 0 0;
    border: 1px #1d2b48 solid;
    border-top: 1px #576b92 solid;
    display: block;
    text-align: center;
    -moz-box-shadow: 0 1px 0 #03060b, 0 -1px 0 #1d2b48;
    -webkit-box-shadow: 0 1px 0 #03060b, 0 -1px 0 #1d2b48;
    box-shadow: 0 1px 0 #03060b, 0 -1px 0 #1d2b48;
    text-decoration: none;
}
span.ie7-fix {
    clear: both;
}