html{
font-size:100%;
}
body{
text-align:center;
font-family:arial;
margin:0 auto;
padding:0;
}
#global{
width:1286px;
margin:0 auto;
height:950px;
background:url(fond1.png) repeat-y;
}
.bloc1{/* En-tête */
width:1286px;
margin:0 auto;
height:55px;
text-align:left;
color:#758ed2;
}
.bloc1 h1{
display:inline;
line-height:1.5em;
margin-left:100px;
letter-spacing:10px;
}
.bloc1 a{
color:#758ed2;
text-decoration:none;
}
.bloc1 a:hover{
color:#AACEFE;
}
.bloc2{/* Barre de liens */
width:1286px;
margin:0 auto;
height:60px;
text-align:center;
background:url(barre1.png);
}
.bloc2 h5{
display:inline;
line-height:1.9em;
font-weight:normal
}
.bloc2 a{
color:#ccc;
text-decoration:none;
}
.bloc2 a:hover{
color:#fff;
}
.bloc3{/* Bloc de titre */
width:1286px;
margin:0 auto;
height:55px;
text-align:center;
}
.bloc3 h4{
display:inline;
line-height:1.5em;
color:#758ed2;
letter-spacing:3px;
word-spacing:10px;
}
/* Bloc de haut de vignettes */
.bloc4{
width:1286px;
margin:0 auto;
height:60px;
}
/* Premier haut de vignette */
.bloc4a{
float:left;
width:280px;
height:60px;
background:url(barre2.png);
}
.bloc4a1{
float:right;
width:220px;
height:35px;
margin:15px 15px 0 0;
text-align:center;
line-height:1.9em;
font-weight:bold;
color:#444;
background:url(barre8.jpg);
}
/* 4 hauts de vignettes suivantes */
.bloc4b{
float:left;
width:245px;
height:60px;
background:url(barre3.png);
}
/* Bloc d'image de vignettes */
.bloc5{
width:1286px;
margin:0 auto;
height:172px;
}
.bloc5a{
float:left;
width:38px;
height:172px;
background:url(marge1.png);
}
.bloc5b{
float:left;
width:229px;
height:172px;
}
.bloc5c{
float:left;
width:16px;
height:172px;
background:url(separateur1.png);
}
.bloc5d{
float:left;
width:7px;
height:172px;
background:url(separateur2.png);
}
/* Bloc pieds de vignettes */
.bloc6{
width:1286px;
margin:0 auto;
height:60px;
}
.bloc6a{
float:left;
width:280px;
height:60px;
background:url(barre4.png);
}
.bloc6b{
float:left;
width:245px;
height:60px;
background:url(barre5.png);
}
.bloc6a1{
float:right;
width:220px;
height:35px;
margin:10px 15px 0 0;
text-align:center;
background:url(barre9.jpg);
}
.bloc6a1 img{
float:left;
margin:3px 0 0 10px;
}
.bloc6a1 a{
font-weight:bold;
line-height:2em;
color:#ccc;
text-decoration:none;
}
.bloc6a1 a:hover{
color:#fff;
}
.bloc7{
width:1286px;
margin:10px auto;
height:165px;
color:#444;
background:url(barre6.jpg);
}
.bloc7 h1{
display:inline;
font-size:.9em;
font-weight:normal;
}
.bloc8{
width:1286px;
margin:0 auto;
text-align:center;
height:30px;
background:url(barre7.png);
}
.bloc8 h5{
display:inline;
line-height:1.9em;
color:#ccc;
}
.bloc8 a{
text-decoration:none;
color:#fff;
}
#txt{
width:1186px;
text-align:justify;
margin:0 auto;
font-size:.8em;
}