/* CSS Document */
body {
position: relative;
z-index: 1;
background:#003399;
background-image:url(contenu/graphisme/bleuraye_trefle.jpg);
background-repeat: repeat-x;
margin-top:0px;
}
#global {
width: 999px;
height: auto;
margin: auto;
}
#footer {
clear: both;
width:100%;
margin:auto;
margin-top: 130px;
}
.footer {
text-align:center;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
color:#FFFFFF;
}
.footerbis {
text-align:center;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
color:#FFFFFF;
}
.footerbis a{
color:#FFFFFF;
text-decoration:none;
}
.compteur {
float:left;
}
.visiteurs {
margin-left: 30px;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
color:#FFFFFF;
}
/*-----------------colone gauche---------------------*/
#colone_gauche {
position: relative;
z-index: 10;
width: 200px;
height:auto;
}
#logo {
width: 140px;
height: 148px;
margin-top: 15px;
margin-left: 48px;
background-image:url(contenu/graphisme/trefle.png);
}
#menu {
margin-top: 20px;
width: 200px;
height: 290px;
}
#info {
margin-top: 2px;
width: 200px;
height: 100px;
color:#FF3333;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
text-align:right;
}
#fond_ecran {
margin-top: 110px;
color:#CC3333;
text-align:justify
}
/*-----------------bandeau haut---------------------*/
#bandeau_haut {
width: 498px;
height: 68px;
margin-top: 45px;
background-image:url(contenu/graphisme/titre.png);
margin-right: 15px;
float:right;
}
#bandeau_haut3 {
width:600px;
height: 68px;
margin-top: 25px;
background-image:url(contenu/graphisme/.png);
margin-right: 15px;
float:right;
}
/*---------------bloc principal-----------------------*/
#bloc_principal {
margin-top: 10px;
margin-right: 10px;
width: 760px;
height:auto;
float:right;
scrollbar-face-color: #FFFFFF;
scrollbar-shadow-color: #000000;
scrollbar-highlight-color: #FF0000;
scrollbar-3dlight-color: #000000;
scrollbar-darkshadow-color: #000000;
scrollbar-track-color: #CC6666;
scrollbar-arrow-color:#FF0000;
color:#CC6666;
}

/*---------------page accueil-----------------------*/
#carre1 {
width: 380px;
height:300px;
background-image:url(contenu/graphisme/carre1.jpg);
padding-top:none;
}
#carre2 {
padding-top:0px;
width: 380px;
height:300px;
background-image:url(contenu/graphisme/carre1.jpg);
float:right;
}
.titre {
padding-left:20px;
font-weight:bold;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:18px;
color:#FFFFFF;
}
#carre3 {
width: 380px;
height:202px;
background-image:url(contenu/graphisme/carre3.jpg);
}
#carre4 {
width: 380px;
height:202px;
background-image:url(contenu/graphisme/carre3.jpg);
float:right;
}
.Style32 {
font-weight:bold;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#FF0000;
}
.Style35 {
font-weight:bold;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#CCCCCC;
}
.portrait {
margin-left: 5px;
padding-top:4px;
padding-left:5px;
width: 180px;
}
.img_portrait {
float:right;
border:thin;
border-color:#00CCFF;
border-style:solid;
padding:2px;
margin-right: 20px;
}
.carre {
padding-left:20px;
padding-right:10px;
font-weight:bold;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#CCCCCC;
}
.carnet {
padding-left:20px;
padding-right:10px;
font-weight:bold;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#CCCCCC;
}
.carnet1 {
padding-left:20px;
padding-right:10px;
font-weight:bold;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color:#CCCCCC;
}
.carnet2 {
padding-left:20px;
padding-right:10px;
font-family:"Comic Sans MS", Arial, Helvetica, sans-serif;
font-size:12px;
color:#FFFFFF;
}
.para_carnet {
padding-left:20px;
padding-right:10px;
font-family:"Comic Sans MS", Arial, Helvetica, sans-serif;
font-size:12px;
color:#FFFFFF;
}
.suite {
padding-top:10px;
padding-left:260px;
font-weight:bold;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#00FFFF;
}
a.lien1 { color:#00FFFF; text-decoration:none}
a.lien1:hover {color:#99FFFF; }
/*---------------autre page-----------------------*/
/*---------------actualites-----------------------*/
.date_actualisation {
float:right;
color:#FFFFFF;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
}
h1 {
margin-top:0px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:30px;
color:#FF0000;
}
h2 {
padding-top:20px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:16px;
font-weight:bold;
color:#33FFFF;
}

#news {
width: 730px;
}
#imgnews {
border:thin;
border-style:solid;
border-color:#33FFFF;
padding:2px;
margin-bottom: 5px;
float:right;
margin-right:100px;
margin-left:10px;
}
#textnews {

color:#FFFFFF;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
text-align:justify;
}
.para_news {
color:#FFFFFF;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
text-align:justify;
}
.image_news {
margin-left:60px;
border:thin;
border-style:solid;
border-color:#33FFFF;
padding:2px;
margin-bottom: 20px;
}
.image_news_adroite {
float:right;
margin-right:20px;
margin-left:30px;
border:thin;
border-style:solid;
border-color:#33FFFF;
padding:2px;
margin-bottom: 5px;
}
.tableau_images {
float:right
}
li {
color:#FFFFFF;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
}
#liens {
margin-top: 60px;
width:300px;
font-weight:bold;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:18px;
}
/*---------------fan club-----------------------*/
#art_fanclub {
width: 720px;
}
.para_fanclub_float {
float:right;
width: 340px;
color:#FFFFFF;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
text-align:justify;
border-style:solid;
border-color:#00FFFF;
border:groove;
padding-left: 20px;
padding-right: 20px;
margin-top: 60px;}
.para_fanclub {
width: 660px;
color:#FFFFFF;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
text-align:justify;
}
.para_fanclub2 {
width: 300px;
color:#FFFFFF;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
text-align:justify;
}
.para_fanclub3 {
float:right;
width: 200px;
color:#FFFFFF;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
text-align:justify;
}

.signature {
color:#FFFFFF;
font-family:Verdana, Arial, Helvetica, sans-serif;+
font-weight:bolder;
font-size:14px;
text-align:justify;
margin-left:220px;
}
#art_fanclub ul {
width: 400px;
}
.image_fanclub {
float:right;
margin-right:20px;
margin-left:20px;
border:thin;
border-style:solid;
border-color:#99FFFF;
padding:2px;
}
/*---------------les tableaux----------------------*/
#palmares {
width: 700px;
margin-bottom:30px;
}
#palmares th {
text-align:center;
font-weight:bold;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#00FFFF;
padding-bottom:20px;
}
#palmares td {
font-weight:bold;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#CCCCCC;
}
#palmares a, a:hover {
font-weight:bold;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#99FFFF;
}
#liens {
width: 780px;
margin-bottom:20px;
margin-top:2px;
}
#liens th {
text-align:left;
font-weight:bold;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:14px;
color:#00FFFF;
border-bottom:thin;
border-bottom-style:solid;
border-bottom-color:#33FFFF;
padding-bottom:4px;
}
#liens td {
padding-top:14px;
width:30%;
font-weight:100;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#FFFFFF;
}
.tableau_3photos {
width: 680px;
text-align:center;
margin:20px;
}
.tableau_3photos td {
width:33%;
}
.tableau_3photos img {
border:thin;
border-style:solid;
border-color:#33FFFF;
padding:2px;

}