/*
Skin pour motocross
   
*/

body { /*corps du document*/
margin : 0;
/*background-image : url(fond.jpg);*/
background-image : none;
background-repeat : repeat;
background-attachment : fixed;
font : 12px arial, helvetica, sans-serif;
color : #000;
background-color : #fff;
background-position : center 0%;
} 
a { /*lien*/
color : #000000;
background-color : inherit;
text-decoration : none;
} 
a:hover { /*lien survolé*/
color : #FF0000;
background-color : inherit;
text-decoration : none;
}
p { /*paragraphe*/
margin: 4px 0;
}
/*hr { background-image : url(centrale_fond.png);*/             /*ligne horizontale*/
hr { background-image : none;
background-color : #B7D6EF;
border-style : none none solid;
border-color : #DDDDDD;
border-width : 0 0 1px;
height : 1px;
width : 98%;
} 
ul, ol { /*liste*/
padding : 0;
margin : 0;
font : 12px arial, helvetica, sans-serif;
color : #000000;
background-color : inherit;
} 
h1 { /*titre niveau1*/
font-size : 24px;
} 
h2 { /*titre niveau2*/
font-size : 18px;
} 
h3 { /*titre niveau3*/
font-size : 16px;
} 
h4 { /*titre niveau4*/
font-size : 14px;
} 
.bordure { 
border : 0 solid #3e3e3e;
} 
/*********************************
* Mise en page des blocks div principaux */
#screen_choice { /*icone ecrab*/
z-index : 20;
position : absolute;
top : 205px;      /*position verticale de l'icone pour taille écran*/
right : 1px;
padding : 0;
margin : 0;
text-align : right;
} 
div#page { /* encadrement page*/
border : 0px solid #2D3E77;
} 
#page { /* toute la page */
z-index : 10;
padding-top : 0;
} 


#headTop {  /* Logo du site...   header top and middle (logo-banner + citation)*/  
 margin: 0px 0px 0px 0px;
 padding-top: 0px;	/*hauteur au dessus du bandeau */
 background : #FFFFFF;		
 background-image: url(logo_site.png);
 background-position: center;

 background-repeat: no-repeat;
 width: auto; height: 200px;		 /*hauteur du bandeau...en fait de l'image*/ 
}

#headBottom { /* header bottom (Bandeau du menu des boutons) */
   margin: 10px;
   padding: 4px 6px;
   color: inherit;
   background-color : #FFFFFF;   
   background: url(barre_onglet.png) repeat-x /*#0000A4*/;
   height: 47px; 
   }


#mainContent { /* fond page derriere boites */
margin : 1px 0;
padding : 0;
background : #FFFFFF;
} 
#leftside {  /* zone boites de gauche */
margin : 0;
padding-right : 4px;
} 
#rightside {  /* zone boites de droite */
margin : 0;
padding-left : 4px;
} 
#endbox { /* optionnal area between main page and bottom */
margin : 0;
padding : 4px;

} 
#foot { 
font : 10px arial, helvetica, sans-serif;
text-align : center;
} 
/*******************************************
 * Mise en page des blocks dans le header */
div.logo { /*block logo*/
background-color : transparent;
padding : 8px;
text-align : left;
} 
div.banner { /*block banniere*/
background-repeat : no-repeat;
padding : 8px;
text-align : center;
}
/*************************
 * block boite citation */ 
div.quote { /*block citation*/
white-space : nowrap;
text-align : center;
padding : 0 4px;
} 
div.quote span.cita { /*texte*/
font : 12px Arial, Helvetica, sans-serif;
color : #FFFFFF;
background-color : inherit;
font-style : normal;
text-align : center;
border : 0;
margin : 0;
padding : 0 8px;
} 
div.quote span.author { /*auteur*/
font-style : normal;
} 
/***********************************
 * block box Header -- Menu sections les boutons du menu du haut  -- */

div.menuIcons { /*block menu*/
padding : 0px 0;
}

div.menuIcons ul { /*block liste du menu*/
margin : 0;
padding : 0;
list-style : none; width : 100%;
}


div.menuIcons ul li span {/*toutes les sections*/ 
display : block; /*affiche l'intégralité de l'image*/
white-space : nowrap;
color : #fff;
background-color : inherit;
}


div.menuIcons ul li a span { /* lien */
 color: #000;/*couleur Noir*/
 background: transparent url(ongleta.png) no-repeat;/*adresse de l'image*/
 text-decoration: none;/*pas de soulignement*/ 
 font: bold 12px Arial, Helvetica, sans-serif;
 padding: 10px 0px;/*réglage espaces*/
 width: 100px;/*largeur de l'image*/
 height: 28px;/*largeur de l'image*/
 }

/*bouton actif*/
div.menuIcons ul li a span.current { /* lien actif */
 color:#FF0000;/*couleur rouge*/ 
 background: transparent url(ongletc.png) no-repeat;
                                   /*adresse de l'image sans répétition*/
 text-decoration: none;/*pas de soulignement*/
 }


/* bouton survolé*/
div.menuIcons ul li a:hover span { /* lien survolé*/
 color: #FF0000;/*couleur rouge*/
 text-decoration: none;/*pas de soulignement*/
 background: transparent url(ongletb.png) no-repeat;/*adresse de l'image*/
 position: relative; 
 top: 0; left: 0;/*pas de décalage au survol*/
} 



div.menuIcons ul li { /* toutes les sections */
 float:left;
 margin-right: 0px;/*espace à droite*/
 margin-left: 0px;/*espace à gauche*/
 text-align:center;
} 



div.menuIcons ul li.menu_flags { /*section drapeau*/
float : left;
margin-right : 10px;
text-align : center;
margin-top : 5px;
}

div.menuIcons ul li.menu_flags img { /*separation drapeau*/ 
margin : 2px;
}

div.menuIcons ul li.menu_admin { /*section administration*/
float : right;
padding-right : 12px;
}

div.menuIcons ul li a span:first-letter { 
font : bold 12px arial, helvetica, sans-serif;
}

div.tblbox ul li a span, td.tblbox ul li a span { /* lien latéral repos */
  color: #000;
  background-color: inherit;
  text-decoration: none;
  font: bold 12px Arial, Helvetica, sans-serif;
}


div.tblbox ul li a span.current, td.tblbox ul li a span.current { /* lien latéral actif */
color:#FFFFFF;
background-color: inherit;
}

div.tblbox ul li a:hover span, td.tblbox ul li a:hover span { /* lien latéral survolé*/
color: #099b98;
width: 50px;
background-color: inherit; position: relative; top: 0px; left: 1px;
}

/******************************************
 * Mise en page des blocks dans le corps */
 /* boites latérales */
.titrebox { /*Titre*/
border : 0 solid #fff;
padding : 0;

white-space : nowrap;
font : bold 13px arial, helvetica, sans-serif;
color : #518357;		/*couleur du titre*/
background-color : transparent;
text-align : center;
padding-top : 8px;   /*hauteur de la marge au dessus du titre*/
}
.tblbox { /*corps*/
background-color : transparent;
font : 12px arial, helvetica, sans-serif;
color : #000;		/*couleur du texte*/
border : 0 solid #fff;
padding : 4px;
margin-bottom : 8px;
text-align : left;
} 
.tblboxover { 
background-color : transparent;
border : 0 solid #fff;
padding : 4px;
margin-bottom : 8px;
text-align : left;
} 
/*boites centrales*/
.titre { 
border : 0 solid #fff;
margin-top : 8px;
white-space : nowrap;
font : bold 14px arial, helvetica, sans-serif;
color : #000;
background-color : inherit;
text-align : center;
} 
.tbl { /*corps*/
border : 2 solid #131b61;
font : 12px arial, helvetica, sans-serif;
color : #000;
background-color : inherit;
background-image : url(centrale_fond.png);      /*fond boite centrale*/
padding : 4px;
margin-bottom : 8px;
text-align : left;
}

a.tblbox { /*lien*/
color : #ff0000;
} 
 
.tblover { /*corps survolé*/
font : 12px arial, helvetica, sans-serif;
color : #000;
background-color : inherit;
border : 0 solid #fff;
padding : 4px;
margin-bottom : 8px;
text-align : left;
} 
div ul, ol { /*listes*/
padding : 8px 0 8px 8px;
margin-left : 16px;
} 
div li { 
padding : 0;
margin-left : 12px;
}


/************************************
 * block box lateral Menu Sections */
ul.boxmenu { /* block liste */
 list-style: none;
 margin: 2px;
 padding: 0;
 border: 1px solid #2D3E77;
 
}
ul.boxmenu li { /* items liste */
 margin :6px 20px;
 text-align: center;
 background-color: #AEAEFF;
 color: inherit;
  border: 1px solid #000000;
}
ul.boxmenu li img { /* icons */
 vertical-align: middle;
 margin-right: 10px;
}
/**************************************************************************
 * block box lateral Article (menu list, menu dynamic 1, menu dynamic 2) */ 
.rubr { 
padding : 4px 2px;
margin : 1px;
font : bold 12px Arial, Helvetica, sans-serif;
color : #000;
background-color : inherit;
text-align : left;
} 
p.rubr { /*categorie des artcles*/
padding : 4px 2px;
margin : 1px;
font : bold 12px Arial, Helvetica, sans-serif;
color : #000000;
background-color : transparent;
text-align : left;
} 
.item { 
padding : 2px 0;
margin : 0;
font : 12px Arial, Helvetica, sans-serif;
color : #000000;
background-color : transparent;
text-align : left;
list-style : none;
} 
ul.item { 
margin : 0;
padding : 0;
} 
ul.item li.item { /*titre des articles*/
padding : 2px 0 2px 10px;
font : 12px Arial, Helvetica, sans-serif;
color : #000;
background-color : transparent;
text-align : left;
list-style : none;
} 
.curr_item { 
padding : 2px 0;
background-color : #D6D9E2;
font : 12px Arial, Helvetica, sans-serif;
color : #000;
text-align : left;
list-style : none;
}
ul.item li.curr_item { 
background-color : transparent;
padding : 2px 0 2px 10px;
font : 12px Arial, Helvetica, sans-serif;
color : #000;
text-align : left;
list-style : none;
}

/*************************************
 * block box central forum - tables */
.forum {
padding : 5px 5px;
font : bold 12px Arial, Helvetica, sans-serif;
color : #FFFFFF;
background-color : #edaf4e;
border : 1px solid #25489F;
text-align : center;
}
.forum2 { 
padding : 5px 5px;
font : 12px Arial, Helvetica, sans-serif;
color : #000000;
background-color : #F4F7FB;
border : 1px solid #25489F;
text-align : left;
} 
tr.forum2 { 
padding : 5px 5px;
font : bold 12px Arial, Helvetica, sans-serif;
color : #000;
background-color : #ffd25a;       /*couleur de la barre des titre*/
background-image: url(barre_titre_forum.png);
border : 1px solid #FFFFFF;
text-align : left;
} 
.quest { 
padding : 5px 5px 5px 5px;
font : 12px Arial, Helvetica, sans-serif;
color : #3e3e3c;
background-color : #ffffff;     /*couleur d"une ligne sur 2 du forum*/
border : 0px solid #3D6237;
text-align : left;
} 
.rep { 
padding : 10px 5px 5px 5px;
font : 12px Arial, Helvetica, sans-serif;
color : #000000;
background-color : #e3e3e3;     /*couleur d"une ligne sur 2 du forum + couleur des boites news*/
border : 0px solid #3D6237;
text-align : left;
} 
.bord { 
border : 1px solid #131B61;
padding : 1px;
} 
.bord2 { 
border : 0 double #cfe5f9;
} 
/*************
* Calendrier*/
.cal { 
border-collapse : separate;
border : 0 solid #000;
border-spacing : 1px;
background-color : #fff0c1;
color : inherit;
} 
tr.cal { 
font : 11px Arial, Helvetica, sans-serif;
color : #000;
background-color : #e3e3e3;
text-align : center;
} 
td.cals { /* lettres semaine */
font : 11px Arial, Helvetica, sans-serif;
color : #FFFFFF;
background-color : #535353;
width : 14%;
text-align : center;
} 
td.cal0 {/* cases videsl*/
font : 11px Arial, Helvetica, sans-serif;
color : #000;
background-image : url(jour_vide.png);
background-color: #828F40;
width : 14%;
text-align : center;
} 
td.cal1 {/* tous les jours */
font : 11px Arial, Helvetica, sans-serif;
color : #000000;
background-color : #fff;
width : 14%;
text-align : center;
border : 1px solid #f5f5f5;
} 
td.cal2 {  /* aujourdhui*/
font : bold 11px Arial, Helvetica, sans-serif;
color : #000000;
background-color : #aaaaaa;
width : 14%;
text-align : center;
border : 1px solid #c0c0c0;
} 
td.cal3 {  /* mois, dimanche et special */
font : 11px Arial, Helvetica, sans-serif;
color : #000000;
background-color : #d4d4d4;
width : 14%;
text-align : center;
border : 1px solid #c0c0c0;
} 
td.cal4 { /* aujourdhui, si dimanche ou special */
font : 11px Arial, Helvetica, sans-serif;
color : #000;
background-color : #aaa;
width : 14%;
text-decoration : underline;
text-align : center;
border : 1px solid #c0c0c0;
} 
td.calevt { /* evenement */
font : bold 11px Arial, Helvetica, sans-serif;
color : #000000;
background-color : #D6D9E2;
text-decoration : underline;
text-align : center;
width : 14%;
border : 1px solid #c0c0c0;
} 
/************************
 * Formulaires (Forms) */
form { /*formulaire*/
margin : 3px 0;
} 
fieldset { /*encadrement des champs*/
border : 1px solid #000;
margin : 8px;
} 
legend { /*legende des encadrements*/
font : bold 12px Arial, Helvetica, sans-serif;
color : #000;
background-color : inherit;
} 
input.bouton, button {/*bouton*/ 
cursor : pointer;
margin : 2px 0;
color : #000000;
border : 1px inset #c0c0c0;
background-color : #BDC987;
background-image: url(bouton_centre.png);
height: 20px;
padding-bottom: 2px;
font : 11px arial, helvetica, sans-serif;
} 
input.texte { /*champ texte*/
margin : 2px 0;
background-color : #F4F7FB;
font : 11px arial, helvetica, sans-serif;
color : #3e3e3e;
} 
select { /*champ select*/
color : #000;
background-color : #F4F7FB;
font : 11px Arial, Helvetica, sans-serif;
border : 1px solid #c0c0c0;
margin : 4px 0;
} 
textarea { 
color : #000;
background-color : #eeeeee;
border : 1px solid #000;
overflow : auto;
margin : 4px 0;
} 
/**********************
 * Editeur FckEditor */
.Code { 
border : 1px solid #3e3e3e;
padding-right : 5px;
padding-left : 5px;
color : #3e3e3e;
font : 11px Arial, Helvetica, sans-serif, Monospace;
background-color : #f7fbe1;
} 
div #toolbarIcons_ptxt, div #toolbarSmileys_ptxt { 
color : inherit;
background-color : #f7fbe1;
} 
/*******************************************
 * Mise en page des blocks dans le footer */
#foot span.copyright { 
font : 1em Arial, Helvetica, sans-serif;
color : #FDFDCA;
background-color : inherit;
}
/********************
 * Divers, inclassables */
.htable { 
margin-bottom : 8px;
} 
.htable1 { 
margin-bottom : 5px;
} 
.htable2 { 
padding : 0 2px;
} 
.titrebox2 { 
font : bold 12px Arial, Helvetica, sans-serif;
color : #000;
background-color : inherit;
text-align : center;
} 
.box { 
font : 12px Arial, Helvetica, sans-serif;
color : #000;
margin: 0 0 0 2px;
padding : 2px;
background-color : inherit;
} 
p.box { 
margin : 0 1px 0 2px;
font : 12px Arial, Helvetica, sans-serif;
color : #000;
background-color : inherit;
} 
a.box { 
color : #000000;
background : inherit;
text-decoration : none;
font : 11px Arial, Helvetica, sans-serif;
} 
a.box2 { 
color : #000000;
background-color : inherit;
text-decoration : none;
font : 12px Arial, Helvetica, sans-serif;
} 
a:hover.box { 
color : #FF0000;
text-decoration : none;
font : 11px Arial, Helvetica, sans-serif;
background-color : inherit;
position : relative;
top : 1px;
left : 1px;
} 
/*******************
 * pop comment RSS */
.pop { 
z-index : 30;
width : 380px;
text-align : left;
} 
.pop a { 
display : block;
} 
.pop span { 
z-index : 30;
display : none;
} 
.pop a:hover span { 
display : block;
width : 280px;
position : absolute;
top : 2em;
left : 2em;
color : #000;
background-color : #DDE3C1;
font : normal 12px Arial, Helvetica, sans-serif;
border : 1px solid #4D6548;
padding : 4px;
} 
.top { 
font : 0.8em Arial, Helvetica, sans-serif;
color : #3e3e3c;
background-color : inherit;
text-align : center;
} 
.timer { 
font : italic 1em Arial, Helvetica, sans-serif;
color : #FDFDCA;
background-color : inherit;
text-align : center;
padding : 8px;
}
.clsCursor { 
cursor : pointer;
} 
.notice { 
color : red;
background-color : #ff9;
padding : 2px;

}