/*  ----------------------------------------------------------- */
/*  Feuilles de styles des squelettes par defaut pour SPIP 1.9  */
/*  ----------------------------------------------------------- */

/* taille typo
 * Base				100%
 * -------------------------------------
 * 20px				1.27em
 * 19px				1.21em
 * 18px				1.15em
 * 17px				1.09em
 * 16px				1.03em
 * 15px				0.96em
 * 14px				0.88em
 * 13px				0.82em
 * 12px				0.77em
 * 11px				0.71em
 * 10px				0.65em
 *  9px				0.59em
 * Attention : en dessous de 0.71em le texte devient illisible en text smallest sur MSIE
 */

/*  ------------------------------------------
/*  Correction des styles HTML par defaut
/*  ------------------------------------------ */
body {
	background: #FFFFFF;
	margin: 10px 0;
	text-align: center;
	font-size: 75%;
	font-family: Arial, helvetica, sans-serif;
	color: #3333;
}

img, table { margin: 0; padding: 0; border: none; }
h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; font-size: 1em; font-weight: normal; }

/*  ------------------------------------------
/*  Disposition a l'ecran des blocs principaux
/*  ------------------------------------------ */

#pageSommaire {
	width: 960px;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	border:10px solid red;
	background:white url(../visuels_site/image_accueil.jpg) no-repeat center center;
	padding:0;
	padding-bottom:5px;
}

#pageSommaire .menu{
	text-align:left;
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	padding:100px 0 100px 20px;
	background:url(../visuels_site/arc_gauche.gif) no-repeat left center;
}
#pageSommaire .menu div{
	margin:13px 0;
}
#pageSommaire .menu a{
	color:#333333; background: url(../visuels_site/puce_off.gif) no-repeat left center; padding:5px 0 5px 30px;
}
#pageSommaire .menu a:hover{
	color:red; background: url(../visuels_site/puce_on.gif) no-repeat left center; padding:5px 0 5px 30px;
}

#pageSommaire .argu{
	text-align:center; 
	font: 11px/14px Verdana, Arial, Helvetica, sans-serif; color:#999999;
	padding:0 0 0 160px;
}
#pageSommaire .argu hr{
	height:1px; border:none; color:#CCCCCC; background-color:#CCCCCC;
}

#pageSommaire .argu p{
	margin:0;
}

#page {
	width: 960px;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	border:10px solid red;
	padding:0; text-align:left;
	background:url(../visuels_site/bmagic.gif) repeat-y bottom right;
}
#page .blocMenu{
	width: 190px;
	text-align:left;
	float:left;
	padding-top:20px;
}
#page .blocMenu .menu{
	text-align:left;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	padding:10px 0 10px 5px;
}
#page .blocMenu .menu div{
	margin:0; background: url(../visuels_site/puce_menu_page.gif) no-repeat left center; padding:5px 0 5px 20px; cursor:pointer;
}
#page .blocMenu .menu div:hover{
	margin:0; background: url(../visuels_site/puce_menu_page_on.gif) no-repeat left center; padding:5px 0 5px 20px; cursor:pointer;
}
#page .blocMenu .menu a{
	color:#333333;
}
#page .blocMenu .menu a:hover{
	color:red;
}
#page .blocCentre{
	width: 610px;
	text-align:center;
	padding:0;
	float:left;
	min-height:250px;
}
#page .blocCentre h1{
	font: 28px Arial, Helvetica, sans-serif;
	color: #333333; margin:20px 30px 0 30px; text-align:left;
}
#page .blocCentre h2{
	font: 20px Arial, Helvetica, sans-serif;
	color: #333333; margin:5px 30px 3px 30px; text-align:left;
}
#page .blocCentre .texte{
	text-align:justify; padding: 10px 30px;
}
#page .blocCentre .texteAgenda{
	text-align:justify; padding: 5px 30px;
}
#page .blocCentre .galerie{
	margin-top:10px; padding:30px;
	text-align:center;
	background: url(../visuels_site/motif_galerie.gif) no-repeat top left;
}

#page .blocDroite{
	width: 146px;
	text-align:left;
	padding:60px 5px 10px 5px;
	float:left;
	font-size:90%;
}
#page .blocDroite a{
	color: #CC0000;
}
#page .blocDroite a:hover{
	color: red;
}
#page .blocDroite .contact, #page .blocDroite .telechargement{
	text-align:left; margin:5px 0;	
}

#pageVideo {
	width: 500px;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	border:10px solid red;
	padding:0; text-align:center;
}
#pageVideo h1{
	font: 28px Georgia, "Times New Roman", Times, serif;
	color: #333333; margin:20px 30px 0 30px; text-align:left;
}

#menuSecondaire{
	 margin:20px; text-align:left; float:right; width:220px; font: 11px verdana, Arial, sans-serif;
}
#menuSecondaire a{
	color:#999999; background: url(../visuels_site/puce_menu_page.gif) no-repeat left center; padding:10px 0 10px 20px;
}
#menuSecondaire a:hover{
	color:#999999; background: url(../visuels_site/puce_menu_page_on.gif) no-repeat left center;
}
#menuSecondaire div{
	padding:5px 0;
}

/*  ------------------------------------------
/*  Habillage des formulaires
/*  ------------------------------------------ */

.formulaire_spip { text-align: left; font-size: 0.77em; }
.formulaire_spip p { margin: 0.5em 0; padding: 0; }

.formulaire_spip fieldset {}
.formulaire_spip legend {}

.formulaire_spip label {}
.formulaire_spip .forml { width: 99%; font-family: Verdana, Arial, sans-serif; font-size: 11px; }

/* Boutons */
.spip_bouton { text-align: right; }
.spip_bouton input { float: right; }

/* Reponse du formulaire */
.reponse_formulaire { font-weight: bold; color: #e86519; }
fieldset.reponse_formulaire { border-color: #e86519; font-weight: normal; }

/* Previsualisation du message */
fieldset.previsu { padding: 1em; }

/* Formulaire de login au forum */
.formulaire_login_forum .forml { width: 12em; }
.formulaire_login_forum .spip_logos { float: right; padding-left: 10px; }

/* Choix des mots-clefs */
ul.choix_mots { float: left; width: 47%; margin: 0; padding: 0; list-style: none; } 
ul.choix_mots label { display: inline; }

/* Formulaire de recherche */
.formulaire_recherche { width: 12em; text-align: left; }
.formulaire_recherche label { display: none; }


/*  ------------------------------------------
/*  Couleurs des liens
/*  ------------------------------------------ */
a { text-decoration: none; color: #CC0000; }
a:hover { text-decoration: none; color:red; }