* {
margin:0;
padding:0;
}

#conteneur{
background-color:#FFFFCE;
}

#header {
height:90px;
background-color:#FFFFCE;
background:url('pictures/logos/banniere_eab6.png') no-repeat;
}

#haut {
font-size:0.8em;
font-weight:700;
background-color:silver;
padding:3px 0 1px 5px;
width:1040px;
}

#haut img {
float:left;
}

#haut img#ident {
float:right;
margin:5px;
position:absolute;
top:93px;
}

#gauche {
font-size:0.8em;
width:200px;
position:absolute;
top:130px;
}

#gauche  p  {
text-align:center;
}
#gauche li {
list-style-type:none;
padding:0 10px 0 10px;
text-align:left;
border: 1px solid transparent;
}
#gauche li a {
color:#000;
display: block;
background-color:#FFC8A9;
text-decoration:none;
}
#gauche li a:visited {
color:#000;
}
#gauche li a:hover{
background-color:#660000;
color:#FFF;
font-weight:700;
}
#sommaire {
position:absolute;
top:130px;
}

#contact {
position:absolute;
top:87px;
left:950px;
}

#centre,#centrexxl {
min-height:1000px;
width:840px;
margin:15px 0 0 200px;
background-color:#FFFFCE;
}
#centre p {
font-size:0.8em;
}
#menuhaut a:hover,.menugauche a:hover {
text-decoration:none;
}

#extragauche {
float:left;
margin-top:5px;
width:145px;
}

#extradroite {
float:right;
margin-top:5px;
margin-bottom:5px;
width:85px;
}

#droite {
font-size:0.8em;
position:absolute;
top:0;
left:1050px;
width:110px;
margin-left:5px;
}
#droitee  p {
text-align:center;
}

#pied {
margin-top:20px;
margin-bottom:20px;
background-color:#FFFFCE;
width:1040px;
}
#pied  p {
font-size: 0.7em ;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~  FIN TOUTES LES PAGES   ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
li a:hover {
color:#FFF;
font-weight:700;
}

a:visited {
color:blue;
}
#centrexxl a:hover  {
background-color:#FFFF55;
}

#centrexxl a:hover  {
background-color:#FFFFCE;
}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~  LIEN NORMAUX ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

#menuhaut li {
list-style-type:none;
border-left:1px solid #FFF;
display:inline;
padding:0.25em 1em;
}

#menuhaut a {
color:#000;
text-decoration:underline;
margin:0;
}


#layer1 {
position:absolute;
width:881px;
height:1557px;
z-index:1;
left:54px;
top:246px;
}

.style8 {
font-size:18px;
font-weight:700;
font-style:italic;
}

.style2 {
font-size:16px;
color:#FFF;
}

#classtfede {
background-color:navy;
text-align:center;
margin-left:150px;
margin-right:150px;
color:#FFF;
line-height:25px;
font-weight:700;
font-size:1.2em;
}

#viblwh {
background-color:blue;
text-align:center;
color:#FF0;
line-height:25px;
font-weight:700;
font-size:1.2em;
}
#vivar{
margin:0 5px;
background-color:aqua;
text-align:center;
color:red;
line-height:50px;
font-weight:700;
font-size:1.6em;
border:3px outset silver
}
#viblnavy{
background-color:navy;
text-align:center;
color:#FFF;
line-height:25px;
font-weight:700;
font-size:1.2em;
}

#visire {
background-color:silver;
text-align:center;
color:red;
line-height:25px;
font-weight:700;
font-size:1.2em;
}

#flashinfo {
background-color:#000;
text-align:center;
color:#FF0;
font-family:"Comic Sans MS", "Trebuchet MS", Times, "Times New Roman", serif;
line-height:150px;
font-weight:700;
font-size:1.4em;
}

#titrevert {
background-color:#0F0;
text-align:center;
color:red;
line-height:25px;
font-weight:700;
font-size:3em;
padding:5px;
}

#titreclub {
background-color:#0F0;
text-align:center;
color:#EF109B;
line-height:25px;
font-weight:700;
font-size:2em;
}

#titregris {
background-color:silver;
text-align:center;
color:red;
line-height:25px;
font-weight:700;
font-size:2em;
padding:25px;
}

#titrebleu {
background-color:aqua;
text-align:center;
line-height:25px;
font-weight:700;
font-size:2em;
padding:30px;
}




.blanc {
color:#FFF;
}
.argent {
color:silver;
}
.gris {
color:gray;
}
.noir {
color:#000;
}
.rouge {
color:red;
}
.vertlim {
color:lime;
}
.vert {
color:green;
}
.jaune {
color:#FF0;
}
.kaki {
color:olive;
}
.bleu {
color:blue;
}
.bleunavy {
color:navy;
}
.bleuclair {
color:aqua;
}
.bleusale {
color:teal;
}
.mauve {
color:#F0F;
}
.violet {
color:purple;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ PAGE INDEX ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#chgt1 {
    background-image:  url('pictures/logos/block480180.png');
    background-repeat: no-repeat;
    height:180px;
    width: 480px;
	float:left;
}
#chgt1  p {
    position: relative;
    height: auto;
    width: 445px;
    left: 15px;
    top: 12px;
}
#chgt2 {
    background-image:  url('pictures/logos/block680256.png');
    background-repeat: no-repeat;
    height:300px;
    width: 680px;
	margin-left: 80px;
}
#chgt2  p {
    position: relative;
    height: auto;
    width: 640px;
    left: 30px;
    top: 50px;
}
#centre  .tempw {
}
#centre  .tempw  p{
margin: 50px 15px 30px 0;
}

#extranews {
float:left;
margin:5px;

width:150px;
height:150px;
}
#extrasophie {
float:right;
margin:5px 15px 5px 5px;
height:150px;
width:150px;
}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ PAGE CLUB ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#pimousse {
margin: 50px;
}
#pimousse p {
font-size: 0.9em ;
}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ PAGE ALBUM ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.menugauche {
list-style-type:none;
margin:0;
}

.menugauche li {
margin-bottom:3px;
}

.menugauche a {
color:#000;
text-decoration:underline;
margin:0 5px;
}