/*  bloc qui contient tous les autres blocs  */
#contenu {
background-image: url();
background-repeat: repeat;
color: #080808;
}

/*partie page*/

section {
clear: both;
position: relative;
background-image: url();
}


/*  ------------ Bloc du haut de page --------------- */
header {
height: 240px;
color: transparent;
}
header h1 {
background-image: url();
background-repeat: no-repeat;
background-position:center;
position: relative;
top: 10px;
border-top: none;
z-index: 200;
}
header .image{
height: 240px;
position: relative;
top: -80px;
}

/* --------------- barre de navigation -------------------- */
nav{
background: transparent;
background-image : url("https://static.blog4ever.com/2012/06/703078/Background.jpg") !important;
background-repeat : repeat;
margin-top: 0;
}
nav ul {
margin: 0 20px 0 0;
float: right;
}

nav a {
background: #f4d4a5;
padding: 2px 10px;
color: #831110;
border: 2px ridge #F0F0F0;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
border-radius: 10px;
-webkit-box-shadow: 2px 4px 12px #666;
-moz-box-shadow: 2px 4px 12px #666;
box-shadow: 2px 4px 12px #666;
}
nav a:hover {
color: #712d2e;
border: 2px groove #101010;
}
nav .recherche_nav {
float: left;
}


/* ----------------- menu latéral --------------- */

.fond-cote{
background-color: #3757B7;
}
aside { /* fond en dessous du menu uniquement*/
background-color: transparent; /*#E9DEDE; */ /*couleur fond du menu*/
position: relative;
width: 250px;
z-index: 2;
}

aside div.centre {
background: #F0F0EE;
background-image: url('http://');
background-repeat; repeat;
margin: 20px 5px;
border: 2px outset #F0F0F0;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
border-radius: 10px;
-webkit-box-shadow: 2px 4px 12px #666;
-moz-box-shadow: 2px 4px 12px #666;
-html-box-shadow: 2px 4px 12px #666;
box-shadow: 2px 4px 12px #666;
}
aside h2 {
background-color: transparent !important;
}

.menu_bloc {
background-image: url(https://static.blog4ever.com/2012/06/703462/Fleurs.jpg);
background-repeat; repeat;
margin: 20px 5px;
border: 2px outset #F0F0F0;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
border-radius: 10px;
}
.menu_bloc ul{
background: #9D8C95;
padding: 5px 2px;
border: 2px ridge #F0F0F0;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
border-radius: 10px;
}
.menu_bloc li {
background-image:url('https://static.blog4ever.com/2012/06/703462/images12.jpg');
background-repeat : no-repeat;
background-position : 0% 50%;
padding-left: 25px;
line-height: 25px;
}
.menu_bloc h2{
background: #0A2269;
background-image:url(http://);
background-repeat: no-repeat;
padding: 5px 2px 5px 50px;
background-position: left center;
color:#AE6D5B;
}

#menu_articles h2 {
color: transparent;
background-image: url(https://static.blog4ever.com/2012/06/703078/Articles1.png);
background-repeat: no-repeat;
width: 209px;
height: 250px;
padding: 0;
margin: 0 auto 10px -5px;
}
#menu_forum h2 {
color: transparent;
background-image: url(https://static.blog4ever.com/2012/06/703078/Forum1.png);
background-repeat: no-repeat;
width: 209px;
height: 250px;
padding: 0;
margin: 0 auto 10px -5px;
}

#menu_sondage {
background: #E4CFCF;
padding-top: 10px;
padding-bottom: 10px;
/* coins arrondis */
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-khtml-border-radius: 5px;
border-radius: 5px;
/* bordures ombrées */
-webkit-box-shadow: 2px 4px 12px #666;
-moz-box-shadow: 2px 4px 12px #666;
box-shadow: 2px 4px 12px #666;
filter:progid:DXImageTransform.Microsoft.Shadow(color='#aaaaaa', Direction=135, Strength=12);
}
#menu_sondage ul{
background-image: url(menu_sondage);
background-repeat: no-repeat;
color: #C10A3B;
}
#menu_sondage h2 {
color: transparent;
background-image: url(https://static.blog4ever.com/2012/06/703462/Sondages_3856479.png);
background-repeat: no-repeat;
width: 209px;
height: 250px;
padding: 0;
margin: 0 auto 10px -5px;
}


#menu_partenaires h2 {
color: transparent;
background-image: url(https://static.blog4ever.com/2012/06/703078/partenaire1.png);
background-repeat: no-repeat;
width: 209px;
height: 250px;
padding: 0;
margin: 0 auto 10px -5px;
}

#menu_stats h2 {
color: transparent;
background-image: url(https://static.blog4ever.com/2012/06/703462/Statistique_3856437.png);
background-repeat: no-repeat;
width: 209px;
height: 250px;
padding: 0;
margin: 0 auto 10px -5px;
}



#menu_blogmember_box_link {
width:60%;
margin-top: 20px !important;
margin-bottom: 10px;
padding: 3px 10px;
border: 2px outset #000000;
}
#menu_blogmember_box_invite {
background-color: #D9E1EC;
padding: 10px;
/* coins arrondis */
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-khtml-border-radius: 5px;
border-radius: 5px;
}
#menu_blogmember_box_register {
background-color: #00517A !important;
padding: 3px 10px;
}
#menu_blogmember_box h2 {
color: transparent;
background-image: url(https://static.blog4ever.com/2012/06/703462/Membres_3856439.png);
background-repeat: no-repeat;
width: 209px;
height: 250px;
padding: 0;
margin: 0 auto 10px -5px;
}



/* ---------------- bloc article ---------------- */

article{ /*dans le DP1 c'était Contenu*/
background-image: url(https://static.blog4ever.com/2012/06/703078/arriere-plan1.png);
/* background-image: url(https://static.blog4ever.com/2012/06/703462/image-fond.jpg); */
background-repeat: repeat;
color: #080808;
padding: 20px;
position: relative;
width: 667px;
}

article h3{
background-image:url(image_fond_titre_article);
background-repeat: repeat;
color: #241414;  /* #FE2E64; */
padding-left: 10px;
}

/* --------------- bloc du bas de page ---------------- */
footer {
background-image : url("https://static.blog4ever.com/2012/06/703462/Fleurs.jpg");
background-repeat: repeat;
background-position: center;
}
footer{
background-color : #CDB85E;
background-image: url("https://static.blog4ever.com/2012/06/703462/Fleurs.jpg");
background-repeat : repeat;
border : 1px solid #D3DF76;
}
#barre_bas a{
background-color : transparent;
color : 1px solid #F70A2A;
}
#barre_bas a:hover{
background-color : transparent;
color : #F70A2A;
}

/* ----------------- divers voir si utile --------------------- */
#InscriptionNewsletter input[type="text"]{
width: 170px !important;
}

/*bord début menu latéral*/
aside .bloc-cote:first-child {
border: 2px ridge #F0F0F0!important;
}