/* ------------------------------------------------------------------------------DESIGN.CSS - VIA-MASSALIA.COM*/

body
{margin-top:0px;
margin-bottom:0px;
background-color:#FFFFFF;
font-family:Arial, serif; 
text-align:justify;

}


img
{margin:0px;
padding:0px;
border:none;}

p
{margin:0;
padding:0;}

h1
{margin:0;
padding:0;}

h2
{margin:0;
padding:0;}

hr
{clear: both;
color: #000000;
background-color: #000000;
height: 1px;
border: 0;
margin-top:0px; 
margin-bottom:10px;}

form {margin:0;}

#corps
{width:800px;
margin-left:auto; 
margin-right:auto;

}


/* ------------------------------------------------------------------------------ENTETE*/

#entete
{width:800px;
background-color:#FFFFFF;
}

#menu_haut
{width:800px;
height:20px;
margin-bottom:5px;
background-image:url("img/fond_menu_7.jpg");background-repeat:no-repeat;
}

.menu_haut
{padding-left:5px;
color:#FFFFFF;
}


.tableau_bord
{clear:both;
text-align:right;
font-size:12px;
font-weight:bold;
color:#000000;
}

.tri
{clear:both;
text-align:right;
font-size:12px;
font-weight:normal;
color:#000000;
}

#date
{text-align:right;
font-size:12px;
font-weight:bold;
color:#000000;
text-transform:capitalize;
margin-bottom:0px;
}



/* ------------------------------------------------------------------------------MENU RUBRIQUES*/
#menu
{float:left;
width:125px;
margin-bottom:10px;


}

.titre_menu
{font-size:12px;
color:#000000;
font-weight:bold;
margin-bottom:5px;
text-align:left;
text-transform:uppercase;}




/* ------------------------------------------------------------------------------PAGE*/

#page
{float:right;
width:650px;
margin-bottom:0px;

}





.titre_page
{font-size:18px;
color:#000000;
text-transform:uppercase;
font-weight:bold;
margin-top:0px;
margin-bottom:5px;
}

.soustitre_page
{clear:both;
font-size:16px;
font-weight:bold;
color:#000000;
}

.texte_page
{font-size:12px;
color:#000000;

}


.agenda_sommaire
{float:left;width:160px;text-align:justify;margin-right:10px}





.cadre
{clear:both;
margin:0px;
padding:0px;
height:20px;
}


.en_image
{float:left;width:650px;text-align:justify;
}

.flottant
{float :left;
margin-right:10px;
margin-bottom:0px;
}

.titre_article
{font-size:18px;
font-weight:bold;
color:#FFFFFF;
margin-top:0px;}

.soustitre_article
{font-size:12px;
font-weight:bold;
color:#FFFFFF;
margin-bottom:5px;}

.chapo_article
{font-size:12px;
font-weight:bold;
color:#000000;
margin-bottom:5px;}

.texte_article
{font-size:12px;
color:#000000;
margin-bottom:5px;}

.ps_article
{clear:both;
font-size:12px;
font-weight:bold;
color:#000000;
}

.centrer
{padding-left:10px;padding-right:10px;background-color:#0066FF;background-image:url("img/incruste_logo_article.jpg");background-repeat:no-repeat;}

.centrer_nouveautes
{padding-left:10px;padding-right:10px;background-color:#FFFFFF;}

.centrer_agenda
{padding-left:10px;padding-right:10px;background-color:#FFCC00;background-image:url("img/incruste_logo_agenda.jpg");background-repeat:no-repeat;}

.centrer_forum
{padding-left:10px;padding-right:10px;background-color:#FF6699;background-image:url("img/incruste_logo_forum.jpg");background-repeat:no-repeat;}

.centrer_archives
{padding-left:10px;padding-right:10px;background-color:#999999;background-image:url("img/incruste_logo_archives.jpg");background-repeat:no-repeat;}


.article_recherche
{clear:both;height:60px; margin-bottom:10px; border-bottom:1px solid #CCCCCC;}




/* ------------------------------------------------------------------------------PIED */

#pied
{
clear:both;
margin-top:10px;
width:800px;
color:#333333;
}

.pied
{font-size:12px;
color:#333333;
text-align:center;
font-weight:bold;
padding-top:3px;
margin-bottom:10px;
}








.flottant2
{float :right;
margin-left:10px;
margin-bottom:0px; }

/* ------------------------------------------------------------------------------FORMULAIRE RECHERCHE */

.formulaire_recherche
{background-image:url("img/loupe.jpg");
background-repeat:no-repeat;
}

.formulaire_recherche label 
{display:none;}


.formulaire_recherche .forml
{color:#000000;
font-weight:bold;
padding-left:5px;
margin-left:21px;
margin-bottom:0px;
font-size:12px;
width:80px; 
height:14px;
border: 1px solid #0099CC;}



/* ------------------------------------------------------------------------------LIENS */


 /* liens internes */
 
a.spip_in { color: #000000; text-decoration: underline;} 
a:hover.spip_in{ color: #FFFFFF; text-decoration: underline;} 

a.spip_in.ps_article{ color: #FFFFFF; text-decoration: underline;} 
a:hover.spip_in.ps_article{ color: #000000; text-decoration: underline;} 

 /* liens sortants */
 
a.spip_out { color: #000000; text-decoration: underline;}
a:hover.spip_out{ color: #FFFFFF; text-decoration: underline;} 

a.spip_out.ps_article{ color: #FFFFFF; text-decoration: underline;}
a:hover.spip_out.ps_article{ color: #000000; text-decoration: underline;} 


 
 /* liens basique */
 
a
{font-size:12px;
color:#0066FF;
font-weight:bold;
text-decoration:none;
}

a:hover
{font-size:12px;
color:#000000;
font-weight:bold;
text-decoration:none;}

.pied a 
{padding-right:10px;padding-left:10px;}

.menu_haut a 
{font-size:13px;
color:#FFFFFF;
padding-left:10px;
padding-right:10px;
text-transform:capitalize;}

.menu_haut a:hover 
{color:#999999;}

.article_recherche a
{font-weight:normal; color:#000000;}

.article_recherche a:hover
{color:#0066FF;}



/* ------------------------------------------------------------------------------NEWSLETTER */
.intro_sommaire
{float:left;width:500px}

#newsletter{height: 165px; width:125px; float:right; margin-left:25px; margin-bottom:50px; font-size:12px;color:#FFFFFF;background-color:#333333;}
.titre_newsletter{padding:0px; font-size:16px;text-align:center;color:#FFFFFF; font-weight:bold;margin-bottom:5px;}
.formulaire{padding-left:3px;border: 1px solid #0099CC;margin:10px 6px; height:14px;font-size:11px;font-weight:bold; color:#333333;}
.note_newsletter {font-size:10px; color:#000000;}

.page_newsletter
{width:612px; margin:auto;font-size:11px; font-family:Arial;text-align:center;color:#999999;}


/* ------------------------------------------------------------------------------FORMULAIRE de CONTACT*/

#formulaire_contact
{clear:both; margin-bottom:25px;}

.texte_formulaire
{font-family:arial; font-size:11px;color:#000000;font-weight:bold;margin-top:10px;}

.texte_radio
{font-family:arial; font-size:11px;color:#000000;margin-top:5px;}

.texte_formulaire input 
{border:1px #0066FF solid;margin-top:5px;}


.texte_formulaire textarea
{border:1px #0066FF solid;}

.titre_formulaire
{font-family:arial; font-size:14px;color:#0066FF;font-weight:bold;margin-top:25px;}

.sous_titre_formulaire
{font-family:arial; font-size:11px;color:#000000;font-weight:normal;margin-bottom:10px;}

.confirmation_formulaire
{font-family:arial; font-size:14px;color:#FFFFFF;font-weight:bold;background-color:#0066FF;text-align:center;padding:2px;border:1px solid white;}