body {
background-color: #000;
font-family: arial, sans-serif; 
}

fieldset{
width: 200px;
border: 1px solid #fff;
font-size: 0.8em;
text-align: justify;
padding-left: 5px;
padding-right: 5px;
height: 195px;
background-color: #D06B00;
}

legend{
font-size: 1em;
color: #FFF;
font-weight: bold;
}

i{
font-size: 1em;
color: #666666;
}

/*a{
font-size: 1em;
color:#D06B00;
text-decoration: none;
}*/
/*====================================================
			Mise en page générale
====================================================*/
/*mise en page des blocs images */
#conteneur {
margin-left: -400px;
margin-top: -300px;
top: 50%;
left: 50%;
position: absolute;
width: 800px;
height: 600px;
background-color:#FFFFFF;
text-align: center;
}

#logo {
height: 130px;
width: 146px;
background-image: url(images/logo.jpg);
border: 0px;
}

#menu_g{
position: absolute;
top: 0px;
left:0px;
height:600px;
background-color: #D06B00;
width: 170px;
}


#haut1 {
position: absolute;
left: 145px;
height:131px;
width:654px;
}


#haut2 {
position: absolute;
top: 131px;
left: 145px;
height:132px;
width:257px;
background-image: url(images/haut1.gif);
background-repeat: no-repeat;
}

#haut3 {
position: absolute;
top: 263px;
left: 145px;
height:337px;
width:288px;
background-image: url(images/haut2.gif);
background-repeat: no-repeat;
text-align: right;
}

#flash {
position: absolute;
width: 460px;
height:400px;
top: -20px;
left: -40px;
}

#contact {
position: absolute;
right:0px;
bottom: 0px;
width: 198px;
height: 120px;
background: url(images/contact.jpg);
background-repeat: no-repeat;
}

#animmenu {
margin-left: 0px;
margin-top: 350px;
}

/*======================================================
			Menu
======================================================*/

/*mise en page du menu à gauche */

a#lien_actu {
color: #fff;
font-size: 1em;
font-family: arial, sans-serif;
}

a#lien_actu:hover {
text-decoration: none;
color: #999999;
}

a#menu_g1{
left: 15px;
margin-top: 10px;
font-size: 0.7em;
color: #FFFFFF;
width: 90px;
border: 1px Solid #FFFFFF;
display:block;
height: 90px;
text-align: center;
text-decoration: none;
position: absolute;
}

a#menu_g1:hover{
background-color:#2E3583;
}


a#menu_g2{
left: 35px;
margin-top: 125px;
font-size: 0.7em;
color: #FFFFFF;
width: 90px;
height: 90px;
border: 1px Solid #FFFFFF;
display:block;
text-align: center;
text-decoration: none;
position: absolute;
}

a#menu_g2:hover{
background-color:#C30080;
}

a#menu_g3{
left: 15px;
margin-top: 240px;
font-size: 0.7em;
color: #FFFFFF;
width: 90px;
height: 90px;
border: 1px Solid #FFFFFF;
display:block;
text-align: center;
position: absolute;
text-decoration: none;
}

a#menu_g3:hover{
background-color:#A7B5DC;
}


/*================================================
			Intérieur page
================================================*/

/*page d'accueil mise en page du texte*/
#conteneur2 {
margin-left: -300px;
margin-top: -300px;
top: 50%;
left: 50%;
position: absolute;
width: 600px;
height: 600px;
background-color:#D06B01;
}

#texteblanc {
position: absolute;
font-size: 12px;
font-family: Arial, Helvetica, sans-serif;
color: #FFFFFF;
text-align: center;
top: 460px;
margin-left: 20px;
}

.texteblancgras {
font-size: 18px;
text-align: center;
}

#contact2 {
margin: 80px 0px 0px 402px;
width: 198px;
height: 120px;
background: url(images/contact2.jpg);
background-repeat: no-repeat;
}

h1{
color: #fff;
font-size: 1.5em;
font-weight: bold;
text-align: right;
}

/* mise en page du texte*/

.texte {
font-size: 0.75em;
}

.titre {
font-size: 1em;
color:#D06B00;
font-weight: bold;
}

a#titre {
font-size: 1.3em;
color:#D06B00;
text-decoration: none;
}

a#titre:hover {
font-size: 1.3em;
color:#D06B00;
text-decoration: underline;
}

/*  div accueillant le texte coupé de l'actu  en page d'accueil*/
#actu {
position: absolute;
width: 200px;
height: 150px;
left: 140px;
margin-top: 40px;
}

#texte{
position: absolute;
width: 400px;
height: 300px;
top: 150px;
left: 380px;
text-align: justify;
}

/* div accueillant le texte complet dans la page actus  */
#news{
position: absolute;
width: 400px;
height: 300px;
top: 145px;
left: 370px;
text-align: justify;
font-size: 0.8em;
}

#titre_actu{
color: #D06B00;
font-size: 1.5em;
font-weight: bold;
text-align: right;
}

/* div accueillant le formulaire d'admin */
#news_admin{
position: absolute;
width: 450px;
height: 300px;
top: 165px;
left: 300px;
text-align: justify;
font-size: 0.9em;
}

/* div accueillant le formulaire de contact internaute */
#formulaire{
position: absolute;
width: 450px;
height: 200px;
top: 130px;
left: 340px;
font-size: 0.9em;
text-align: justify;
}

.titre_formulaire{
color: #D06B01;
font-size: 16px;
}

#adresse{
position: absolute;
width: 200px;
height: 150px;
left: 150px;
margin-top: 60px;
color: #FFFFFF;
font-size: 0.9em;
text-align: left;
font-weight: bold;
}

/*==================================================
		site par IP
==================================================*/
/* Site réalisé par IPMoteur sur les pages intérieures */
.signature{
color: #FFFFFF;
font-size: 0.6em;
margin-top: 340px;
text-align: center;
width: 350px;
margin-left: 60px;
}

.signature a{
color: #FFFFFF;
text-decoration: none;
}

.signature a:hover{
text-decoration: underline;
}

/* Site réalisé par IPMoteur sur l'index*/
#signature2{
margin-top: 0px;
color: #FFFFFF;
font-size: 0.6em;
width: 350px;
left: 50%;
margin-left: -120px;
position: absolute;
}


#signature2 a{
color: #FFFFFF;
text-decoration: none;
}

#signature2 a:hover{
text-decoration: underline;
}