/* CSS Document */

/* Mise en Page nuxit*/

body {
background-color:#000000;
font-family:Arial;
color:#FFFFFF;
font-size:18;
}

#global{
position:absolute; 
left:50%;
margin-left:-512px;
margin-top:0px;
width:1024px; 
}

#haut{
position:absolute;
top:0px;
left:0px;
width:1002px;
height:235px;
z-index:100;
background-color:#000000;
}


#contenu{
position:absolute;
width:1002px;
left:0px;
top:235px;
padding-top:10px;
padding-left:20px;
z-index:10;
}

#footer{
position:absolute;
top:1300px;
left:0px;
width:1002px;
height:50px;
z-index:10;
background-color:#000000;
}

#footer a{									/* formatage spécifique des liens hypertextes dans le cadre footer*/
color:#00FF00; 
text-decoration: none; 
font-size:10; 
font-family: Verdana, Arial, Helvetica, sans-serif 
}

/*haut*/

#banniere{
position:absolute;
left:192px;
top:5px;
width:618px;
height:125px;
background-image:url(../images/banniereleg.jpg);
}

#moto{
position:absolute;
left:28px;
top:60px;
width:164px;
height:118px;
}

#ligneverte{
position:absolute;
left:135px;
top:175px;
width:840px;
height:21px;
background-image:url(../images/ligneverte.jpg);
}

#pilotes{
position:absolute;
top:130px;
left:540px;
width:100px;
height:104px;
}

#articles{
position:absolute;
top:130px;
left:642px;
width:100px;
height:104px;
}

#galleries{
position:absolute;
top:130px;
left:744px;
width:100px;
height:104px;
}

#forum{
position:absolute;
top:130px;
left:846px;
width:100px;
height:104px;
}



/*menu déroulant*/
#sous-menu1, #sous-menu2, #sous-menu3 { 			/*défini les 3 boites des 3 sous-menues */
  background-color:#000000;
  font-family:Arial;
  color:#FFFFFF;
  font-size:18;
  liste-style-type:none;
  display: none; 							/* les sous-menus ne sont pas affichés */
  margin: 0; 							/* marges extérieures à 0 */
  padding : 0; 							/* marges intérieures à 0 */
  position : absolute ; 					/* boite positionnée par rapport à la boite parent, ici l'écran */
  top : 103px; 							/* Début (par rapport au haut de page) des sous-menus */
  left : 0px;							/* Début (par rapport à la gauche de la page) des sous-menus */
  width : 19% 							/* largeur des sous-menus par rapport à la boite parent (ici la page)*/
  z-index:1000;
  } 

#sous-menu2 {left:20%} 						/* Distance à la gauche de la page du 2ième sous-menu */

#sous-menu3 {left:39%} 						/* Distance à la gauche de la page du 3ième sous-menu */



/*contenu*/

#bienvenu{				/*banniere bienvenu*/
position:absolute;
top:0px;
left:292px;
width:418px;
height:71px;
background-image:url(../images/bienvenue.jpg);
z-index:10;
}


#breves{          /*en attendant qu l'alfano avec le texte deroulant fonctionne on affiche les breves ici*/
position:absolute;
top:80px;
left:220px;
width:584px;
height:350px;
background-color:#000000;
}



#alfano{				/*image de l'alfano*/
position:absolute;
top:80px;
left:10px;
width:209px;
height:177px;
background-image:url(../images/alfano.jpg);
}

#textealfano{			/*calque ou apparait les news*/
position:absolute;
top:38px;
left:35px;
width:140px;
height:72px;
background-color:#237D0B;
}

#recherche{                   /*claque formulaire de recherche*/
position:absolute;
top:300px;
left:10px;
width:209px;
height:30px;
background-color:#000000;
}

#cadreforum{			/*image du cadre du forum*/
position:absolute;
top:80px;
left:815px;
width:182px;
height:372px;
background-image:url(../images/cadreoeil.jpg);
}

#texteforum{                    				/* calque dans lequel apparait les derniers postes du forum*/
position:absolute;
top:80px;
left:20px;
width:144px;
height:271px;
background-color:#000000;
font-size:12;
}

#texteforum a{							/* formatage spécifique des liens hypertextes dans le cadre forum*/
color:#00FF00; 
text-decoration: none; 
font-size:12; 
font-family: Verdana, Arial, Helvetica, sans-serif 
} 

#texte{								/*definition de la fenetre de texte pour l'accueil*/
position:absolute;
top:120px;
left:220px;
width:594px;
height:450px;
background-color:#000000;
}

#newsletter{      						/*définition du calque pour le formulaire d'inscription à la newsletter*/
position:absolute;
top:930px;
left:320px;
width:420px;
height:650px;
background-color:#000000;
}

#newsletter a{							/* formatage spécifique des liens hypertextes dans le cadre newsletter*/
color:#00FF00; 
text-decoration: none; 
font-size:12; 
font-family: Verdana, Arial, Helvetica, sans-serif 
} 


#textearticle{			/*definition de la fenetre de texte pour les articles*/
position:absolute;
top:30px;
left:30px;
width:942px;
background-color:#000000;
}

#commentaires{					/*cadre pour commentaire avec ascenseur*/
position:relative;
left:100px;
width:600px;
height:400px;
overflow:auto;
border:1px solid #00FF00;
background-color:#000000;
}

#mail{								/*definition du calque pour l'email*/
position:absolute;
top:400px;
left:90px;
width:55px;
height:65px;
}

#plan{							/*definition du calque pour le lien vers le plan du site*/
position:absolute;
top:490px;
left:10px;
width:200px;
height:50px;
}

#compteur{						/*deinition du calque pour le compteur*/
position:absolute;
top:150px;
left:10px;
width:120px;
height:40px;
background-color=#000000;
}

/*typographie standard*/
h1{
	font-family:arial;
	font-size:50;
	text-align:center;
	text-decoration:underline;
	color:#FFFFFF;
}

h2{
	font-family:arial;
	font-size:30;
	text-align:center;
	text-decoration:underline;
	color:#00FF00;
}

/*typographie des commentaires*/

.commentaire{
	font-family:arial;
	font-size:12;
}

.commentaire a{
	color:#00FF00; 
	text-decoration: none; 
	font-size:12; 
	font-family: Verdana, Arial, Helvetica, sans-serif 
} 
	


/*typographie spip*/

/*paragraphes*/
p.spip{
	font-family:Arial;
	font-size:18;
	color:#FFFFFF;
	text-indent:60px;
}

/*intertitres*/
h3.spip{
	font-family:Arial;
	font-weight:bold;
	font-size:25;
	text-decoration:underline;
	color:#00FF00;
	text-align:center;
	margin-top:2em;
	margin-bottom:1.5em;
	padding:0em;
}

/*gras*/
strong.spip{
	font-family:arial;
	font-size:18;
	font-weight:bold;
	color:#FFFFFF;
}

/*italique*/
i.spip{
	font-family:arial;
	font-size:18;
	font-style:italic;
	color:#FFFFFF;
}

/*liens hypertextes*/
a {
	font-family:arial;
	font-size:18;
	text-decoration:none;
	color:#00FF00;
}

a.spip_in{
	font-family:arial;
	font-size:18;
	text-decoration:none;
	color:#00FF00;
}

a.spip_out{
	font-family:arial;
	font-size:18;
	text-decoration:none;
	color:#00FF00;
}

a.spip_url{
	font-family:arial;
	font-size:18;
	text-decoration:none;
	color:#00FF00;
}

/*tableau*/
table.spip {
}

table.spip tr.row_first {
        background-color: #FCF4D0;
}

table.spip tr.row_odd {
        background-color: #000000;
}

table.spip tr.row_even {
        background-color: #000000;
}

table.spip td {
        text-align: center;
        vertical-align: center;
}

/*zone saisie formulaire*/
.forml { 
	width: 100%; 
	background-color:#FFFFFF;
}

.spip_encadrer {
	font-family: helvetica, arial, sans-serif;
	width : 95%;
	background-color: #AAAAAA;
	padding: 5px;
	border: 1px #666666 solid;
}

.spip_bouton { 
	background-color: #EEEEEE;
}

.formrecherche { 
	width: 209px; 
	background-color:#237D0B;
}

	





