/* CSS Document */
body 
{
background-color: #18184e;
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size:10px;
color: #ffffff;
text-align: left;
}

 /*CSS du header - positionnement des cadres*/  
#header
{
position: absolute;
z-index: 1;
left: 0px;
top: 0px;
width: 950px;
height: 400px;
}
  
#menu
{
position: absolute;
z-index: 2;
left: 290px;
top: 250px;
width: 500px;
height: 450px;
font-size: 15px;
text-align: center;
color: #ffffff;
font-family: MicrogrammaDMedExt, "Eurostar Regular Extended", "Light Roman", Verdana, sans-serif;
}

#lienshaut
{
position: absolute;
z-index: 3;
left: 550px;
top: 32px;
width: 324px;
height: 22px;
font-size:10px;
}

#bienvenue
{
position: absolute;
z-index: 2;
left: 33px;
top: 250px;
margin: auto;
width: 240px;
height: 100px;
font-size: 9px;
text-align: justify;
}

#menugauche
{
position: absolute;
z-index: 2;
left: 33px;
top: 410px;
width: 240px;
height: 350px;
font-size: 9px;
text-align: justify;
}

#nouslier
{
position: absolute;
z-index: 2;
left: 33px;
top: 930px;
width: 240px;
height: 85px;
text-align: center;
font-size:10px;
}

#partenaires
{
position: absolute;
z-index: 2;
left: 34px;
top: 1030px;
width: 240px;
height: 85px;
text-align: center;
font-size:10px;
}

#chatbox
{
position: absolute;
z-index: 2;
left: 34px;
top: 1100px;
width:240px;
height: 235px;
text-align: center;
font-size:10px;
}

#infosite
{
position: absolute;
z-index: 2;
left: 34px;
top: 1090px;
width: 240px;
height: 121px;
font-size:10px;
}

#copyright
{
position: absolute;
z-index: 2;
left: 33px;
top: 1220px;
width: 240px;
height: 104px;
text-align: justify;
font-size:10px;
}



/*CSS design + pour le header*/

th
{
background-color: #4283ad;
font-size: 15px;
border-bottom: double 3px #ffffff;
font-family:MicrogrammaDMedExt, "Eurostar Regular Extended", "Light Roman", Verdana, sans-serif;
}

strong
{
color: #6ba2e5;
}

b
{
color: #6ba2e5;
}

.barremenu
{
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size:10px;
color: #ffffff;
text-align: left;
}

.barremenu2
{
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size:10px;
color: #ffffff;
text-align: center;
}

.barremenu3
{
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size:10px;
color: #ffffff;
text-align: justify;
}

.titremenu
{
color: #ffffff;
text-align: center;
}

/*contenu du site*/

.titre
{
font-size: 15px;
color: #ffffff;
text-align: left;
border-bottom: 3px #5bc9fe double;
font-family:MicrogrammaDMedExt, "Eurostar Regular Extended", "Light Roman", Verdana, sans-serif;
}

.sous_titre
{
font-size: 11px;
text-transform: uppercase;
color: #ffffff;
text-align: center;
background-color: #4283ad;
}

.contenu
{
font-size: 11px;
color: #ffffff;
text-align: left;
}

.contenuimage
{
font-size: 10px;
color: #ffffff;
text-align: left;
float: left;
}

.retour
{
font-size: 10px;
text-transform: capitalize;
color: white;
text-align: right;
background-color: #4283ad;
}

.important
{
font-size: 10px;
color: #ffffff;
text-align: center;
border: solid 1px #5bc9fe;
}

.lien
{
font-size: 10px;
text-align: right;
}


/*lien en général*/

a:link 
{ 
text-decoration:none;
color:#5bc9fe;
font-weight: bold;
cursor: crosshair;
}


a:hover 
{ 
text-decoration:underligne;
color:#5bc9fe;
font-weight: bold;
cursor: crosshair;
} 

a:active 
{ 
text-decoration:underligne;
color:#5bc9fe;
font-weight: bold;
cursor: crosshair;
}

a:visited 
{ 
text-decoration:none;
color:#5bc9fe;
font-weight: bold;
cursor: crosshair;
}

/*CSS pour le livre d'or */

form
{
text-align: center;
}

.accueil
{
text-align : center;
font-size: 10px;
font-weight: bold;
margin: 5px 5px;
padding: 4px 5px;
border: 1px solid #762360;
}

.pseudo
{
text-align: center;
vertical-align: middle;
font-size: 11px;
font-weight: bold;
color: #b7346e;
}

select
{
background-color: #ffffff;
font-family: Verdana, Arial, Helvetica, sans-serif;
border: #762360 double 3px;
text-align: center;
color: #b7346e;
}

.submit
{
color: #b7346e;
font-weight: bold;
}

.page
{
color: #b7346e;
text-decoration: none;
border: 1px dotted #b7346e;
text-align: center;
}

.pagelivreor
{
color: #b7346e;
text-decoration: none;
text-align: center;
}

.pagelivreor:hover
{
color: #b7346e;
font-size: 12px;
font-weight: bolder;
}

.messagehaut
{
margin: 2px;
border-bottom: #762360 double 3px;
padding: 2px 3px;
margin: 2px;
}

.note
{
text-align: right;
}

.faitpar
{
text-align : center;
font-weight : bold;
}

.faitpar a
{
text-decoration: underline;
color: #b7346e;
}

.faitpar a:hover
{
font-size: 12px;
text-decoration: none;
}