/*  ----------------------------------------------------------- */
/*  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: #337C47;
	margin: 0;
	text-align: center;
	font: 12px/14px Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
}

img, table { margin: 0; padding: 0; border: none; }
h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0;}
p{margin:5px 0;}

/*  ------------------------------------------
/*  Disposition a l'ecran des blocs principaux
/*  ------------------------------------------ */
#page {
	width: 960px;
	text-align: left;
	margin-left: auto;
	margin-right: auto;
	position:relative; top:0;
}

#page .blocMenu{
	width: 218px;text-align:center;
	position:absolute; top:0; left:0; z-index:10;
}

dl, dt, dd{
	margin: 0;
	padding: 0;
	list-style-type: none;
}
#menu {
	
}
dl#menu {

}
dl#menu dt {
	cursor: pointer;
	margin: 2px 0;
	height: 26px;
	text-align: left;
	background: #005641 url(../visuels/zigzag.gif) no-repeat right center;
	color:#FFFFFF; padding:0 5px;
}
dl#menu dt:hover {
color:#FFCC00;
}

dl#menu dd {
	text-align:left; padding:0 5px 2px 20px;
	display:none;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	background: #005641 url(../visuels/fond_ssmenu.gif) no-repeat left top;
}
dl#menu dd a{
	cursor:pointer; color:#cccccc;
}
dl#menu dd a:hover{
	cursor:pointer; color:#FF6600;
}


#page .blocPage{
	width: 960px;
	padding:0; position:absolute; top:0; left:0;
	background:url(../visuels/bandeau_haut.gif) no-repeat center top;
}

#page .blocPage .blocjaune{
	width: 960px; background:#FFCC00 url(../visuels/fond-tyrolienne.jpg) no-repeat left top;
	padding:0; position:relative; top:110px; left:0;
}

#page .blocPage .blocjaune .tracehaut{
	height:15px; background:url(../visuels/trace_haut.gif) no-repeat center top; margin-bottom:10px;
}

#page .blocPage .blocjaune .contenu{
	width: 740px; float:right; clear:both;
}
#page .blocPage .blocjaune .contenu .lienRetour{
	padding-left:15px;
}
#page .blocPage .blocjaune .contenu h1{
	text-align; left; padding:0 15px;
	font: 24px Verdana, Arial, Helvetica, sans-serif; color:#CC0000;
	margin:5px 0 0 0;
}

#page .blocPage .blocjaune .contenu .chapo{
	text-align:left; font-weight:bold; padding:8px 15px;
}
#page .blocPage .blocjaune .contenu .texte{
	text-align:justify; padding:15px; line-height:16px;
}
#page .blocPage .blocjaune .contenu .texte p{
	background: url(../visuels/fleche.gif) no-repeat left 3px;
	padding-left:12px;
}
#page .blocPage .blocjaune .contenu .texte .pdf{
	text-align:left; margin:10px 0; clear:both;
}
#page .blocPage .blocjaune .contenu .texte .pdf .spip_logos{
	vertical-align:middle;
}

/* style page initiation (14) */
#page .blocPage .blocGris{
	width: 960px; background:#CCCCCC;
	padding:0; position:relative; top:110px; left:0;
}

#page .blocPage .blocGris .tracehaut{
	height:15px; background:url(../visuels/trace_haut_initiation.gif) no-repeat center top; margin-bottom:10px;
}

#page .blocPage .blocGris .contenu{
	width: 740px; float:right; clear:both;
}
#page .blocPage .blocGris .contenu .lienRetour{
	padding-left:15px;
}
#page .blocPage .blocGris .contenu h1{
	text-align; left; padding:0 15px;
	font: 24px Verdana, Arial, Helvetica, sans-serif; color:#CC0000;
	margin:5px 0 0 0;
}

#page .blocPage .blocGris .contenu .chapo{
	text-align:left; font-weight:bold; padding:8px 15px;
}
#page .blocPage .blocGris .contenu .texte{
	text-align:justify; padding:15px; line-height:16px;
}
#page .blocPage .blocGris .contenu .texte p{
	background: url(../visuels/fleche.gif) no-repeat left 3px;
	padding-left:12px;
}

/* */

/* style page aya aye (13) */
#page .blocPage .blocViolet{
	width: 960px; background:#996ECC;
	padding:0; position:relative; top:110px; left:0;
}

#page .blocPage .blocViolet .tracehaut{
	height:15px; background:url(../visuels/trace_haut_aye.gif) no-repeat center top; margin-bottom:10px;
}

#page .blocPage .blocViolet .contenu{
	width: 740px; float:right; clear:both;
}
#page .blocPage .blocViolet .contenu .lienRetour{
	padding-left:15px; color:#CCCCFF;
}
#page .blocPage .blocViolet .contenu h1{
	text-align; left; padding:0 15px;
	font: 24px Verdana, Arial, Helvetica, sans-serif; color:#FFFFFF;
	margin:5px 0 0 0;
}

#page .blocPage .blocViolet .contenu .chapo{
	text-align:left; font-weight:bold; padding:8px 15px; color:#FFFFFF;
}
#page .blocPage .blocViolet .contenu .texte{
	text-align:justify; padding:15px; line-height:16px; color:#FFFFFF;
}
#page .blocPage .blocViolet .contenu .texte p{
	background: url(../visuels/fleche.gif) no-repeat left 3px;
	padding-left:12px;
}
#page .blocPage .blocViolet .contenu a{
	color:#CCFFFF;
}
#page .blocPage .blocViolet .contenu a:hover{
	color:#FFFFFF;
}

/* */

/* style page saut elastique (15) */
#page .blocPage .blocTurquoise{
	width: 960px; background:#00FF99;
	padding:0; position:relative; top:110px; left:0;
}

#page .blocPage .blocTurquoise .tracehaut{
	height:15px; background:url(../visuels/trace_haut_saut.gif) no-repeat center top; margin-bottom:10px;
}

#page .blocPage .blocTurquoise .contenu{
	width: 740px; float:right; clear:both;
}
#page .blocPage .blocTurquoise .contenu .lienRetour{
	padding-left:15px;
}
#page .blocPage .blocTurquoise .contenu h1{
	text-align; left; padding:0 15px;
	font: 24px Verdana, Arial, Helvetica, sans-serif; color:#CC0000;
	margin:5px 0 0 0;
}

#page .blocPage .blocTurquoise .contenu .chapo{
	text-align:left; font-weight:bold; padding:8px 15px;
}
#page .blocPage .blocTurquoise .contenu .texte{
	text-align:justify; padding:15px; line-height:16px;
}
#page .blocPage .blocTurquoise .contenu .texte p{
	background: url(../visuels/fleche.gif) no-repeat left 3px;
	padding-left:12px;
}

/* */

/* style page ouistiti (5) */
#page .blocPage .blocBleu{
	width: 960px; background:#74C3EB;
	padding:0; position:relative; top:110px; left:0;
}

#page .blocPage .blocBleu .tracehaut{
	height:15px; background:url(../visuels/trace_haut_ouistiti.gif) no-repeat center top; margin-bottom:10px;
}

#page .blocPage .blocBleu .contenu{
	width: 740px; float:right; clear:both;
}
#page .blocPage .blocBleu .contenu .lienRetour{
	padding-left:15px;
}
#page .blocPage .blocBleu .contenu h1{
	text-align; left; padding:0 15px;
	font: 24px Verdana, Arial, Helvetica, sans-serif; color:#CC0000;
	margin:5px 0 0 0;
}

#page .blocPage .blocBleu .contenu .chapo{
	text-align:left; font-weight:bold; padding:8px 15px;
}
#page .blocPage .blocBleu .contenu .texte{
	text-align:justify; padding:15px; line-height:16px;
}
#page .blocPage .blocBleu .contenu .texte p{
	background: url(../visuels/fleche.gif) no-repeat left 3px;
	padding-left:12px;
}
#page .blocPage .blocBleu .contenu a{
	color:#CC0000;
}
#page .blocPage .blocBleu .contenu a:hover{
	color:#FF6600;
}

/* */

/* style page macaque (9) */
#page .blocPage .blocJaune{
	width: 960px; background:#FF9900;
	padding:0; position:relative; top:110px; left:0;
}

#page .blocPage .blocJaune .tracehaut{
	height:15px; background:url(../visuels/trace_haut_macaque.gif) no-repeat center top; margin-bottom:10px;
}

#page .blocPage .blocJaune .contenu{
	width: 740px; float:right; clear:both;
}
#page .blocPage .blocJaune .contenu .lienRetour{
	padding-left:15px;
}
#page .blocPage .blocJaune .contenu h1{
	text-align; left; padding:0 15px;
	font: 24px Verdana, Arial, Helvetica, sans-serif; color:#CC0000;
	margin:5px 0 0 0;
}

#page .blocPage .blocJaune .contenu .chapo{
	text-align:left; font-weight:bold; padding:8px 15px;
}
#page .blocPage .blocJaune .contenu .texte{
	text-align:justify; padding:15px; line-height:16px;
}
#page .blocPage .blocJaune .contenu .texte p{
	background: url(../visuels/fleche.gif) no-repeat left 3px;
	padding-left:12px;
}
#page .blocPage .blocJaune .contenu a{
	color:#CC0000;
}
#page .blocPage .blocJaune .contenu a:hover{
	color:#FF6600;
}

/* */

/* style page gorille (11)*/
#page .blocPage .blocNoir{
	width: 960px; background:#000000;
	padding:0; position:relative; top:110px; left:0;
}

#page .blocPage .blocNoir .tracehaut{
	height:15px; background:url(../visuels/trace_haut_gorille.gif) no-repeat center top; margin-bottom:10px;
}

#page .blocPage .blocNoir .contenu{
	width: 740px; float:right; clear:both;
}
#page .blocPage .blocNoir .contenu .lienRetour{
	padding-left:15px;
}
#page .blocPage .blocNoir .contenu h1{
	text-align; left; padding:0 15px;
	font: 24px Verdana, Arial, Helvetica, sans-serif; color:#FFFFFF;
	margin:5px 0 0 0;
}

#page .blocPage .blocNoir .contenu .chapo{
	text-align:left; font-weight:bold; padding:8px 15px; color:#FFFFFF;
}
#page .blocPage .blocNoir .contenu .texte{
	text-align:justify; padding:15px; line-height:16px; color:#FFFFFF;
}
#page .blocPage .blocNoir .contenu .texte p{
	background: url(../visuels/fleche.gif) no-repeat left 3px;
	padding-left:12px;
}

/* */

/* style page bonobo (6)*/
#page .blocPage .blocRouge{
	width: 960px; background:#E23333;
	padding:0; position:relative; top:110px; left:0;
}

#page .blocPage .blocRouge .tracehaut{
	height:15px; background:url(../visuels/trace_haut_bonobo.gif) no-repeat center top; margin-bottom:10px;
}

#page .blocPage .blocRouge .contenu{
	width: 740px; float:right; clear:both;
}
#page .blocPage .blocRouge .contenu .lienRetour{
	padding-left:15px;
}
#page .blocPage .blocRouge .contenu .lienRetour a{
	color:#FFFFFF
}
#page .blocPage .blocRouge .contenu h1{
	text-align; left; padding:0 15px;
	font: 24px Verdana, Arial, Helvetica, sans-serif; color:#FFFFFF;
	margin:5px 0 0 0;
}

#page .blocPage .blocRouge .contenu .chapo{
	text-align:left; font-weight:bold; padding:8px 15px; color:#FFFFFF;
}
#page .blocPage .blocRouge .contenu .texte{
	text-align:justify; padding:15px; line-height:16px; color:#FFFFFF;
}
#page .blocPage .blocRouge .contenu .texte p{
	background: url(../visuels/fleche.gif) no-repeat left 3px;
	padding-left:12px;
}
#page .blocPage .blocRouge .contenu a{
	color:#FFCC00;
}
#page .blocPage .blocRouge .contenu a:hover{
	color:#FF6600;
}

/* */

/* style page gibbon (8)*/
#page .blocPage .blocBlanc{
	width: 960px; background:#FFFFFF;
	padding:0; position:relative; top:110px; left:0;
}

#page .blocPage .blocBlanc .tracehaut{
	height:15px; background:url(../visuels/trace_haut_gibbon.gif) no-repeat center top; margin-bottom:10px;
}

#page .blocPage .blocBlanc .contenu{
	width: 740px; float:right; clear:both;
}
#page .blocPage .blocBlanc .contenu .lienRetour{
	padding-left:15px;
}
#page .blocPage .blocBlanc .contenu h1{
	text-align; left; padding:0 15px;
	font: 24px Verdana, Arial, Helvetica, sans-serif; color:#CC0000;
	margin:5px 0 0 0;
}

#page .blocPage .blocBlanc .contenu .chapo{
	text-align:left; font-weight:bold; padding:8px 15px;
}
#page .blocPage .blocBlanc .contenu .texte{
	text-align:justify; padding:15px; line-height:16px;
}
#page .blocPage .blocBlanc .contenu .texte p{
	background: url(../visuels/fleche.gif) no-repeat left 3px;
	padding-left:12px;
}

/* */

/* style page chimpanze (7)*/
#page .blocPage .blocOrange{
	width: 960px; background:#ED8E2E;
	padding:0; position:relative; top:110px; left:0;
}

#page .blocPage .blocOrange .tracehaut{
	height:15px; background:url(../visuels/trace_haut_chimp.gif) no-repeat center top; margin-bottom:10px;
}

#page .blocPage .blocOrange .contenu{
	width: 740px; float:right; clear:both;
}
#page .blocPage .blocOrange .contenu .lienRetour{
	padding-left:15px;
}
#page .blocPage .blocOrange .contenu h1{
	text-align; left; padding:0 15px;
	font: 24px Verdana, Arial, Helvetica, sans-serif; color:#CC0000;
	margin:5px 0 0 0;
}

#page .blocPage .blocOrange .contenu .chapo{
	text-align:justify; font-weight:bold; padding:8px 15px;
}
#page .blocPage .blocOrange .contenu .texte{
	text-align:left; padding:15px; line-height:16px;
}
#page .blocPage .blocOrange .contenu .texte p{
	background: url(../visuels/fleche.gif) no-repeat left 3px;
	padding-left:12px;
}
#page .blocPage .blocOrange .contenu a{
	color:#CC0000;
}
#page .blocPage .blocVOrange .contenu a:hover{
	color:#FF6600;
}

/* */

/* style page babouin (10)*/
#page .blocPage .blocVert{
	width: 960px; background:#668950;
	padding:0; position:relative; top:110px; left:0;
}

#page .blocPage .blocVert .tracehaut{
	height:15px; background:url(../visuels/trace_haut_babouin.gif) no-repeat center top; margin-bottom:10px;
}

#page .blocPage .blocVert .contenu{
	width: 740px; float:right; clear:both;
}
#page .blocPage .blocVert .contenu .lienRetour{
	padding-left:15px;
}
#page .blocPage .blocVert .contenu h1{
	text-align; left; padding:0 15px;
	font: 24px Verdana, Arial, Helvetica, sans-serif; color:#FFFFFF;
	margin:5px 0 0 0;
}

#page .blocPage .blocVert .contenu .chapo{
	text-align:left; font-weight:bold; padding:8px 15px; color:#FFFFFF;
}
#page .blocPage .blocVert .contenu .texte{
	text-align:justify; padding:15px; line-height:16px; color:#FFFFFF;
}
#page .blocPage .blocVert .contenu .texte p{
	background: url(../visuels/fleche.gif) no-repeat left 3px;
	padding-left:12px;
}
#page .blocPage .blocVert .contenu a{
	color:#FFCC00;
}
#page .blocPage .blocVert .contenu a:hover{
	color:#FF6600;
}

/* */

#nouveauteSommaire{
	margin:0 10px 10px 5px;
	clear:both; background:#FFFFFF;
}
#nouveauteSommaire .titre{
	background:url(../visuels/nouveaute.gif) no-repeat left top;
	font: 14px Verdana, Arial, Helvetica, sans-serif;
	padding:5px; height:18px;
}
#nouveauteSommaire .texte{
	margin:0;
	clear:both; background:#FFFFFF; height:110px; overflow:auto;
	font:11px/13px Verdana, Arial, Helvetica, sans-serif;
}
#nouveauteSommaire .texte h2{
	font: 15px Arial, Helvetica, sans-serif; text-align:left;
	color:#FF3300;	
}
#nouveauteSommaire .texte .intro{
	text-align:left; line-height:13px;	
}
#nouveauteSommaire .texte a:hover{
	color:#FF6600;	
}

#nouveautePage{
	margin-left:28px; width:252px;
	background:#FFFFFF;
}
#nouveautePage .titre{
	background:url(../visuels/nouveaute.gif) no-repeat left top;
	font: 14px Verdana, Arial, Helvetica, sans-serif;
	height:28px
}
#nouveautePage .texte{
	clear:both; background:#FFFFFF;
}
#nouveautePage .texte h2{
	font: 15px Verdana, Arial, Helvetica, sans-serif; text-align:left;
	color:#FF3300; margin:0;	
}
#nouveautePage .texte .intro{
	text-align:left; color:#333333;
	font:11px/12px Verdana, Arial, Helvetica, sans-serif;	
}
#nouveautePage .texte a:hover{
	color:#FF6600;	
}

#signature{
	font:9px Arial; helvetica, sans-serif; text-align:center; color:#FFFFFF;
	padding:10px; border-bottom:1px solid #333333; margin-top:20px;
}
#signature a{
	color:#FFFFFF;
}

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