html, body {
height: 100%
}

body {
margin: 0;
padding: 0;
text-align : center;
font-family : arial;
font-size : 12px;
color : #000;
background : #3A3A3A url('https://www.blog4ever.com/resources/templates/blogs/21/images/bgall.gif') top left no-repeat;


}

#cont {
background-color :transparent;
text-align : left;
width : 734px ; 
margin:auto;
height : auto; 
}

h1 {
padding-left:10px;
width:450px;
margin-top:auto;
padding-top:40px;
}

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

h1 a {
	text-decoration:none;
}

#haut {
height : 242px ;
background: #FE008F url('https://www.blog4ever.com/resources/templates/blogs/21/images/haut3.gif'); 
}
 
 #haut h1 a{
	text-decoration:none;
	color:#000;
}

#centre {
width : 706px ;
padding : 0 0 0 28px; 
 background : #FE008F;
 text-align : left;
 padding-bottom: 50px;
overflow: auto; 

} 
 
#pub {
 background : #FE008F;
 border-top:1px solid grey;
}
 
 
#bas {
height:40px;
background : url('https://www.blog4ever.com/resources/templates/blogs/21/images/bas2.gif') top left no-repeat ;
width : 734px;
}

 
 
#gauche {

float : left ;  
text-align : left; 
color : #FE008F ;
width : 178px;
padding : 0;  
background-color :transparent;

}





#gauche ul {
padding:5px;
background-color :#000000;
} 

#gauche li {
padding : 0 0 5px 0 ;
} 


#gauche li a {
color : #FE008F;
text-decoration:none;
} 

#gauche li a:hover {
color : #fff;
text-decoration:underline;
} 

#droite {
float : left ;  
background : transparent;
width : 487px;
margin-left : 15px}



#haut_droite {
padding : 10px 10px 0 0;
min-height : 120px ;  
}

#haut_droite img {
float : left ;
}

#haut_droite p {
margin : 5px 0 0 0; 
padding : 0 ;
color : #FFD800; 
}



#haut_droite  h1 {
font-size : 0.9em; 
color : #FFD800 ; 
margin : 0 0 0 0 ;
padding : 20px 0 5px 0 ; 
text-transform : uppercase ;
border-bottom : 1px dotted  #000}
 
 
 

 
 h3 {
 text-transform : uppercase ; 
width : 477px;
margin : 0;
padding :10px; 
font-size : 12px ;
background-color :#000;
color : #FFD800;
border-bottom:1px dotted #FE008F;
margin-top:10px;
 }
 
 
 
 h2 {
text-transform : uppercase ; 
 width : 168px;
margin : 0 ;
padding : 5px; 
font-size : 12px ;
background-color : #000;
color : #FFD800;
border-bottom:1px dotted #FE008F;
border-top:10px solid #FE008F;
margin-top:5px;
}

 
 
 ul, li {
 margin :0;
padding : 0 ; 
list-style : none ;}



#menu {
width : 680px ;
text-align: left;
background-color :#000; 
color :#fff ; 
font-size : 12px ;
font-weight : bold;
margin-bottom:5px;
height:25px;
}





#menu li{
 float : left ;
  margin-left : 10px ;
   padding-top : 5px ;
   padding-right : 15px;
  background : url('https://www.blog4ever.com/resources/templates/blogs/21/images/boot.gif') right 7px no-repeat}
  
  
  #menu li a{
  text-transform : uppercase ; 
text-decoration : none ;
color : #fff ;  }









p {
margin : 10px 15px 0 5px ;
 padding : 0}








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






#signature { 
color : #FFD800 ;
 height : 40px ;  
 margin : 0 0 0 30px ; }


#signature a{ 
text-decoration : none ; 
font-size : 10px ; 
 color : #FFD800 }
 
 
#signature a:hover{ 
text-decoration : underline 
 }

#signature p {
 margin : 0 ;
  padding : 0 }





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

a:hover {
color : #FFD800; 
text-decoration : underline ;}



.modifs{  
margin :0 0 0 0;
padding : 0 0 10px 0; 
width : 100% ; 
list-style : none ;}

.modifs li{
padding : 0 0 0 20px ; 
margin : 0 0 5px 0 ;
background : url('https://www.blog4ever.com/resources/templates/blogs/21/images/puce.gif') left top no-repeat ; }




 
 
 
 
 h5 {
font-size : 12px ;
 margin : 10px 0 10px 5px ;
  padding : 0; }

.c_menu {
	 background-color: #ffffff 
}

.c_menu { 
	background-color: #ffffff 
}


/* BREADCRUMB */
#droite .blog-breadcrumb {
    background: #000000;
    padding: 5px 10px;
    color: #fe008f;
    margin: 10px 0;
}
#droite .blog-breadcrumb a {
    border: 0;
    color: #ffd800;
    font-weight: bold;
}

/* FORUM */
#droite .member-links {
    background: #000000;
    padding: 10px 20px;
    margin: 0;
    color: #ffffff;
}

#droite .spacer {
    height: 0;
}
#droite div.login {
    margin: 0 0 10px 0;
    overflow: hidden;
}
#droite div.login .title {
    font-size: 13px;
    color: #fe008f;
    padding: 0 0 5px 0;
    margin: 0 0 5px 0;
    border-bottom: 1px #fe008f solid;
}
#droite div.login form {
    background: #000000;
    padding: 10px 20px;
    text-align: left;
    float: left;
    height: 95px;
    width: 280px;
    margin: 0;
}
#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;
    color: #fe008f;
}
#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: #000000;
    color: #fe008f;
    padding: 3px 8px;
    margin: 0 0 0 7px;
    border: 1px #fe008f solid;
    float: left;
    width: 70px;
}
#droite div.login p {
    font-size: 10px;
    margin: 5px 0 0 0;
    text-align: center;
}
#droite div.login p a {
    color: #b43a13;
}
#droite div.login .register {
    background: #000000;
    padding: 10px 20px;
    text-align: left;
    float: right;
    height: 95px;
}
#droite div.login .register a {
    background: #000000;
    color: #fe008f;
    padding: 3px 8px;
    margin: 15px 0 0 0;
    border: 1px #fe008f solid;
    display: block;
    text-align: center;
    text-decoration: none;
}