/* CSS Document */

.body #conteneur {
	width:1000px;
	margin:0 auto;
	padding:0;
	position:relative;
	background:#fff;
	text-align:left;
}

.body #entete {
	width:100%;
	height: 150px;
	top: 0px;
	border:none;
	margin:0;
	z-index:1000;
	
}

.img {text-align:left;margin:0; padding:0;}

.definition_irenees {
	width:350px;
	margin:-50px 0 0 348px;
	color:#39c;
	font-style: italic;
	letter-spacing: 2px;
	font-size:11px;
}

#rubriques_entete{
	text-transform: lowercase;
	font-weight:700;
	font-size: 12px;
	width:220px;
	height:30px;
	z-index:20;
	margin:-50px 0 0 790px;
	color:#39c;
}


.body #gauche {
	top:223px;
	left:0;
	width:145px;
	padding:0;
	position:absolute;
}

#gauche p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#39c;
	font-size: 12px;
	font-style: italic;
	text-align: right;
	width:140px;
	line-height:18px;
}

#formulaire_recherche {
	margin:50px 0 0 0;
	color: #999999;
	letter-spacing: 2px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align: left;
}

#recherche {
	width:100px;
	height:15px;
	float:left;
	margin:5px 0 0 0;
	text-transform: lowercase;
	letter-spacing: 3px;
	color: #333333;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-align: center;
	vertical-align: text-top;
	-moz-box-shadow: 0 0 3px 2px #ccc;
	-webkit-box-shadow: 0 0 3px 2px #ccc;
	box-shadow: 0 0 3px 2px #ccc;
	-webkit-appearance: none;
	/* For IE 8 */
	-ms-filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#cccccc');
	/* For IE 5.5 - 7 */
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#cccccc');
}

#formulaire_recherche .submit {
	float: right;
	padding:5px 2px 3px 0;
}

#input_recherche {
	width:145px;
	height:30px;
	padding-bottom:5px;
	clear:both;
}

#label_recherche {width:145px;}


.irenees-droite-Encart {
 margin-bottom: 20px;   
}

#droite {
	top:315px;
	right:0;
	width:160px;		
	position:absolute;
}

#droite_liensArea {
    padding:9px;
    border:solid #ccc 1px;
    background-color:#fff;
    -moz-box-shadow: 0 0 5px 5px #ccc;
    -webkit-box-shadow: 0 0 5px 5px#ccc;
    box-shadow: 0 0 5px 5px #ccc;
    border-radius:13px;
    /* For IE 8 */
    -ms-filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#cccccc');
    /* For IE 5.5 - 7 */
    filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#cccccc');
}


#droite h4 {
    margin-top: 8px;
    margin-bottom: 3px;
    font-size: 11px;
    font-variant: small-caps;
}

#droite ul {
list-style-type:none;
margin:0 0 0 3px;
padding:0;
font-size:12px;
}

#droite ul li{
background-image:url(/IMG/puce_bleu_petite.gif);
background-repeat:no-repeat;
background-position:0px 7px; 
padding-left:12px;
margin-top:5px;
}

.actualites {
text-align:center;
}

/*might need to add a fix for IE6 for left and right colomns */

.body #centre {
	padding: 5px 5px;
	margin: 20px 190px 0 152px;
	min-height:500px;
}

.body #contenu {margin-top:20px;min-height:450px;}
	
#hierarchie {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	margin:0;
	padding:0;
}

#hierarchie_fiche p {
    font-size: 12px;
    margin:0;
    padding:0;
}

#hierarchie a {color:#666;}

.ariane{padding:0; margin:0;position:relative;}

/* rubrique outils d'analyses */

#description_rub_outils {padding:0;}

#liste_sous_rubriques{border-bottom:1px #999999 dotted;}

#liste_sous_rubriques .titre {padding:0; margin:0; font-weight:bold;}

#liste_sous_rubriques p {padding-bottom:10px;}

#liste_sous_rubriques .titre_outil_analyse {display:block;padding-bottom:10px;}

#menu_onglets {}

#menu_onglets ul {list-style:none;padding:0;margin:0;border-bottom:dotted #ccc 1px;}

#menu_onglets ul ul {list-style:none;padding:0;margin:0;}

#menu_onglets ul ul li {display:inline; border-right:solid #39c 2px;padding-right:5px;}


#premiere_soussection_texte {
width:100%;
clear:both;
overflow:visible;
padding-top:5px;
}

#soussection_texte {
width:100%;
clear:both;
overflow:visible;
padding-top:25px;
}

#soustitre_texte {
border-bottom:1px #cccccc dotted;
color:#333;
padding:5px 0 5px 3px;
}



/* */

/* chapitres des outils d'analyses */
#menu_onglets_outils_analyses {padding-top:2px;margin-top: 10px; margin-bottom: 30px;}


#menu_onglets_outils_analyses  ul {
list-style: none;
border-bottom: 4px #999 solid;
padding-bottom: 3px;padding-left:0;}


#menu_onglets_outils_analyses ul li {display: inline;}

#menu_onglets_outils_analyses ul li a {
color:#999999;
text-decoration: none;
background: #f7f7f7;
border: 1px #CCCCCC solid;
border-bottom: none;
padding: 3px 2px;
}

#menu_onglets_outils_analyses ul li a:hover,
#menu_onglets_outils_analyses ul li a.active:hover {
padding: 10px 2px 4px 2px;
color:#fff;
background:#930;
border-top:1px #930 solid;
border-left:1px #930 solid;
border-right:1px #930 solid;
}

#menu_onglets_outils_analyses .on {
color:#fff;
background:#930;
border: none;
padding: 10px 2px 4px 2px;
border-top:1px #930 solid;
border-left:1px #930 solid;
border-right:1px #930 solid;
}

#documents_joints {
    margin-top: 30px;
    border-top:1px #930 solid;
    padding-top: 5px;
}

/* contenu articles reseau */

#article {margin-top:15px;}

/* contenu articles */
#entete_article {
	padding-bottom:10px;
	border-bottom:1px #666 solid;
}

.auteur_article {
	font-size:12px;
	font-weight:normal;
}

.soustitre_article, .credit {
    font-style: italic;
}

.chapo {
font-weight:bold;
padding-bottom:15px;
}

/* breves */
#contenu_breve {
padding: 0 25px;
}


/* tableaux */

/*  permet de modifier le comportement général du tableau, notamment ses dimensions, ses marges et sa position (calé à gauche, centré, etc.) */
table.spip, #contenu table.TABLE { 
border:1px #ccc solid;
font-family:Geneva, Arial, Helvetica, sans-serif;
font-size:12px;
margin: 10px 10px 20px;
}
table, ul {page-break-inside: avoid;}


/*  concerne la légende (optionnelle) du tableau */
table.spip caption {font-weight:bold;margin-top:10px;}

/* concerne la « première ligne » du tableau. Pour que la première ligne soit prise en compte comme rangée de titres, il faut que chacun des éléments qu’elle contient soient en gras */

table.spip tr.row_first, #contenu table.TABLE td.BdfEntete {background-color:#6CACCC;color:#000;}

table.spip .col_first {color:#000;font-weight:700;}

table.spip td:first-child {background-color:#94cbe6;vertical-align:middle;}

/* pour les autres lignes. Un des intérêts de ces styles est la possibilité d’appliquer deux couleurs différentes via « row_odd » et « row_even » (ici, gris clair et gris foncé), permettant d’alterner les couleurs d’une ligne à l’autre, ce qui facilite agréablement la lecture du tableau. */
table.spip tr.row_odd {background-color:#ccc;}

table.spip tr.row_even {background-color:#e5e5e5;}


/* concernent les cellules du tableau, et permettent, par exemple, de contrôler leur espacement intérieur (padding), afin d’aérer la présentation. */


table.spip th, table.spip td, #contenu table.TABLE td, #contenu table.TABLE th {vertical-align:top;padding:5px; }

/* tableau rouge */

#tableau_rouge table.spip { 
border:1px #ccc solid;
font-family:Geneva, Arial, Helvetica, sans-serif;
font-size:10px;
margin: 10px 10px 20px;
}

#tableau_rouge table.spip caption {font-weight:700;margin-top:10px;}

#tableau_rouge table.spip tr.row_first {background-color:#993400;color:#000;}

#tableau_rouge table.spip td:first-child {background-color:#CC6733;vertical-align:middle;}

#tableau_rouge table.spip .col_first {color:#000;font-weight:700;}

#tableau_rouge table.spip tr.row_odd {background-color:#ccc;}

#tableau_rouge table.spip tr.row_even {background-color:#e5e5e5;}

#tableau_rouge table.spip th, #tableau_rouge table.spip td {vertical-align:top;padding:5px; }



/* listes */
/*listes spip */
ul.spip ul, ul.LIST ul {
list-style-type:none;
margin:0;
padding:0;
}

ul.spip li, ul.LIST li {
    list-style-image:url(/IMG/puce_rouge_petite.gif);
}

/*listes puce bleu moyenne */
ul.puce_bleu_moyenne
{
list-style-type: none;
padding: 0px;
margin: 0px;
}
ul.puce_bleu_moyenne li
{
background-image: url(/IMG/puce_bleu_moyenne.gif);
background-repeat: no-repeat;
background-position: 0px 13px;
padding-left: 14px;
padding-top:7px;
}


/* affichage des images et documents spip */
.spip_documents_left {display:block;max-width:320px;float:left;padding:10px 10px 10px 0px;}
.spip_documents_left img {border:1px #666 solid;}

.spip_documents_center {display:block;text-align:center;padding:10px 0px;}
.spip_documents_center img {border:1px #666 solid;}

.spip_documents_right {display:block;max-width:320px;float:right;padding:10px 0 10px 10px;}
.spip_documents_right img {border:1px #666 solid;}



#description_rub {
    padding-bottom:10px;
}


h3.spip {
color: #3399CC;
clear: left;
font-size: 14px;
margin-bottom: 5px;
margin-top: 15px;
}

/** Modèle bloc_fiches.html **/
#bloc_fiches  {
margin-left: 5px;
margin-right: 5px;
border-bottom: 1px #999999 dotted;
padding-bottom: 3px
}

#bloc_fiches ul {
list-style: none;
margin-left: 0;
margin-top: 10px;
padding: 0;
}

#bloc_fiches li {
border-left: 2px solid #3399CC;
display: block;
padding-left: 2px;
margin-right: 25px;
font-size: 13px;
margin-top: 0;
margin-bottom: 0;
padding-top: 1px;
padding-bottom: 4px;
}

div.bloc_fiches_liste {
float: left;
}

div.bloc_fiches_debut {
width: 55%;
clear: left;
}

div.bloc_fiches_debut_niveau1 {
    padding-top: 10px;
width: 55%;
}

div.bloc_fiches_debut ul, div.bloc_fiches_debut_niveau1 ul {
margin-right: 20px;
}

div.bloc_fiches_suite_niveau1 {
    padding-top: 10px;
width: 40%;
float: right;
}

div.bloc_fiches_suite {
width: 40%;
}

/** Modèle bloc_collections.html **/
#bloc_collections {
border-bottom:dotted #CCC 2px;
padding:5px 0 15px 0;
text-align:left;
display:block;
}

#bloc_collections ul {list-style:none; margin:0;padding:0;} 

#bloc_collections li {font-size: 13px; display:inline; border-left:solid #39C 2px;padding:0 6px 0 2px;} 


/** Modèle bloc_axes.html **/
#bloc_axes {
margin-left: 5px;
margin-right: 5px;
border-bottom: 1px #999999 dotted;
padding-bottom: 3px
}

#bloc_axes ul {
list-style: none;
margin-left: 0;
margin-right: 0;
margin-top: 10px;
padding: 0;
}

#bloc_axes li {
border-left: 2px solid #3399CC;
display: block;
padding-left: 2px;
margin-right: 25px;
font-size: 13px;
margin-top: 0;
margin-bottom: 0;
padding-top: 1px;
padding-bottom: 4px;
}

#bloc_axes_axegeo {
width: 30%;
}

#bloc_axes_axethema {
width: 70%;
}

div.bloc_axes_liste {
float: left;

}

div.bloc_separateur {
clear: both;
height: 10px;
}

div.Titre_Droite {
  text-align: center;
  color: #666666;
  margin-top: 10px;
  margin-bottom: 3px;    
}