/*  ----------------------------------------------------------- */
/*  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: 0;
	text-align: center;
	font: 12px Arial, Helvetica, sans-serif;
	color: #333333;
}
.pageSommaire{
	padding-top:50px;	
}

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
/*  ------------------------------------------ */
#page {
	width:970px;
	text-align:left;
	margin-left:auto;
	margin-right:auto;
	background: url(../visuels_sites/fond_page.gif) no-repeat top left;
}
#pageAccueil {
	width:970px;
	text-align:left;
	margin-left:auto;
	margin-right:auto;
	
}
#pageAccueil .hautPage{
	height:125px; background: url(../visuels_sites/bandeau_haut_accueil.gif) no-repeat left top;
}
#pageAccueil .hautPage .logos{
	padding:10px; width:200px;
	position:relative; left:750px; top:0;
}

#pageAccueil .hautPage .menuHaut {
	color:white; float:right; padding:0 12px;
	font: 12px Verdana, Arial, Helvetica, sans-serif;
}
#pageAccueil .hautPage .menuHaut dl {
	float: left; padding:8px 3px;
	margin: 0 1px; height:15px;
}
#pageAccueil .hautPage .menuHaut dl a {
	color:white;
}
#pageAccueil .hautPage .menuHaut dl a:hover {
	color:#FF6600;
}
#pageAccueil .hautPage .menuHaut dt {
	cursor: pointer;
	text-align: center;
	color:white;
}
#pageAccueil .hautPage .menuHaut dt:hover {
	color:#FFCC00;
}
#pageAccueil .hautPage .menuHaut dt a {
	color: white; 
	text-decoration: none;
	display: block;
}
#pageAccueil .hautPage .menuHaut dt a:hover {
	color:#FFCC00;
}
#pageAccueil .hautPage .menuHaut dd {
	background: #FFFFFF;
	text-align:left; width: 150px; margin-top:5px;
	position:absolute; display:none; border:1px solid #666666;
	filter:alpha(opacity=80); -moz-opacity:0.8;
	opacity:0.8;
}
#pageAccueil .hautPage .menuHaut dd  .over{
	padding:2px 8px; font: 11px Arial, Tahoma, Helvetica, sans-serif;
}
#pageAccueil .hautPage .menuHaut dd  .over a{
	color: #000000;
}
#pageAccueil .hautPage .menuHaut dd  .over a:hover{
	color:#FF6600;
}

#pageAccueil .centrePage{
 	background:#666666;	
}

/*  ------------------------------------------
/*  Styles du menu accueil
/*  ------------------------------------------ */
#pageAccueil .centrePage .menuAccueil{
	width:170px; float:left; padding-bottom:148px;
	background:url(../visuels_sites/fond_puzzle_accueil.gif) no-repeat left bottom;
}

#pageAccueil .centrePage .menuAccueil .itemMenugris a, #pageAccueil .centrePage .menuAccueil .itemMenujaune a{
	color: #FFFFFF;
}
#pageAccueil .centrePage .menuAccueil .itemMenugris a:hover, #pageAccueil .centrePage .menuAccueil .itemMenujaune a:hover{
	color: #FF3300;
}

#pageAccueil .centrePage .menuAccueil{
	width:170px; text-align:left;
}

#pageAccueil .centrePage .menuAccueil dl{
	margin:0; padding:0;
}
#pageAccueil .centrePage .menuAccueil .itemMenugris dt{
	margin:0; padding:10px 5px 10px 40px; font: 12px Verdana, Arial, Helvetica, sans-serif; cursor: pointer;
	background: url(../visuels_sites/gris.gif) no-repeat left center; color:#FFFFFF;
}
#pageAccueil .centrePage .menuAccueil .itemMenugris dt:hover{
	background: url(../visuels_sites/gris_over.gif) no-repeat left center; color: #FF3300;
}
#pageAccueil .centrePage .menuAccueil .itemMenujaune dt{
	margin:0; padding:10px 5px 10px 40px; font: 12px Verdana, Arial, Helvetica, sans-serif; cursor: pointer;
	background: url(../visuels_sites/jaune.gif) no-repeat left center;
}
#pageAccueil .centrePage .menuAccueil .itemMenujaune dt:hover{
	background: url(../visuels_sites/jaune_over.gif) no-repeat left center; color: #FF3300;
}

#pageAccueil .centrePage .menuAccueil dd{
	font-size:11px;
	cursor: pointer;
	display: none;
	padding: 5px 3px;
	background-color: #CCCCCC; color:#333333;
	border-bottom:1px solid #FFFFFF;
}
/*#pageAccueil .centrePage .menuAccueil dd{
	font-size:11px;
	display: none; margin-bottom: 0px;
	position: absolute; cursor: pointer;
	margin:-50px 0 0 160px; padding: 3px;
	background-color: #FFFFFF; color:#333333;
	border: 1px solid #666666; filter:alpha(opacity=80); -moz-opacity:0.8;
	opacity:0.8;
}
#pageAccueil .centrePage .menuAccueil a {
	color:#FFFFFF;
}
#pageAccueil .centrePage .menuAccueil a:hover {
	color:#FF6600;
}*/
#pageAccueil .centrePage .menuAccueil dd div{
	padding:2px 2px 2px 12px; background: url(../visuels_sites/puce_ssmenu_gauche.gif) no-repeat left center;
}
#pageAccueil .centrePage .menuAccueil dd a{
	color:black;
}
#pageAccueil .centrePage .menuAccueil dd a:hover{
	color:#FF6600;
}

/* ----------------------- */

#pageAccueil .centrePage .imgGen{
 	width:400px; height:340px;
	float:left; background:#E0E0E0 url(../visuels_sites/img_generique_site.jpg) no-repeat left top;		
}

#pageAccueil .centrePage .accroche{
 	width:380px; height:340px;
	float:left; background:#FFFFFF url(../visuels_sites/degrade_jaune.gif) repeat-x left top;
	text-align:right;		
}
#pageAccueil .centrePage .accroche h1{
 	font: 24px Verdana, Arial, Helvetica, sans-serif;
	color:#666666;
	text-transform:uppercase;
	padding: 30px 10px 10px 10px;			
}
#pageAccueil .centrePage .accroche .texte{
 	font: 14px/18px Verdana, Arial, Helvetica, sans-serif;
	color:#666666;
	padding:0 10px;		
}

#pageAccueil .centrePage .basPage{
 	clear:both; background:#FFFFFF url(../visuels_sites/degrade_bas.gif) no-repeat left top;
	font: 9px/50px Verdana, Arial, Helvetica, sans-serif; color:#666666;
	
		
}

/*  ------------------------------------------
/*  Styles du haut de page
/*  ------------------------------------------ */
#page .hautPage{
	height:139px; border-bottom:1px solid #FFB000;
	background: url(../visuels_sites/bandeau_haut_page.gif) no-repeat left top;
}
#page .hautPage .intro{
	padding:10px 0 10px 380px;
	font: 15px Verdana, Arial, Helvetica, sans-serif;
	color: #666666;
}

#page .hautPage MenuHaut dl, dt, dd {
	margin:0;
	padding:0;
	list-style-type: none;
}

#page .hautPage .menuHaut {
	color:white; float:right; padding:0 12px;
	font: 12px Verdana, Arial, Helvetica, sans-serif;
}
#page .hautPage .menuHaut dl {
	float: left; padding:8px 3px;
	margin: 0 1px; height:15px;
}
#page .hautPage .menuHaut dl a {
	color:white;
}
#page .hautPage .menuHaut dl a:hover {
	color:#FF6600;
}
#page .hautPage .menuHaut dt {
	cursor: pointer;
	text-align: center;
	color:white;
}
#page .hautPage .menuHaut dt:hover {
	color:#FFCC00;
}
#page .hautPage .menuHaut dt a {
	color: white; 
	text-decoration: none;
	display: block;
}
#page .hautPage .menuHaut dt a:hover {
	color:#FFCC00;
}
#page .hautPage .menuHaut dd {
	background: #FFFFFF;
	text-align:left; width: 150px; margin-top:5px;
	position:absolute; display:none; border:1px solid #666666;
	filter:alpha(opacity=80); -moz-opacity:0.8;
	opacity:0.8;
}
#page .hautPage .menuHaut dd  .over{
	padding:2px 8px; font: 11px Arial, Tahoma, Helvetica, sans-serif;
}
#page .hautPage .menuHaut dd  .over a{
	color: #000000;
}
#page .hautPage .menuHaut dd  .over a:hover{
	color:#FF6600;
}


#page .hautPage .menuRouge{
	color:white; float:right; width:110px; height:110px; text-align:left;
	font: 100% Verdana, Arial, Helvetica, sans-serif; padding:0;
	background: #FFB000 url(../visuels_sites/assemblage.gif) no-repeat center center;
}

#page .hautPage .menuRouge ul, #page .hautPage .menuRouge li{
	margin:0; padding:0; list-style:none;
}
#page .hautPage .menuRouge li{
	margin:0; padding:3px 3px 3px 12px; list-style:none; background: url(../visuels_sites/puce-blanche.gif) no-repeat left center;
}

#page .hautPage .menuRouge a{
	color:white;
}
#page .hautPage .menuRouge a:hover{
	color:#FFCC00;
}

/*  ------------------------------------------
/*  Styles du conteneur principal
/*  ------------------------------------------ */
#page .conteneur{
	text-align:left;
}

/*  ------------------------------------------
/*  Styles du conteneur texte page
/*  ------------------------------------------ */


/*  ------------------------------------------
/*  Styles du conteneur texte page
/*  ------------------------------------------ */
#page .conteneur .article{
	border-left:1px solid #FFB000; border-bottom:1px solid #FFB000; border-right:15px solid #FFB000;
	padding-bottom:15px;
}
#page .conteneur .article h1{
	font: 160% Verdana, Arial, Helvetica, sans-serif; color:#666666; padding-left:26px; padding-right:20px; margin:0 0 8px 20px;
	background: url(../visuels_sites/puce_titre.gif) no-repeat left center;
}
#page .conteneur .article h2{
	font: bold 110% Verdana, Arial, Helvetica, sans-serif; color:#666666; padding-right:20px; margin:0 0 8px 20px;
}
#page .conteneur .article .texte{
	margin:0 20px; text-align:justify; padding-right:80px;
}
#page .conteneur .article a{
	color:#CC0000;
}
#page .conteneur .article a:hover{
	color:#FF6600;
}
#page .conteneur .article ul, li{
	margin:0 0 0 20px; padding:1px; list-style:none;
}

#page .conteneur .article .hierarchie{
	height:18px;font: 10px/18px Verdana, Arial, Helvetica, sans-serif; color:#333333; margin-bottom:20px; margin-right:96px;
	padding-left:20px; background:#FFB000 url(../visuels_sites/coin_bas_hierarchie.gif) no-repeat right bottom;
	color:white;
}
#page .conteneur .article .hierarchie a{
	color:white;
}
#page .conteneur .article .hierarchie a:hover{
	color:#FFCC00;
}

#page .conteneur .article .blocDroite{
	float:right; width:220px; margin-left:30px; clear:left;
}
#page .conteneur .article .blocDroite .ssmenu{
	padding:0 6px; background:#FFCC00 url(../visuels_sites/coin_ssmenu.gif) no-repeat left top;	
}
#page .conteneur .article .blocDroite .ssmenu a{
	font: 11px/14pxVerdana, Arial, Helvetica, sans-serif; color:#FF3300;
}
#page .conteneur .article .blocDroite .ssmenu a:hover{
	color:#FF6600;
}

#page .conteneur .article .valeurStrategie{
	margin:10px 20px;
}
#page .conteneur .article .valeurStrategie h2{
	margin:0; color:#003399;
}
/*  ------------------------------------------
/*  Styles du menu de gauche
/*  ------------------------------------------ */

#menuGauche{
	width:170px; text-align:left;
	margin:0;
}
#menuGauche .image{
	width:170px; height: 125px;
	background: url(../visuels_sites/img_generique_menu.jpg) no-repeat left center;
	margin:0;
}
#menuGauche dl{
	margin:0; padding:0;
}
#menuGauche .itemMenugris dt{
	margin:0; padding:10px 5px 10px 40px; font: 12px Verdana, Arial, Helvetica, sans-serif; cursor: pointer;
	background: url(../visuels_sites/gris.gif) no-repeat left center; color:#FFFFFF;
}
#menuGauche .itemMenugris dt:hover{
	background: url(../visuels_sites/gris_over.gif) no-repeat left center; color:#FF3300;
}
#menuGauche .itemMenujaune dt{
	margin:0; padding:10px 5px 10px 40px; font: 12px Verdana, Arial, Helvetica, sans-serif; cursor: pointer;
	background: url(../visuels_sites/jaune.gif) no-repeat left center;
}

#menuGauche .itemMenujaune dt:hover{
	background: url(../visuels_sites/jaune_over.gif) no-repeat left center; color:#FF3300;
}
#menuGauche dd{
	font-size:11px;
	display:none;
	cursor: pointer;
	padding: 5px 3px;
	background-color: #CCCCCC; color:#333333;
	border-bottom:1px solid #FFFFFF;
}
/*#menuGauche dd{
	font-size:11px;
	display: none; margin-bottom: 0px;
	position: absolute; cursor: pointer;
	margin:-50px 0 0 150px; padding: 3px;
	background-color: #FFFFFF; color:#333333;
	border: 1px solid #666666; filter:alpha(opacity=90); -moz-opacity:0.9;
	opacity:0.9;
}
#menuGauche a {
	color:#FFFFFF;
}
#menuGauche a:hover {
	color:#FF6600;
}*/
#menuGauche dd div{
	padding:2px 2px 2px 12px; background: url(../visuels_sites/puce_ssmenu_gauche.gif) no-repeat left center;
}
#menuGauche dd a{
	color:black;
}
#menuGauche dd a:hover{
	color:#FF6600;
}

/*  ------------------------------------------
/*  Styles du bas de page
/*  ------------------------------------------ */
#page .basPage{
	height:25px; font: 9px/25px Verdana, Arial, Helvetica, sans-serif; text-align:right; padding-right:5px;
	clear:both; color:#666666;
}
#page .basPage a{
	color:#666666;
}
#page .basPage a:hover{
	color:#FF6600;
}


/*  ------------------------------------------
/*  Habillage des formulaires
/*  ------------------------------------------ */
form{ margin:0; }
.formulaire_spip { text-align: left; font-size: 0.77em; }
.formulaire_spip p { margin: 0.5em 0; padding: 0; }

.formulaire_spip fieldset {border:1px dashed #666666; font-size:12px; padding:5px 10px;}
.formulaire_spip legend {background-color:#FFB000; padding:0 4px; border:1px solid #666666;}

.formulaire_spip label {}
.formulaire_spip .forml { width: 99%; font-family: inherit; font-size: inherit; }

/* Boutons */
.spip_bouton { text-align: center; }
.spip_bouton input { background-color:#FF6600; color:white; }

/* 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:#333333;}
a:hover { text-decoration: none; color:#FF6600; }