tu peux faire de même pour #photos ou #photo h2 ..........et faire varier les tons selon ton gout.
Modifier le css offre plein de possibilités et une fois cette étape franchie il faut aller dans le mydesign .
* {margin: 0; padding: 0;}
body
{
background : #F5D9C1;
background-image : url(
http://);
background-repeat : repeat;
color : #000000;
font-size : 10pt;
font-family : Arial;
text-align : center;
background-attachment : fixed;
}
#cadre
{
background : #4E0514;
background-image : url(
http://);
background-repeat : repeat;
width : 968px;
padding-top : 5px;
padding-left : 5px;
padding-right : 5px;
padding-bottom : 5px;
text-align : left;
margin : auto;
border : 1px solid #000000;
position : relative;
background-attachment : fixed;
}
#haut
{
background : #FFEFBB;
background-image : url(
http://);
background-repeat : repeat;
height : 297px;
padding-top : 1px;
border-width : 1px;
border-style : solid;
border-color : #F2E4C4;
text-align : center;
background-attachment : fixed;
}
#haut h1 a
{
text-decoration : none;
font-size : 18pt;
font-family : Comic sans Ms;
}
a
{
color : #331605;
text-decoration : blink;
}
a:hover
{
color : #000000;
text-decoration : none;
}
#barre
{
width : 100%;
height : 30px;
margin-top : 20px;
font-size : 15pt;
}
#barre ul
{
width : 386px;
list-style-type : none;
margin-left : auto;
margin-right : auto;
}
#barre li
{
float : left;
}
#barre a
{
background : #004000;
color : #F4A6EC;
text-decoration : none;
width : 100px;
height : 30px;
padding-top : 5px;
margin-left : 20px;
border-width : 1px;
border-style : solid;
border-color : #000000;
text-align : center;
display : block;
}
#barre a:hover
{
background : #FFCDAB;
color : #000000;
border : 1px solid #004000;
}
#menu
{
width : 170px;
margin-top : 25px;
text-align : center;
float : left;
}
#menu ul
{
list-style-type : none;
}
#menu ul li
{
background : transpa;
width : 190px;
margin-top : -1px;
border-width : px;
border-style : solid;
border-color : #4E0514;
}
#menu ul li a
{
color : #A0FF4D;
width : 170px;
font-size : 11pt;
font-family : Arial;
line-height : 25px;
text-decoration : none; /* arrêt clignotement titres par simon*/
}
#menu ul li a:hover
{
background : #FFDAC2;
color : #0D1012;
text-decoration : none;
}
#menu h2
{
background : #004000;
color : #F4A6EC;
width : 190px;
height : 25px;
padding-top : 10px;
font-size : 15px;
border-width : px;
border-style : solid;
border-color : #7A1A1A;
text-align : center;
}
#contenu
{
background : #4E0514;
color : #FA9E14;
width : 730px;
padding-top : 5px;
padding-left : 5px;
padding-right : 5px;
padding-bottom : 5px;
margin-top : 25px;
margin-left : 200px;
font-size : 10pt;
font-family : Verdana;
border-width : 6px;
border-style : double; /* bordure par simon*/
border-color : #ccf;
}
#contenu h3
{
background : #000000;
color : #E8EEF4;
width : 457px;
height : 25px;
padding-left : 15px;
padding-right : 50px;
margin-top : 10px;
margin-left : 10px;
margin-right : 10px;
margin-bottom : 15px;
font-size : 15px;
font-family : Trebuchet MS;
}
#contenu ul
{
list-style-type : square;
margin-left : 15px;
}
#contenu a {
color: #A0FF4D;
font-family: Arial;
font-size: 10pt;
line-height: 30px; /* espace entre les lignes par simon*/
text-decoration: none;
}
#contenu a:hover
{
#background : #FFDAC2;
color : #fff;
text-decoration : none;
font-size: 12pt; /* donne de l'effet par simon*/
}
#bas
{
background : #EBEDAB;
margin : auto;
}
#spacer
{
height : 1px;
clear : both;
}
hr { margin:5px; height:1px; background-color:#000000;}
fieldset { border:0; }
* html #menu h2{width: 172px;}
#contenu ol {list-style-type: decimal;margin-left:25px;}
#menu_stats h2
{
color: #A0FF4D;
}
#menu_stats {
color : #A0FF4D;
}