* {margin: 0; padding: 0;}
body{
cursor: url(
http://www.123cursors.com/freecursors/11506.ani);
background : #FFCCCC;
background-image : url();
font-size : 10pt;
font-family : Arial;
text-align : center;
}
#cadre{
background : #;
background-image : url(
https://static.blog4ever.com/2011/05/491756/artfichier_491756_239390_201105112021692.jpg);
background-repeat : repeat;
background-position : center top;
color: #000000;
width : 100%; /* pour rendre redimensionnable */
max-width : 1600px; /* largeur maximum limite */
min-width : 980px; /* largeur minimum limite */
padding-top : 5px;
padding-left : 5px;
padding-right : 5px;
padding-bottom : 5px;
text-align : left;
margin : auto;
border : 1px solid #FFCCCC;
position: relative;
background-attachment : fixed;
}
#haut{
background : #;
background-image: url(
https://static.blog4ever.com/2011/05/491756/artfichier_491756_239222_201105105528977.jpg);
background-repeat: no-repeat;
background-position : center top; /* pour centrer l'image du fond */
width : px; /* en pourcentage se redimensionne */
height : 310px; /* sur ce modèle une marge de 30px donc 250px pour faire 265px au total */
margin-top : 10px; /* pour laisser la place à la barre */
margin-left : auto;
margin-right : auto;
margin-bottom : 35px;
padding-top : -10px; /* pour faire descendre le titre */
padding-left : px;
padding-top : 20px;
padding-right : auto;
padding-bottom : px;
border : px ridge #000;
text-align:center;
}
#haut h1 a{
text-decoration:none;
background : #;
color : #FFFFFF;
font-family : Comic sans Ms, Trebuchet MS, sans-serif;
font-size : 60pt; /* texte plus petit pour ce modèle */
line-height : px;
text-align:center;
border : px inset #FFCC00;
display : block;
}
a
{
color:#000000;
text-decoration : underline;
}
a:hover
{
color:#FFFFFF;
text-decoration : none;
}
#barre{
background : #;
background-image: url(
http://);
background-repeat : repeat-x;
width : 449px; /* largeur à régler avec les marges */
height: 30px;
padding-bottom: 0px;
margin-left : 530px; /* pour centrage partie "Barre" */
margin-right : auto; /* pour centrage partie "Barre" */
margin-top : -50px; /* pour remonter la "Barre" au-dessus de la partie "Haut" */
margin-bottom : 5px; /* repousser le menu et le contenu pour compenser */
border : px solid #FFF;
display:block;
}
#barre ul
{
list-style-type : none;
width : 449px;
margin-left : auto;
margin-right : auto;
}
#barre li
{
float : left;
}
#barre a
{
background : #;
background-image: url(
https://static.blog4ever.com/2011/05/491756/artfichier_491756_239363_201105101615958.bmp);
background-repeat : no-repeat;
color: #CC0066;
width : 100px;
height : 30px;
margin-top : 5px; /* marge haute modifiée dans ce modèle */
margin-left : 5px;
font-size : 15pt;
font-family : Comic sans MS, Trebuchet MS, sans-serif;
text-decoration : none;
text-align : center;
border: 3px outset #FF6600;
display : block;
}
#barre a:hover
{
background : #;
background-image: url(
https://static.blog4ever.com/2011/05/491756/artfichier_491756_239361_20110510114669.jpg);
background-repeat: repeat;
color: #FF0099;
height : 30px;
margin-top : px;
padding-top : px;
font-size : 13pt;
border:3px inset #FF6600;
}
#menu
{
background : #FFCCCC;
background-image : url();
background-repeat : repeat-y;
width : 185px;
padding-left : 10px;
padding-right : 10px;
margin-top : px;
margin-left : 5px;
float:left;
border : px solid #000000;
}
#menu ul
{
background : #;
background-image: url();
background-repeat: repeat-y;
width : 180px;
list-style-type : none;
}
#menu ul li
{
background : #;
width : 175px;
border : px solid #000000;
}
#menu ul li a
{
background : #;
color: #FF0099;
width : 175px;
padding-left : 3px;
font-size : 12pt;
font-family : Arial;
line-height : 25px;
display : block;
}
#menu ul li a:hover
{
background : #FF9999;
background-image: url(
https://static.blog4ever.com/2011/05/491756/artfichier_491756_239852_201105121813412.png);
background-repeat: repeat;
color: #FFFFFF;
text-decoration : none;
}
#menu h2
{
background : #FF0033;
background-image: url(
https://static.blog4ever.com/2011/05/491756/artfichier_491756_239363_201105101615958.bmp);
background-repeat: repeat-x;
color: #CC0066;
width : 180px;
height : 25px;
padding-top : 5px;
margin-top : 20px;
font-size : 16pt;
border-width : 1px;
border-style : solid;
border-color : #000000;
text-align : center;
}
#contenu
{
background : #FFEFBD;
background-image: url(
https://static.blog4ever.com/2011/05/491756/artfichier_491756_239859_201105124138408.png);
background-repeat: repeat-y;
color: #993300;
/* width : 730px; */
padding-top : 10px;
padding-left : 5px;
padding-right : 5px;
padding-bottom : 5px;
margin-top : px;
margin-left : 220px;
font-size : 10pt;
font-family : Verdana;
border : px solid #000000;
}
#contenu h3
{
background : #000000;
background-image: url(
https://static.blog4ever.com/2011/05/491756/artfichier_491756_239859_201105124138408.png);
background-repeat: repeat-x;
color: #E8EEF4;
width : 500px;
height : 30px;
padding-top : px;
padding-left : 15px;
padding-right : 50px;
margin-top : 10px;
margin-left : 10px;
margin-right : 10px;
margin-bottom : 15px;
font-size : 13pt;
font-family : Trebuchet MS;
line-height : 30px;
}
#contenu ul
{
list-style-type : square;
margin-left : 15px;
}
#contenu a {
background : #;
color : #993300;
text-decoration : underline;
font-size : 10pt;
font-family : Arial;
}
#contenu a:hover
{
background : #FFFFFF;
color : #000000;
text-decoration : none;
}
#bas
{
background : #EBEDAB;
background-image: url(
https://static.blog4ever.com/2011/05/491756/artfichier_491756_239859_201105124138408.png);
background-repeat: repeat-y;
color: #FFFFFF;
width : 968px;
margin : auto;
border : 1px solid #FFFFFF;
}
#spacer
{
height : 20px;
clear : both;
}
fieldset {border:0;}
hr {margin:10px;}
* html #menu h2{width: 182px;}
#contenu ol {
list-style-type: decimal;
margin-left:25px;
}
style>A:hover{cursor: url("http://downloads.totallyfreecursors.com/cursor_files/flower25-1.ani"), url("http://downloads.totallyfreecursors.com/thumbnails/Flower25-1.gif"), auto;}/style>
/* ------------------------------------ */
/* - Code pas accepté par l'assistant - */
/* ------------ baseplus -------------- */
/* ------------------------------------ */
a img {border:none;}
/* ----------- uniquement IE ---------- */
HTML, BODY
{
scrollbar-face-color : #FFCC66;
scrollbar-arrow-color : #FF9900;
scrollbar-track-color : #FF9900;
scrollbar-highlight-color:#DEDEDE;
scrollbar-shadow-color:#707070;
scrollbar-3dlight-color:#AEAEAE;
scrollbar-darkshadow-color:#505050;
}