/*  ----------------------------------------------------------- */
/*  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: #f6f6f6; 
	background-image: url(images/fond-page.gif); 
	background-repeat: repeat-x; 
	background-position: top left; 
	margin: 0;
	text-align: left;
	font-size: 1em;
	font-family:Arial;
	color: #333;
}

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

div#page {
	width: 980px;
	margin: 0 auto;
	background-image:url(images/fond-colonne-gauche.gif);
	background-repeat: repeat-y;
}

#bandeau { font-family: Arial, sans-serif; height: 160px; }
font.orange { color: #ff9105; }
font.gd-titre { font-size: 2em; font-weight: normal; font-family: Verdana, sans-serif; }

	div#direct { 
		position: absolute; 
		top: 10px;
		left: 60%;
		background: #ff9105;
		font-size: 0.77em;
		color: #ffffff;
		text-align: right;
		height: 18px;
		font-variant: small-caps;
	}
	div#direct p { margin:0; padding: 0 3px; }
	div#direct a { color: #ffffff; text-decoration: none; }



/* Blocs du conteneur (c-a-d. la zone principale) */

#conteneur { width: 100%; overflow: hidden; }

	#ariane { clear: both; height: 50px; width: 100%; color: #ff9105; padding-top: 10px; }
	#ariane .formulaire_recherche { float: left; width: 210px; } 
	#ariane .form-rech { float: left; width: 175px; margin-left: 10px; } 
	input.champ-rech { font-size: 13px; padding: 3px 0 3px 33px; background: #FFF url(images/rechercher.gif) no-repeat left center; 
	border: 1px solid #e2e2e2; color: #ff8105; width: 142px;}
	#ariane .bouton-rech { width: 25px; float: right; } 
	input.bouton-rech { text-align:left; color:#333; border: 1px solid #e2e2e2; background: #FFF; font-size: 13px; padding: 2px 0 2px 0px; }

	#ariane #hierarchie { width: 740px; float: right; font-size: 0.71em; padding-top: 12px; } 
	#ariane #hierarchie a { color: #ff9105; text-decoration: none; } 
	#ariane #hierarchie a:hover { text-decoration: underline; } 

	.anim-accueil { width: 740px; margin: 0 0 0 10px; float: right; background: #FFF url(images/fond_bloc_references.gif) no-repeat left top; }

	.ref {  }
	.ref .ref-top-accueil { height: 55px; width: 100%; }
	.ref .ref-top { height: 55px; width: 100%; background: #FFF url(images/references-top.gif) no-repeat left top; }
	.ref h2.titre-ref { color: #FFFFFF; padding: 16px 0 0 50px; font-variant: small-caps; font-size: 1.03em; 
		font-weight: bold; font-family: Verdana, sans-serif; }
	.ref .ref-bottom { background: #FFF url(images/references-bottom.jpg) repeat-y left top; padding: 10px; color: #555050; }
	.ref h3.titre { font-variant: small-caps; font-size: 0.88em; }
	.ref h3.cache { display: none; }
	a.titre-ref { color: #555050; text-decoration: none; font-weight: bold; }
	a.titre-ref:hover { text-decoration: underline; }
	.ref .ref-bottom .desc-ref { width: 90%; margin: 0 auto; overflow: hidden; font-size: 0.88em; font-family: Arial, sans-serif; }
	
	div.bloc-gauche { width: 375px; float: left; }
	div.bloc-droite { width: 375px; float: right; }
	div.bloc-top { background: url(images/bloc-top.gif) no-repeat left top; height: 57px; margin: 0; padding: 0; }
	div.bloc-top h2.titre-bloc { color: #FF9105; padding: 20px 0 0 60px; font-variant: small-caps; font-size: 0.96em; }
	div.bloc-milieu { background: url(images/bloc-milieu.gif) repeat-y left top; margin: 0; padding: 5px 10px 5px 30px; 
	min-height: 220px; overflow: hidden; color: #555050; }
	div.bloc-milieu h3.titre { font-variant: small-caps; font-size: 0.88em; }
	a.titre-bloc { color: #555050; text-decoration: none; font-weight: bold; }
	a.titre-bloc:hover { text-decoration: underline; }
	div.bloc-milieu .bloc-desc { overflow: hidden; padding-top: 15px; font-size: 0.88em; }
	div.bloc-bottom { background: url(images/bloc-bottom.gif) no-repeat left top; height: 21px; margin: 0; padding: 0; }
	
#conteneur #colonne-gauche {
	float: left;
}

#menu { float: left; width: 200px; font-family: Verdana, sans-serif; font-size: 0.96em; }
#menu ul li { list-style: none; line-height: 1.5; margin-left: -5px; }
#menu ul li.on { color: #FFFFFF; background: url(images/fond-menu.gif) no-repeat left top; }
	#menu a { color: #FF9105; text-decoration: none; font-variant: small-caps; }
	#menu a.on { color: #FFFFFF; text-decoration: none; font-variant: small-caps; padding-left: 30px; font-weight: normal; }
	#menu a:hover { color: #FFFFFF; text-decoration: none; font-variant: small-caps; background: #FF9105; }

p.orange {
	color:#FFA518;
	font-weight: bold;
	text-align: center;
}


#conteneur #contenu {
	float: right;
	width: 760px;
}

/* Non visible a l'ecran */
.invisible { position: absolute; top: -3000em; height: 1%; }

/* Espaceur de blocs */
.nettoyeur { clear: both; margin: 0; padding: 0; border: none; height: 0; line-height: 1px; font-size: 1px; }


/* Blocs du contenu (c-a-d. la colonne principale) */
#contenu .contre-encart {
	float: left;
	width: 21em;
}

div.accueil {font-family:Arial; font-size:11pt; color:#595959; text-align: justify; padding: 0 3px;}
div.autres-art {clear: both; }

#contenu .format-texte {
	font-family:Arial;
	color:#595959;
	text-align: left;
	padding-left: 50px;
	padding-right: 65px;
}

#contenu .encart {
	float: right;
	width: 11em;
	margin: 0;
	margin-bottom: 1em;
}

div#videos {
	text-align: center;
}

.formulaire_spip { clear: both; margin: 0.5em 0; }

a.titre-rub { font-variant: small-caps; font-size: 1.03em; color: #595959; text-decoration: none; font-weight: bold; }
a.titre-rub:hover { text-decoration: underline; }

a.titre-ss-rub { font-variant: small-caps; font-size: 0.96em; color: #595959; text-decoration: none; font-weight: bold; }
a.titre-ss-rub:hover { text-decoration: underline; }

a.titre-art { font-size: 0.88em; color: #595959; text-decoration: none; font-weight: normal; }
a.titre-art:hover { text-decoration: underline; }

a.titre-ss-art { font-size: 0.82em; color: #595959; text-decoration: none; font-weight: normal; }
a.titre-ss-art:hover { text-decoration: underline; }

div.suite { text-align: right; margin-top: -0.5em;margin-bottom: 1em; font-size: 12px;}

.pagination { clear: both;font-size: 0.90em; }

/* Encadrés */
#cadre0 {float: left; width: 494px; padding-left:5px; padding-right:5px; font-family:Arial; font-size:11pt; color:#595959; border: dotted #595959 1px; margin-bottom: 15px; text-align: justify;}
h3.titre-encadre {color: #0000FF; text-align: center; margin: 0.5em 0;}
#cadre1 {float: left; width: 230px; padding-left:5px; padding-right:5px; font-family:Arial; font-size:11pt; color:#595959; border: dotted #595959 1px; margin-bottom: 15px; text-align: justify;}
#cadre2 {float: right; width: 230px; padding-left:5px; padding-right:5px; font-family:Arial; font-size:11pt; color:#595959; border: dotted #595959 1px; margin-bottom: 15px; margin-right: 3px; text-align: justify;}



/* Pied de page */
#pied {
	clear: both;
	font-family:Verdana; 
	height: 100px;
	background: #ff9105;
	width: 100%;
}


	div.menubas {
	width: 980px;
	margin: 0 auto;
	padding-top: 10px;
	font-size:0.77em; 
	color:#FFFFFF;
	text-align: center;
	}
	div.menubas a { color: #FFFFFF; text-decoration: none; }
	div.menubas a:hover { text-decoration: underline; }
	
	div.baseline {
	clear: both;
	width: 980px;
	margin: 0 auto;
	text-align: center;
	font-size:0.77em; 
	color: #595959;
	padding-bottom: 0.5em;
	font-family:Verdana; 
	}
	div.baseline a { color: #595959; text-decoration: none; }
	div.baseline a:hover { text-decoration: underline; }

.sur-pied-gris { clear: both; height: 10px; background: #DEDEDE; width: 100%; }
.sur-pied-orange { clear: both; height: 10px; background: #FF9105; width: 100%; }
	
div.logo-partenaires { width: 100%; height: 55px; padding-top: 5px; background: #FFFFFF; margin: 0 auto; text-align: center; }


.sous-pied1 { clear: both; height: 40px; background: #DEDEDE; width: 100%; }
.sous-pied2 { clear: both; height: 40px; background: #FFFFFF; width: 100%; }

/*  ------------------------------------------
/*  Couleurs des liens
/*  ------------------------------------------ */


a:link.orange { color:#FFA517; text-decoration:underline; }
a:visited.orange { color:#FFA517; text-decoration:underline; }
a:hover.orange { color:#555050; text-decoration:underline; }

a:link.bleu { color:#0000FF; text-decoration:underline; }
a:visited.bleu { color:#0000FF; text-decoration:underline; }
a:hover.bleu { color:#FFA517; text-decoration:underline; }

a:link.gris { color:#595959; text-decoration:none; }
a:visited.gris { color:#595959; text-decoration:none; }
a:hover.gris { color:#0000FF; text-decoration:none; }

a:link.nb { color:#FFFFFF; text-decoration:none; }
a:visited.nb { color:#FFFFFF; text-decoration:none; }
a:hover.nb { color:#A6A6A6; text-decoration:none; }


/*  ------------------------------------------
/*  Formulaires et divers
/*  ------------------------------------------ */

input {  }
textarea { font-size:11pt; font-family:Arial; }
select { font-size:11pt; font-family:Arial; }

.contenu h1.titre-texte {
	font-size: 14pt;
	font-weight: bold;
	font-family: Verdana;
}

h2.titre-texte {
	font-size: 13pt;
	font-family: Verdana;
}

h3.spip {
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-size: 12pt;
	text-align: center;
	margin-top : 40px;
	margin-bottom : 40px;
	padding: 0em;
}

.detail {
	font-size: 8pt;
	text-align: right;
}

.detail2 {
	font-size: 8pt;
	font-style: italic;
	clear:both;
	text-align: right;
}

.detail3 {
	font-size: 8pt;
	font-family:Verdana; 
}


td { font-size:11pt; font-family:Arial; }
td.principal { padding-right:10px; padding-left:30px;}
div.chapo {font-family:Arial; font-size:11pt; font-weight: bold; color:#555050; }
div.corps {padding-left:50px; padding-right:60px; font-family:Arial; font-size:11pt; color:#555050;}
div.filet {line-height: 1px; text-align: center; padding-left:5px; padding-right:5px; background-color:#555050;}
div.menu {padding-top:10px; font-family:Verdana; font-size: 8pt; color:#555050;}
	img.img-menu { vertical-align: top;}
div.menu2 {margin-top:15px; font-family:Verdana; font-size:8pt; color:#555050;}
div.ssrub {font-family:Verdana; font-size:13pt;}
div.surtitre {padding-left:50px; padding-right:60px; font-family:Arial; font-size:11pt; color:#555050; }

.texte {clear:both;}

.spip_documents{
	font-family: Arial;
	color:#555050;
	font-style: italic;
}

h1 {
	font-family: Verdana;
	margin-top: 0em;
	margin-bottom: 0em;
	font-size: 15pt;
	font-weight: normal;
}

h2 {
	font-family: Arial;
	margin-top: 0em;
	margin-bottom: 0em;
	font-size: 13pt;
	font-weight: normal;
}

h3 {
	font-family: Arial;
	margin-top: 0em;
	margin-bottom: 0em;
	font-size: 11pt;
	font-weight: normal;
}

h3.spip {
	font-family: Arial;
	font-weight: bold;
	font-size: 11pt;
	text-align: center;
	padding: 0em;
}

h4 {
	font-family: Arial;
	margin-top: 0em;
	margin-bottom: 0em;
	font-size: 11pt;
	font-weight: normal;
}

ul.puce1 {
	list-style-image: url(images/puce1.gif);
	font-family: Arial;
	font-size: 12pt;
}

ul.puce1 li {
	margin-bottom: 1em;
}

/*  ------------------------------------------
/*  Style des BD deputes et senateurs
/*  ------------------------------------------ */

h2.titre-form {font-size: 18px; font-weight: bold; text-align: center; padding: 10px 0;}
div.intitule {clear: both; width: 30%; float: left; font-weight: bold; }
div.valeur {width: 68%; float: right;}
div.bouton-form {clear: both; padding: 10px 0 0 0; }
fieldset {
     position :              relative;
     top :                   0.5em;
     padding :               0 0.5em 0.5em 0.5em;
     border: 0;
}
html>body fieldset {
     padding-top :           1em;
     top :                   0;
 }
legend {
     position :              relative;
     top :                   -1em;
     padding :               0.4em;
 }