body {
	margin : 0;
	/*background-image : url(../images/fond_page.gif);*/
}

q, blockquote, .liste-articles li .texte, h3.spip, .voirskel {
	font-family: Verdana, Tahoma, Arial, sans-serif; }
	
/*  ------------------------------------------
/*  Disposition a l'ecran des blocs principaux
/*  ------------------------------------------ */
#page {
  position:relative;
	width:1000px;
	text-align: left;
	margin-left: auto;
	margin-right: auto;
}

#conteneur #contenu {
	float: left;
	width:690px;
	padding-left:50px; padding-right:50px;
	margin-left:10px;
}

.colonneG{float:left; width:315px; }
.colonneD{float:left; width:315px; margin-left:50px; }

.colonneD p { font-size:0.77em; text-align:justify;}
.colonneG p { font-size:0.77em; text-align:justify;}


.page_forum #page{background:#f0f1ff;}
.page_forum #page #conteneur #contenu {margin-left:100px; }
.page_forum #page #hierarchie {margin-left:60px; padding-top:12px; }
.liste-articles.spip_logos {
  float:left;
	margin-left: 0px;
	margin-bottom: 8px; 
  clear:both;}

.liste-articles li {color:gray;}
.liste-articles li div.texte {color:#4261a8; font-style:italic;}
.liste-articles li  a {color:#4261a8;}


#page_sommaire{	
background : url(../imgNav/fond_clocher_2007.jpg) top left no-repeat;}

body, #navigation, .encart, .formulaire_spip {
	font-family: Verdana, Tahoma, Arial, sans-serif; }

.chapo {
	margin-bottom: 1.5em;
	font-weight: bold;
	line-height: 1.4em; }

.lien {
	background: #EEE;
	margin: 1em;
	margin-bottom: 1.5em;
	padding: 0.82em;
	border: 1px solid #CCC;
	font-size: 0.82em;
	font-weight: bold; }

.texte { color: #000; font-size: 0.82em; text-align:justify;}

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


/* Pied de page */
#pied {
	clear: both;
	width: 100%;
	margin-top: 4em;
	border-top: 1px dotted #CCC;
	padding: 2px;
	text-align: center; }
#pied small { font-size: 0.62em;}
#pied small a {color:#999999;}
#pied img { vertical-align: bottom; }

#entete{border:none;}
#entete .formulaire_recherche { position:relative; float: left; }

/* Fil d'Ariane */
#hierarchie {
	clear: both;
	margin-bottom: 2em;
	font-size: 0.71em;
  font-style:italic;}
  
  

#contenu .surtitre, #contenu .soustitre {
    font-size: 1.03em;
    font-weight:bold;
    color:#4261A8;
    }


.titreFamille {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	font-weight: normal;
	color: #FFFFFF;
	line-height: 75%;
	letter-spacing : 5px;
}
.u_soustitre {font-family: Arial, Helvetica, sans-serif; font-size: 18px; font-weight:lighter; color: #FF9900; line-height: 20px}
.soussoustitre { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12pt; text-decoration: none; color:#CC0000; font-weight:bold; }
.sousTitreBleu {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 16px; font-weight: bold; color: #000099}
.lettrine { font-family: Arial, Helvetica, sans-serif; font-size: 36px; color: #CC0000; line-height:36px; background:#FFE092; padding-right:4px; padding-left:4px; margin-right:2px; }
.normal {
        font-family: Verdana, arial;
        font-size: 10pt;
        color: #000000;
        text-align : justify;
}

.intro {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12pt; line-height: 18px; color: #000000; font-weight:normal;}
.commentphoto {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9pt; font-weight: bold; color: #000000;}


.citations {  font-family: Geneva, Arial, Helvetica, sans-serif; font-size: 12px; font-style: italic; color: #5C5CFF; font-weight: bold}
.valoriser { font-family: Geneva, Arial, Helvetica, sans-serif; font-size: 11px; font-style: normal; color: #AA0000; font-weight: bold }
.valoriser2 {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14pt;
        font-weight: bold;
        color: #CC0000;
}





.rubriquesPlan {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 14pt;
	font-weight: bold;
	color: #BB0000;
	text-align : center;
	width : 100%;
	padding : 2px;
}
.valoriserbleu {
	font-family: Verdana, Arial, Helvetica, san-serif;
	font-size: 12pt;
	font-style: normal;
	color: #0000CD;
	font-weight: bold;

}
.navigationInterne { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; text-decoration: none; color:#660000; font-weight:bold; }
.navigationInterne2 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; text-decoration: none; color:#006699;  }
.normalnonJustif { font-family: Verdana, arial; font-size: 10pt; color: #000000; }
.citationReference { font-family: Geneva, Arial, Helvetica, san-serif; font-size: 9pt; font-style: normal; color: #006699; font-weight: bold}
.valoriserbleu12 { font-family: Verdana, Arial, Helvetica, san-serif; font-size: 11pt; font-style: normal; color: #0000CD; font-weight: bold; }





.formcourriel {
        color: black;
        margin: 0px;
        margin-bottom: 16px;
        padding: 4px;
        border: 1px solid #a0a0a0;
        background-color: #f6f6f6;
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 80%;
        font-weight: normal;
		width:600px;
		margin:10%;
}
.formcourriel .titrecourriel{
	text-align:center;
	font-size: 120%;
	color : #241193;
	font-weight : bold;
}
.formcourriel .txtbox{
        color: black;
        margin: 0px;
        padding: 4px;
        border: 1px solid #a0a0a0;
        background-color: #fafafa;
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 100%;
        font-weight: normal;
		width:150px;
}
.formcourriel .txtareabox{
        color: black;
        margin: 0px;
        padding: 4px;
        border: 1px solid #a0a0a0;
        background-color: #fafafa;
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 100%;
        font-weight: normal;
		width:590px;
		height:250px;
}
.titre {font-family: Arial, Helvetica, sans-serif; font-size: 1.72em; font-weight:bold; color: #CC6600; line-height: 2em}
a.asoustitre{color:#4261A8; font-family:Verdana,Arial,Sans-serif; }
h3 a.bsoustitre{color:#4261A8; font-family:Verdana,Arial,Sans-serif; font-weight:bold; font-size:0.92em}



/* Tableaux */
.tableau_jaune table.spip {
	border: 1px solid #af6711; color:#af6711;
	}
.tableau_jaune table.spip caption {
  }
.tableau_jaune table.spip tr.row_first { }
.tableau_jaune table.spip tr.row_odd { background: #f8f8d0; }
.tableau_jaune table.spip tr.row_even { background: #feeebd;}
.tableau_jaune table.spip th, table.spip td { padding: 16px; text-align: left; vertical-align: middle; }

.tableau_bleu table.spip {
	border: 1px solid ##405b90; color:#405b90;
	}
.tableau_bleu table.spip caption {
  }
.tableau_bleu table.spip tr.row_first {  }
.tableau_bleu table.spip tr.row_odd { background: #eae6ff; }
.tableau_bleu table.spip tr.row_even { background: #e1ddf5; }
.tableau_bleu table.spip th, table.spip td { padding: 16px; text-align: left; vertical-align: middle; }

.tableau_rouge table.spip {
	border: 1px solid #723e00; color:#723e00;
	}
.tableau_rouge table.spip caption {
  }
.tableau_rouge table.spip tr.row_first {  }
.tableau_rouge table.spip tr.row_odd { background: #ffb252; }
.tableau_rouge table.spip tr.row_even { background: #ff9149; }
.tableau_rouge table.spip th, table.spip td { padding: 16px; text-align: left; vertical-align: middle; }

#bandeau_flash{float:left; width:1000px; height:64px; margin:0; padding:0;}
.nav_conteneur {float:left; width:1000px; height:25px; background:#4261a8; margin:0;}
.nav_ligne {padding-left:10px; float:left; height:25px; width:78%;
             font-family:"arial narrow",arial,sans-serif; padding-top:0; 
             font-size:0.96em; letter-spacing:0.05em; font-weight:normal; color:white; }
/* styles appliqués aux onglets des secteurs actifs ou non actifs */
.rubligneon{background:#014872;}
.rubligne{background:#4261A8;}

/* Formulaire de recherche */

.formulaire_recherche { width: 14em; text-align: left; height:25px; margin-top:2px; }
.formulaire_recherche label { display: none; }
.formulaire_recherche input.submit {display:none;}
.formulaire_recherche input.text {width:12em; }

#bouton_rechercher{
	float:left;
	position:relative
	width:36px;
	padding-top:2px;
	height:23px;
  background:#4261A8;
}
#conteneur #navigation {
	float: left;;
	width: 186px;
	padding-top:40px;
	font-size:0.88em;
	text-align:left;
	background-image : url(../IMG/img_nav/fond_navig.jpg);
	background-position : top;
	background-repeat : no-repeat;
}
#conteneur #col_droite {
	float: left;
	width:75%;
	margin-left:10px;
}

a.liens_bandeau:hover {background:#283A65;}
a.liens_bandeau {/*padding:0px 6px 2px 6px; */color:white;}

a.lienTitreRubrique {color:#4261A8;}

/* styles pour la navigation */

.nav_rub_courante{
	float:left;
	width:178px;  /* 186 -8 de padding */
	padding:4px;
	padding-top:8px;
	padding-bottom:8px;
	/*background:#F2EBCA;
	border-bottom:solid 2px #FF7745; */
	font-size:0.88em;
    font-weight:bold;
	text-align:center;
	letter-spacing:0.2em;
	margin-bottom:5px;
}
a.rub_courante{
		color:#CC6600;
		text-decoration:none;
}
a.rub_courante:hover{
			text-decoration:underline;
}
.nav_rubrique_on, .nav_article_on{
	float:left;
	width:100%;
  padding-top:5px;
	padding-bottom:5px;
	border:solid 1px #EFCEAD;
}

.nav_rubrique{
  float:left;
	width:100%;
	padding-top:5px;
	padding-bottom:5px;
	border-bottom:solid 1px #EFCEAD;
}
.nav_conclusion{
  float:left;
	width:100%;
	height:1px;
	border:solid 1px #EFCEAD;
}
.nav_lien_aligneG{
	float:left;
	width:14px;
	margin-left:4px;
}
.nav_lien_aligneD{
	float:left;
	width:75%;
	font-size:0.77em;
	margin-bottom:4px;
}
.profondeur1{
margin-top:4px;
margin-bottom:4px;
}
.profondeur2{
margin-top:4px;
margin-bottom:4px;
margin-left:12px;
}
.colonnePlanG{float:left; width:47%;  border-right:solid 1px #CC6600; padding-left:16px;}
.colonnePlanD{float:left; width:47%; padding-left:16px;}

h3.spip{color:#CC0000; text-align:left;}
.divers{width:40%;}

.liste_plan{
	padding-left:12px;
	font-family:Verdana,Arial,Sans-serif;
	font-size:11px;
}
 .titreRubrique{
	margin-top:16px;
}

/* sommaire */
/* les divs hidden sont révélés par le js après positionnement correct */
a.titreFamilleAccueil{ font-family:Verdana, Arial, Helvetica, sans-serif; letter-spacing:0.05em; font-size:1.15em;
                       color: #CC6600; font-weight:bold;}

#degageSommaire{float:left; width:10px; height:350px; }/* la largeur est arbitraire seule compte la hauteur*/
#titreSommaire{ position:absolute; width:260px; height:374px; /*coords corrigees par sommaire.js*/
                padding-top:8px;visibility:hidden;
                }
#titreSommaire p.premier_titre{font-size:0.92em; margin-bottom:4px; text-align:center;}
#titreSommaire p.premier_titre i{font-size:0.92em; font-style:italic; color : #919191; }

#fla_sommaire {position:absolute; width:564px;
               visibility:hidden;}
#fla_sommaire h1 a{font-size:0.67em; color:#bb0000; font-style:italic; font-weight:bold;
                  text-align:right; letter-spacing:-0.02em; margin-top:8px;}
#fla_sommaire h1 .citations{color:#5C5CFF; font-size:0.82em; font-weight:normal;}

#zone_defilants{ position:absolute; width:242px; height:226px; padding:8px; padding-top:0;
                 font-size:0.77em; text-align:justify; overflow:hidden;
                 background-image:url(../IMG/img_nav/fond_news.gif);
                 border:1px solid #f7d584; border-bottom:none;
                 margin-top:8px; display:inline;
                 }
#zone_defilants a {color: #CC6600; font-weight:bold; text-align:left;}
#zone_defilants p {font-size:0.88em; margin-top: 4px; }
                 
#defile1,#defile2,#defile3,#defile4,#defile5,#defile6,#defile7,#defile8,#defile9,#defile10,#defile11,#defile12{
          position:absolute; text-align:justify; width:234px; height:105px; margin-left:8px;
          border-bottom: 1px solid #f7d584;
          visibility:hidden; overflow:hidden; }


a.accesSommaire{text-decoration:none; color:#4261A8;}
a.accesSommaire:hover{text-decoration:underline;}

/* ****************** menus déroulants *************************** */

/* position x corrigées pour ie dans le hack */
#md1{position:absolute; width:200px;  top:89px; left:10px;   visibility:hidden; z-index:1000;   }
#md2{position:absolute; width:200px;  top:89px; left:149px; visibility:hidden; z-index:1000;}
#md3{position:absolute; width:200px;  top:89px; left:337px; visibility:hidden; z-index:1000;}
#md4{position:absolute; width:200px;  top:89px; left:549px; visibility:hidden; z-index:1000;}
#md18{position:absolute; width:200px; top:89px; left:611px; visibility:hidden; z-index:1000;}
#md19{position:absolute; width:200px; top:89px; left:703px; visibility:hidden; z-index:1000;}

.conteneur_menu{
width:252px;
font-size:70%; font-family:verdana,arial,sans-serif;
color:#4261a8;
border-left:1px solid #9cc0ff;}

.menu_item{
padding:4px;
padding-left:8px;
background:#e8f1ff;
border-bottom:1px solid #ffffff;
text-align:left;
letter-spacing:-0.05em;
}

.menu_lien:link {text-decoration:none; color:#476666;}
.menu_lien:visited {text-decoration:none; color:#476666;}
.menu_lien:hover {text-decoration:none; color:#FFFFFF; background:none;}

/* ajouts 2009 */
.drapeaux {width:260px;}
.drapeaux img {padding-left:10px; padding-right:10px;}