html, body {
height: 100%
}

body {
margin: 0;
padding: 0;
text-align : center;
font-family : arial;
font-size : 12px;
color : #000;
background : #212121 url('https://www.blog4ever.com/resources/templates/blogs/22/images/fond.gif')  no-repeat;
}

#cont {
background-color :#D3D3D4;
text-align : left;
width : 738px ; 
margin : 0 auto 0 auto; 
min-height:100%;
font-size : 12px;
}


#haut {
width : 738px ; 
height : 203px ;
background : url('https://www.blog4ever.com/resources/templates/blogs/22/images/haut.gif')
}
#haut h1
{
text-align:center;
}

#haut h1 a{
text-decoration:none;
color:#000;
text-align:center;
}

/*
#titre_lien {
padding-left:30px;
padding-top:40px;
}
*/

#centre {
width : 738px ;
background : url('https://www.blog4ever.com/resources/templates/blogs/22/images/centre.gif')  ;
text-align : left; 
padding-bottom : 30px ;
}

#centrage { 
padding-left : 30px ; 
padding-right : 35px ; 
 background : transparent ; 
  }

 
#bas {
height:92px;
position : relative ; 
 background-image :url('https://www.blog4ever.com/resources/templates/blogs/22/images/bas.gif');
 padding-left:25px;
 }
 
 
#gauche {
float : left ;  
background-color : #fff;
width : 170px;
 text-align : left; 
 margin-top : 10px; 
 color : #363E5E;
 }



#gauche ul{
 margin :0;
padding : 10px 15px 5px 5px ; 
list-style : none ;
background-color : #D3D3D4;
}

#gauche li {
display : block ;  
line-height:20px;

 }
 
 #gauche h2 {
clear : left ; 
margin : 0 ; 
padding : 2px 0 2px 0;
font-size : 13px;
background: #212121 url('https://www.blog4ever.com/resources/templates/blogs/22/images/bgdivers.gif') right no-repeat;
color :white; 
text-indent : 10px;
text-transform : uppercase ;
line-height:25px;
border-right:1px solid black;
}



li.name {
padding : 0 0 10px 0; 
text-transform : uppercase ; 
diplay : block ; 
border-bottom : 1px dotted #363E5E ; 
 font-weight : bold ; 
 }
 
 li.name a { color : #363E5E;
 text-decoration : none ; 
 }
 
 
li.blabla {
text-decoration : none ; }

li.link {
text-decoration : underline ; 
padding-bottom : 10px ; 
}



h4 {
text-transform : uppercase ; 
font-weight : bold ;
text-decoration : none ;
border-bottom : 1px dotted #363E5E;
padding : 5px 0 5px 0;
 margin :10px 10px 0 10px;
 font-size : 12px ;  
}

h4 a {
text-decoration : none ;  
}

 
h1 a {
text-decoration:none;
}




 /* DIV DROITE */



#droite {
float : left ;  
background-color : transparent;
width : 480px;
padding-top:10px;
padding-left:18px;
font-size:12px;
}


#droite ul {
margin-left:10px;
}
  
 
 h3 {

clear : left ; 
margin : 0 ; 
padding : 2px 0 2px 0;
font-size : 13px;
background: #212121 url('https://www.blog4ever.com/resources/templates/blogs/22/images/bgdivers.gif') right no-repeat;
color :#fff; 
text-indent : 10px;
text-transform : uppercase ;
}

.englobe_h3 {
padding : 1px ;
 background : #fff;
  margin : 10px 0 10px 0 ;
  border : 1px solid #000; }
 
 
 
 
 h3 {

clear : left ; 
margin : 0 ; 
padding : 2px 0 2px 0;
font-size : 13px;
background: #212121 url('https://www.blog4ever.com/resources/templates/blogs/22/images/bgdivers.gif') right no-repeat;
color :#fff; 
text-indent : 10px;
text-transform : uppercase ;
padding : 1px ;
  margin : 20px 0 10px 0 ;
  border-right : 1px solid #000;
  line-height:25px;
}

 



 
 
 
 
 

 /* Menu*/


#menu {
text-align: left;
color :#fff ; 
font-size : 11px; 
font-weight : bold;
font-size : 13px;
padding : 1px ; 
  background : #FFF ;
  border : 1px solid #000 ;  }

 
 #menu ul{
 height : 27px;
  margin : 0;
padding : 0 ; 
list-style : none ;
background: #212121 url('https://www.blog4ever.com/resources/templates/blogs/22/images/bgdivers.gif') right no-repeat;}
 
 
 #menu li{
 display : block  ; 
 float : left ;
  margin : 0  ;
   padding: 6px 15px 0 10px;
  background : url('https://www.blog4ever.com/resources/templates/blogs/22/images/boot.gif') right bottom no-repeat ;
   list-style : none ;}
  
  
   #menu li a {
color : #fff ;
text-decoration : none ; 
text-transform : uppercase ;  }




 /* Image dans le haut */

.sitelogo {
padding-top : 10px; 
padding-left : 25px ;
 border : 0}



.puce {margin-top : 5px ; margin-left : 5px}
.copy {border : 0 ; }
.delire {float : right ; margin: 7px 30px 0 0}


.signature { 
position : absolute ;
padding : 0 ;  
color : #366A2D;
padding-top:5px;
}

.pboot {
margin : 10px 15px 0 5px ; 
padding : 0 ; 
text-indent : 15px ;   
background :  url('https://www.blog4ever.com/resources/templates/blogs/22/images/pboot.gif') left top no-repeat;}




a {
color : #363E5E; 
text-decoration : underline ; 
}

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

.spacer {
clear:both;
}


#pub {
padding-left:25px;
margin-top:15px;
border-width:80%;
margin-bottom:-20px;
}

.speed {
float : left ;   
margin :20px 0 0 10px;
width : 130px ; 
padding : 0 ; 
list-style : none ;
}


/* BREADCRUMB */
#droite .blog-breadcrumb {
    background: #212121 url('https://www.blog4ever.com/resources/templates/blogs/22/images/bgdivers.gif') right no-repeat;
    padding: 5px 10px;
    color: #ffffff;
    margin-bottom: 10px;
    border: 1px #000000 solid;
    -moz-box-shadow: inset 1px 1px 0 #ffffff, inset -1px -1px 0 #ffffff;
    -webkit-box-shadow: inset 1px 1px 0 #ffffff, inset -1px -1px 0 #ffffff;
    box-shadow: inset 1px 1px 0 #ffffff, inset -1px -1px 0 #ffffff;
}
#droite .blog-breadcrumb a {
    border: 0;
    color: #d3d3d4;
    font-weight: bold;
}

/* FORUM */
#droite .member-links {
    background-color: #d3d3d4;
    padding: 10px 20px;
    border: 1px #000000 solid;
}

#droite .remove {
    display: none;
}
#droite div.login {
    margin: 0 0 10px 0;
    overflow: hidden;
}
#droite div.login .title {
    font-size: 13px;
    color: #000000;
    padding: 0 0 5px 0;
    margin: 0 0 5px 0;
    border-bottom: 1px #e3e7ed solid;
}
#droite div.login form {
    background-color: #d3d3d4;
    padding: 10px 20px;
    text-align: left;
    float: left;
    height: 90px;
    border: 1px #000000 solid;
    width: 275px;
}
#droite div.login form ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}
#droite div.login form ul li {
    list-style-type: none;
    margin: 2px 0;
    clear: both;
}
#droite div.login form label {
    display: block;
    float: left;
    width: auto;
    text-align: right;
    margin: 0 10px 0 0;
    line-height: 24px;
    height: 24px;
}
#droite div.login form .username {
    width: 75px;
}
#droite div.login form .password {
    width: 75px;
    clear: both;
}
#droite div.login form input.text {
    margin: 0 5px 0 0;
    padding: 2px;
    float: left;
    width: 100px;
}
#droite div.login form input.button {
    background-color: #000000;
    color: #ffffff;
    padding: 3px 8px;
    margin: 0 0 0 7px;
    border: 1px #000000 solid;
    border-top: 1px #313131 solid;
    float: left;
    -moz-box-shadow: 0 1px 0 #313131, 0 -1px 0 #000000;
    -webkit-box-shadow: 0 1px 0 #313131, 0 -1px 0 #000000;
    box-shadow: 0 1px 0 #313131, 0 -1px 0 #000000;
    width: 70px;
}
#droite div.login p {
    font-size: 10px;
    margin: 5px 0 0 0;
    text-align: center;
}
#droite div.login .register {
    background-color: #d3d3d4;
    padding: 10px 20px;
    text-align: left;
    float: right;
    height: 90px;
    border: 1px #000000 solid;
}
#droite div.login .register a {
    background-color: #000000;
    color: #ffffff;
    padding: 3px 8px;
    margin: 15px 0 0 0;
    border: 1px #000000 solid;
    border-top: 1px #313131 solid;
    display: block;
    text-align: center;
    -moz-box-shadow: 0 1px 0 #313131, 0 -1px 0 #000000;
    -webkit-box-shadow: 0 1px 0 #313131, 0 -1px 0 #000000;
    box-shadow: 0 1px 0 #313131, 0 -1px 0 #000000;
    text-decoration: none;
}