header .image{
height : 148px;
width: 710px;
}
.menu_bloc ul li,
.menu_bloc ul li a {
font-family: average;
font-size: 15px;
text-align: left;
font-size: normal;
}
.menu_bloc ul {
background: #E6EFEE;
padding: 5px 5px;
border: 3px ridge #F0F0F0;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
- khtml-border-radius: 10px;
border-radius: 10px;
}
.menu_bloc h2 {
background: #BE9DA6;
color: #AE6D5B;
padding: 2px; 5px;
}
nav ul {
margin: 0 0 0 40px;
float: left;
}
.fond-cote {
background-image: url("
http://www.maisonrondinsdebois.com/images/fond-bois.jpg");
background-repeat: repeat;
width: 250px;
height: 1900px;
float: left;
}
#menuTab-1 {
width: 100%;
margin-top: -30px;
padding-right: 10px;
overflow: hidden;
}
#menuTab-1 ul.tabs{
margin: 0;
padding: 0;
float: left;
list-style-type: none;
height: 32px;
width: 100%;
}
#menuTab-1 ul.tabs li{
float: left;
margin: 0 1px;
padding: 5px 3px 0 3px;
height: 26px;
line-height: 26px;
margin-bottom: -1px;
overflow: hidden;
position: relative;
background: #3E4969;
border: none;
-moz-border-radius: 10px 10px 0px 0px / 10px 10px 0px 0px;
-webkit-border-radius: 10px 10px 0px 0px / 10px 10px 0px 0px;
-webkit-border-top-left-radius: 10px 10px;
-webkit-border-top-right-radius: 10px 10px;
-webkit-border-bottom-right-radius: 0px 0px;
-webkit-border-bottom-left-radius: 0px 0px;
border-radius: 10px 10px 0px 0px / 10px 10px 0px 0px;
}
#menuTab-1 ul.tabs li a{
text-decoration: none;
color: #E1FBFD;
display: block;
font-size: 13px; /* taille du texte liens onglets */
padding: 0 5px;
border: none;
outline: none;
}
#menuTab-1 ul.tabs li a:hover{
background: #3E4969;
color: #E1FBFD;
}
#menuTab-1 ul.tabs li.active,
#menuTab-1 ul.tabs li.active a{
background: #DFDDDE;
color: #690A0A;
border-bottom: 1px solid #DFDDDE;
}
#menuTab-1 ul.tabs li:hover,
#menuTab-1 ul.tabs li:hover a{
background: #5286FF;
color: #3E4969;
}
#menuTab-1 .tab_container{
border-top: 1px solid #DFDDDE;
clear: both;
float: left;
width: 100%;
margin-bottom: 10px;
margin-right: 10px;
background: #DFDDDE;
}
#menuTab-1,
#menuTab-1 .tab_container{
-moz-border-radius: 0px 0px 15px 15px / 0px 0px 15px 15px;
-webkit-border-radius: 0px 0px 15px 15px / 0px 0px 15px 15px;
-webkit-border-top-left-radius: 0px 0px;
-webkit-border-top-right-radius: 0px 0px;
-webkit-border-bottom-right-radius: 15px 15px;
-webkit-border-bottom-left-radius: 15px 15px;
border-radius: 0px 0px 15px 15px / 0px 0px 15px 15px;
}
#menuTab-1 .tab_container{
-moz-box-shadow: 4px 4px 10px rgba(0,0,0,0.3);
-khtml-box-shadow: 4px 4px 10px rgba(0,0,0,0.3);
-webkit-box-shadow: 4px 4px 10px rgba(0,0,0,0.3);
box-shadow: 4px 4px 10px rgba(0,0,0,0.3);
filter:progid:DXImageTransform.Microsoft.Shadow(color='#aaaaaa', Direction=135, Strength=12);
}
#menuTab-1 .tab_content{
padding: 10px;
font-size: 14px; /* taille du texte du contenu */
color: #690A0A;
line-height: 1.5em;
overflow: hidden;
}
#menuTab-1 .tab_content h4{
color: #5286FF;
font-size: 25px;/* taille du titre */
padding-bottom: 3px;
border-bottom: 2px ridge #000;
display: block;
}
#menuTab-1 .tab_content a{
color: #3E4969;
}
#menuTab-1 .tab_content a:hover{
color: #5286FF;
text-decoration: underline;
}
#menu_blogmember_box {
background-image: url('');
background-position: 50% 10px;
background-repeat: no-repeat;
}
#menu_blogmember_box h2 {
margin-top: 0px;
}
.menu_blogmember_box_link {
width:60%;
margin-top: 20px;
margin-bottom: 10px;
padding: 3px 10px;
border: 2px outset #FFFFFF;
}
nav {
position: relative;
width: 709px;
height: 40px;
display: block;
margin: 0 left;
text-align: left;
}
nav ul li {
float: left; list-style: none;
}
ul nav li a {
display: block;
width: 100px;
height: 100px;
padding: 50px 0 0 0;
margin: 0 10px 0 10px;
font-family: 'MuseoSlab-500', Helvetica, sans-serif;
font-size: 16px;
text-transform: uppercase;
color: #000;
text-shadow: 0 2px 1px #bbbaba;
text-decoration: none;
}
ul nav li a.mainnav:hover {
color: #13cad1;
text-shadow: 0 2px 1px #fff;
}
aside {margin-top: -190px}
div.fond-cote { margin-top: -188px}
Moi les derniers codes CSS sont ceux que j'ai mis précédemment.
