/*  ----------------------------------------------------------- */
/*  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 {
	font-size: 100%; font-color:white; background:#003366 url(../visuels_charte/fond_page.jpg) no-repeat left top; margin:0;
}

.fondAccueil {
	font-size: 100%; font-color:white; background:#003366; margin:0;
}
#flashAccueil {
	margin-top:3px; margin-left:70px;
}
#menuAccueil {
	margin:30px 0 0 20px; width:380px; font:75% Verdana, Arial,Helvetica, sans-serif; color:white;
}
#menuAccueil .blocMenu {
	width:84px; height:136px; margin-right:10px; margin-top: 8px; text-align:center; float:left; padding-top:1px;
	background: url(../visuels_charte/bas_blocmenu.gif) no-repeat center bottom;
}
#menuAccueil .blocMenu a {
	border:1px solid #FF0;
}
#menuAccueil .blocMenu a:hover {
	border:1px solid #F90;
}


#page {
	margin-right:auto; margin-left:auto; text-align:left; width:950px;
}
#menu {
	height:170px; text-align:left; font:75% Verdana, Arial,Helvetica, sans-serif; color:white; clear:both;
}
#menu .blocMenu {
	width:84px; height:136px; margin-right:10px; margin-top: 8px; text-align:center; float:left; padding-top:1px;
	background: url(../visuels_charte/bas_blocmenu.gif) no-repeat center bottom;
}
#menu .blocMenu a {
	border:1px solid #FF0;
}
#menu .blocMenu a:hover {
	border:1px solid #F90;
}

#page .colonneGauche {
	width:260px; float:left; margin-right:5px;
}
#page .colonneGauche h1{
	font:180% Georgia, "Times New Roman"; color:white; margin:0;
}
#page .colonneGauche h2 {
	font:120% Georgia, "Times New Roman"; color:#FC0; margin:0;
}


#page .colonneLarge {
	width:670px; float:left; margin-left:5px;
}
#page .colonneLarge h2 {
	font:120% Georgia, "Times New Roman"; color:white; margin-top:10px;
}
#page .colonneLarge h3 {
	font:120% Georgia, "Times New Roman"; color:#FFCC00; margin-top:10px; text-align:left;
}
#renseignement {
height:63px; background: url(../visuels_charte/bloc_renseignement.gif) no-repeat top center; text-align:center;	
}
#renseignement p{
	font: 75% Arial, Helvetica, sans-serif; color:white; padding:20px 0 0 0;
}
#renseignement a{
	color: white; text-decoration:none;
}
#renseignement a:hover{
	color:#FC0;
}

#page .chapo {
	font: 105% Georgia, "Times New Roman", Times, serif; color: #FFCC00; text-align: left;
	margin-top:20px;
}
#page .texte {
	font: 75%/120% Verdana, Arial; color: white; text-align: justify;
	margin-top:20px;
}
#page .legende {
	font: 65% Verdana, Arial; color: white; text-align: center;
}
#page .legende a {
	color: white; text-decoration:none;
}

#menuSecondaire {
	margin:8px 0 20px 0;
}
#menuSecondaire ul, li{
	margin:0; padding:0; list-style:none; display:inline; color:white;
}
#menuSecondaire a{
	font: 75% Verdana, Arial, Helvetica, sans-serif; color: white; text-decoration:none;
	padding-bottom:3px; border-bottom: 3px solid #FF0;
}
#menuSecondaire a:hover{
	padding-bottom:3px; border-bottom: 3px solid #F00;
}

#sommaireRoller {
	margin:10px 3px 20px 3px; float:left; width:160px; height:142px; text-align:center;
	background: url(../visuels_charte/bas-sommaire.gif) no-repeat center bottom;
}
#sommaireRoller h1{
	font: bold 85% Verdana, Arial, Helvetica, sans-serif; color: white; background: url(../visuels_charte/fond_titre.gif) no-repeat center center;
	padding:3px 0; margin:0;
}
#sommaireRoller a{
	font: bold 70% Verdana, Arial, Helvetica, sans-serif; color: #003366; text-decoration:none;
	padding:3px;
}
#sommaireRoller a:hover{
	padding-bottom:3px; border-bottom: 3px solid #F00;
}

#sommairePercu {
	margin:10px 3px 20px 3px; float:left; width:160px; height:142px; text-align:center;
	background: url(../visuels_charte/bas-percu.gif) no-repeat center bottom;
}
#sommairePercu h1{
	font: bold 85% Verdana, Arial, Helvetica, sans-serif; color: white; background: url(../visuels_charte/fond_titre_percu.gif) no-repeat center center;
	padding:3px 0; margin:0;
}
#sommairePercu a{
	font: bold 70% Verdana, Arial, Helvetica, sans-serif; color: white; text-decoration:none;
	padding:3px;
}
#sommairePercu a:hover{
	padding-bottom:3px; border-bottom: 3px solid #F00;
}

#sommaireSpect {
	margin:10px 3px 20px 3px; float:left; width:160px; height:142px; text-align:center;
	background: url(../visuels_charte/bas-spect.gif) no-repeat center bottom;
}
#sommaireSpect h1{
	font: bold 85% Verdana, Arial, Helvetica, sans-serif; color: white; background: url(../visuels_charte/fond_titre_spect.gif) no-repeat center center;
	padding:3px 0; margin:0;
}
#sommaireSpect a{
	font: bold 70% Verdana, Arial, Helvetica, sans-serif; color: white; text-decoration:none;
	padding:3px;
}
#sommaireCirque a:hover{
	padding-bottom:3px; border-bottom: 3px solid red;
}

#sommaireCirque {
	margin:10px 3px 20px 3px; float:left; width:160px; height:142px; text-align:center;
	background: url(../visuels_charte/bas-cirque.gif) no-repeat center bottom;
}
#sommaireCirque h1{
	font: bold 85% Verdana, Arial, Helvetica, sans-serif; color: white; background: url(../visuels_charte/fond_titre_cirque.gif) no-repeat center center;
	padding:3px 0; margin:0;
}
#sommaireCirque a{
	font: bold 70% Verdana, Arial, Helvetica, sans-serif; color: white; text-decoration:none;
	padding:3px;
}
#sommaireCirque a:hover{
	padding-bottom:3px; border-bottom: 3px solid #F00;
}
#signature {
	font: 0.65em Verdana, Arial; color:white; text-align:left; margin-top:5px; margin-left:auto; margin-right:auto; width:950px;
}
#signature a{
	text-decoration:none; color:#FC0;
}


/*  ------------------------------------------
/*  Couleurs des liens
/*  ------------------------------------------ */
a { text-decoration: none; color:white}

a:hover { text-decoration: none; color:#FFCC00}

/*  ------------------------------------------
/*  style de la barre typo enrichie
/*  ------------------------------------------ */
.texteencadre-spip {
	color: white;
	border : 1px solid white;
	margin: 1em 0;	
	padding: .20em;	
	width:74%;
}

.caractencadre-spip {
	color: #F60;
	font-weight: normal;
}

.caractencadre2-spip {
	color: #F60;
	font-weight: normal;
}

acronym.spip_acronym {
	cursor: help;
	border-bottom: 1px dotted;
}

/* ne marche pas sur MSIE, a refaire en jQuery */
a[hreflang]:after {
content: "\0000a0[" attr(hreflang) "]";
color: #999;
background: transparent;
font-size:x-small;
}

a.spip_blank {
	color: #F00;
}

/* Pour le mode preview dans l'admin */
#article_preview {
	display:none;
	border:1px solid #F00;
	overflow: auto;
	background-color: #FFF;
	padding: 0 1em;
}

sup {
	vertical-align:20%;
	font-variant: small-caps;
	font-size: .5em;
}