/*  ----------------------------------------------------------------- */
/*  Feuille de style Conseil Général de la Nièvre            */
/*  ----------------------------------------------------------------- */

body {
    background-image:url('/IMG/main/fond3.png');
    background-repeat:repeat-y;
    background-position:right;  
    margin: 0; 
    text-align: center;
    font-family: Arial, Verdana, Tahoma, sans-serif;
    font-size: 0.8em; 
    color: #333;
}

img, table, form { margin: 0; padding: 0; border: none; }

#cadre{
width:80%;
border:1px solid #dedede;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
padding:10px;
}

hr {width:100%;
margin-top:10px;
border: 0;
border-bottom: 1px #EFEFEF solid;
height: 1px;
}

/* TITRES_______________*/
h2 { color: #912400;
font-size:1.3em;
font-weight:bold;
}

h3 { color: #446A16;
font-size:1.2em;
}

h4 { color: #000031;
font-size:1.0em;
}

h4 { color: #FF5C00;
font-size:1.0em;
}

/*h5 { color: #000090;
font-size:0.9em;
margin-left:25px;
}*/

.intro {
color:#912400;
}

.lire_la_suite {
float:right;
}

/* LIENS_____________*/
a { text-decoration: none; color:#00007F; }
a:visited { text-decoration: none; color: #00007F }
a:hover { text-decoration: underline; }

/* effet d'opacité sur les images*/
a:hover img {
    filter:alpha(opacity=90);
   -moz-opacity:0.8;
   -khtml-opacity: 0.8;
   opacity: 0.8;
}


/* tableaux ____ */ 
table { border-style:solid; 
border-width:1px; 
border-color:#c0c0c0;
}
/*entêtes*/
th { text-align:center;
background-color:#dedede;
font-weight:bold;
}
/* lignes*/
td { border-style:dotted; 
border-width:1px; 
border-color:#c0c0c0; 
background-color:#fff;
}

.noborder, .noborder table, .noborder td {border-style:none; 
border-width:0px; 
border-color:#fff;
text-align:left;
}


/* titres de rubriques*/
a.titre_actu:link { margin: 0; padding: 0;  font-weight: bold; color:#fff;}
a.titre_actu:visited {font-weight: bold; color:#fff;}
a.titre_actu:hover {color: #fff; text-decoration: none; }
a.titre_actu:active {color: #fff; text-decoration: none;}

.bloc_titre_actu{
width:100%;
height:18px;
padding-left: 4px;  padding-top: 2px; 
background:url('/IMG/main/back_actu2.jpg'); 
background-repeat:no-repeat; 
}
.bloc_titre_actu:hover{
width:100%;
height:18px;
padding-left: 4px;  padding-top: 2px; 
background:url('/IMG/main/back_actu2_on.jpg'); 
background-repeat:no-repeat; 
}

a.titre_article:link { margin: 0; padding: 0;  font-weight: bold; color:#913F00; }
a.titre_article:visited {margin: 0; padding: 0;  font-weight: bold; color:#913F00; }
a.titre_article:hover {color: orange; text-decoration: underline; }
a.titre_article:active {color: #8A4500; text-decoration: underline;}

.titre_actu { color:#912400; }

/* BLOCS PRINCIPAUX _______*/
#page {width:99%; 
text-align: left;
margin:0px;     
min-height:960px;
}

#menu_gauche {position:absolute;    
top:210px;  
width:150px;
left:0px;   
}

#conteneur { 

}

#conteneur #contenu {margin:30px 175px 0 185px; 
overflow:auto;  
min-height:550px;
}

#conteneur #navigation {text-align: center; 
}

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

#raccourci_haut {z-index:100;
text-align: center;
margin: 0px 0px;
padding : 0px 0px;
position:absolute;
top:-15px;
right:60px;
}

#raccourci_haut li {display: inline;
}

#raccourci_haut a {color:#000;
font-size:0.85em;
background: #fff;
}
#raccourci_haut a:hover {background: #FAF1C6;
}

#entete {width:100%;
}
    
#entete #nom_site_spip, #entete a .spip_logos {display: block;
float:left;
font-weight:bold;
font-size:1.5em; 
}

#entete a {text-decoration: none;}
.formulaire_recherche {float: right; position:absolute; top:209px; right:20px;}

#header_nievre {
z-index:4;
align:right; 
position:absolute; 
float:left;
width:43px; 
height:180px;   
top:0px;
left:0px;
background-image: url("/IMG/main/h_nievre.jpg") ;
}

#header_banniere {z-index:3;
margin-top:0px; /*7*/
position:relative;       
height:180px;   /*158*/
width:100%;
overflow:hidden;
}

/*#header_logo {
z-index:100;
position:absolute;  
top:10px;
left:10px;
width:110px;       
height:58px;  
background-image: url("/IMG/main/h_logo2.gif") ;
background-repeat:no-repeat;
cursor:pointer;
}*/

#header_topright {z-index:20;   
position:absolute;  
width:52px; 
height:180px;   
top:0px;
right:5px;
background-image: url("/IMG/main/h_topright4.gif") ;
}

#cache_1{z-index:3; 
position:absolute;  
width:32px; 
height:165px;   
top:0px;
right:0px;
background-color:#ffffff;
}

/*
#barre_jour {position:absolute; 
width:100%;
height:7px;   
background-color:#FAA814;   
font-size: 0.77em; 
top:163px;
right:0px;
z-index:2;
}*/

#hierarchie {background-image:url("/IMG/puces/gohome.png") ;
padding-left:20px;  
background-repeat:no-repeat;
position:absolute; 
width:80%;
height:15px;        
font-size:0.9em; 
top:185px;
left:43px;
}

#date_jour {    
position:absolute;
top:185px; 
right:40px;
z-index:200;
color:#000000;
font-size: 0.9em;
margin-left:10px;
}       

#meteo {    background: url(/IMG/icon/meteo.png) no-repeat bottom left; 
font-size: 0.80em; 
padding:0 0 0 40px;     
}

/* à la une _______________*/
.titre_a_la_une {font-size: 1.9em; 
color:#c0c0c0;
border-bottom:1px dotted #c0c0c0;
margin-bottom:10px;
}

.a_la_une {width:100%;
min-height:120px;
}

.a_la_une:hover{background-image:url('/IMG/main/fond_actu.jpg'); 
background-position: bottom;
background-repeat:repeat-x;     
min-height:120px;
cursor:pointer;
}

.a_la_une .spip_logos {margin-right:10px; 
margin-top:3px;         
}

.banniere_promo{margin-bottom:10px;
margin-top:30px;

clear:both;
}

/* Rubriques______________*/
.rubrique .titre {font-size: 1.4em; 
padding:0;  
font-weight: bold; 
color:#912400;
border-bottom:1px solid #c0c0c0;
} 

.description_rubrique{
    margin-top:5px;
    margin-left:20px;
    font-size: 1em; 
    font-weight:normal;
    color: #333;    
    width:100%; 
}
    
.presentation_rubrique{background-color:fff; 
position:relative;
float:left;
width:43%;
min-width:230px;
max-width:350px;
min-height:70px;    
margin-right:30px;  
margin-top:15px;
/*text-align:justify;   */
padding-right:5px;
padding-bottom:5px;
overflow:hidden;
}

.presentation_rubrique:hover{background-image:url('/IMG/main/fond_actu.jpg'); 
background-position:bottom;
background-repeat:repeat-x;     
cursor:pointer;
}

.presentation_rubrique .titre{
color:#912400;
font-weight:bold;
}

.presentation_rubrique .description{
font-size:0.85em; 
color:#333333;
margin-top:3px;
}


/* Articles_______________*/

.article { 
    /*margin-bottom: 2em;  */   
    /*background-color:#dedede;*/
}   

.article .titre {font-size: 1.4em; 
padding:0;  
font-weight: bold; 
color:#912400;
border-bottom:1px solid #dedede;    
} 

.encadre {
border:1px solid #808080;
}

#texte_article li {margin-top:20px;}
#texte_article .reduire li {margin-top:5px;}
    

/* description de rubriques et d'articles*/
.description{margin-top:10px;   
    font-size:0.9em;    
    padding-left:2px;
    color:#000000;  
    font-weight: normal;
    }
.description .spip_logos {
    position:relative;
    float: right;
    margin-right:10px; 
    margin-top:3px; 
    
    }
    
/* Actualités ____________________________________________________*/
.actualites_accueil{background-color:#fff;
position:relative;
float: left;
width:45%;
min-width:250px;
max-width:360px;
height:175px;   
margin-left:15px;  
margin-top:15px;
/*text-align:justify;   */
border-bottom:1px solid #dedede;
border-right:1px solid #dedede;
padding-right:10px;
padding-bottom:5px;
overflow:hidden;
}
.actualites_accueil:hover{background-image:url('/IMG/main/fond_actu.jpg'); 
background-repeat:repeat-x;     
cursor:pointer;
}

#blocactu{width:100%;
position:relative;
float:left;
}

/* Pied de page ____________________________________________________________________*/
#pied {
z-index:1;
position:relative;
bottom:0px;
clear: both;
width:100%;
margin-top: 1em;
border-top: 1px dotted #CCC;
padding: 2px;
text-align: center; }
#pied small { font-size: 0.77em; }
#pied img { vertical-align: bottom; }

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

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

/* Menu de droite */
.menudroite{top:240px;
position:absolute;
width: 160px;
float:right;
right:0px;
} 

/* Paragraphe ______________________ */
.paragraphe {text-indent:10%;
}

/* Brêve */
.breve {position:relative; 
float:right; 
width:160px; 
margin-top:5px; 
margin-left:15px; 
margin-bottom:10px;
}

.breve_head_vert div { 
background: url(/IMG/main/cadres/cadre_coin_tl.gif) no-repeat  top left; 
text-align:center;
font-size:1em;
color:#fff;
}

.breve a { color:#000000;  text-decoration:none;}
.breve_head_vert a, .breve_head_marron {color:#fff;}
.breve_head_vert   { background-color:#629D1C; border-bottom:1px solid #899F89;}
/*.breve_head_vert:hover { background-color:#77BE20; border-bottom:1px solid #899F89;}*/
.breve_bottom div { background: url(/IMG/main/cadres/cadre_bl_gris.gif) no-repeat  bottom left; }
.breve_bottom { background: url(/IMG/main/cadres/cadre_b.png) repeat-x  bottom right #f4f4f4; }
.breve_data { padding-left:5px; padding-top:5px;  height:100%; background: url(/IMG/main/cadres/cadre_left.png) repeat-y bottom left #f4f4f4; }
.breve_data li {
font-size:0.85em; color:#808080; }
.breve_bottom div, .breve_bottom  {
width: 100%;
height: 13px;
}
.breve_head, .breve_head div {
height:18px;
width:100%;
}
.breve ul {
margin: 0; padding: 0; list-style: none; position:relative; }

.breve li {margin-left:-5px;
clear:both; 
font-size:0.85em; color:#808080; 
background-image:url('/IMG/puces/puce_orange4.png');
background-repeat:no-repeat;
background-position:3px 6px;
padding-left:12px;
line-height:15px;
vertical-align:middle;  
border-top:1px solid #f4f4f4;
border-left:1px solid #dedede;
border-bottom:1px solid #f4f4f4;    
}

.breve li:hover {background:#fff;
border-top:1px solid #dedede;
border-bottom:1px solid #dedede;
font-size:0.85em; color:#808080;
border-left:1px solid #fff;
}


/* Menu général ( à gauche )*/
.menu { position:relative; float:left; width:160px; margin-top:0px; margin-bottom:10px; z-index:2;}
.menu_head_vert div, .menu_head_marron div, .menu_head_orange div, .menu_head_rouge div, .menu_head_orangefonce div { 
margin-left:3px;
background: url(/IMG/main/cadres/cadre_coin_tr.gif) no-repeat  top right; 
text-align:left;
font-size:1em;
color:#fff;
}

.menu a { color:#000033; text-decoration:none;  }
.menu_head_rouge a{color:#fff;}
.menu_head_rouge { background-color:#EB5A01; border-bottom:1px solid #CB4E01; color:#fff;}
.menu_head_rouge:hover { background-color:#F8721E; border-bottom:1px solid #EB5A01; color:#fff;}
.menu_bottom div { background: url(/IMG/main/cadres/cadre_br_gris.gif) no-repeat  bottom right; }
.menu_bottom { background: url(/IMG/main/cadres/cadre_b.png) repeat-x  bottom right #f4f4f4; }
.menu_data { padding-left:5px; padding-top:5px;  height:100%; background: url(/IMG/main/cadres/cadre_left.png) repeat-y bottom right #f4f4f4; }

.menu_data li {
font-size:0.85em; color:#808080; 
line-height:15px;
vertical-align: middle; 
border-top:1px solid #f4f4f4;
border-right:1px solid #dedede;
border-bottom:1px solid #f4f4f4;        
    }

.menu_data li:hover {
background:#fff;
border-top:1px solid #dedede;
border-bottom:1px solid #dedede;
font-size:0.85em; color:#CF5001;
border-right:1px solid #fff;
 }

.menu_bottom div, .breve_bottom  {
width: 100%;
height: 13px;
}
.menu_head, .breve_head div {
height:18px;
width:100%;
}
.menu ul {
margin: 0; padding: 0; list-style: none; position:relative; }

.menu li { 
clear: both; 
background-image :url('/IMG/puces/puce_orange4.png');
background-repeat :no-repeat;
background-position :0 6px;
padding-left:8px;
}

/*  Mise en forme des textes du contenu------------------------- */
.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.96em; }

.ps, .notes {
    margin-top: 1.4em;
    padding-top: 2px;
    border-top: 2px solid #CCC; }
.ps { font-size: 0.82em; }
.notes { clear: both; font-size: 0.77em; }
.ps h2, .notes h2 { font-size: 1.19em; font-weight: bold; }

/*  Listes de documents joints (a un article ou une rubrique--------------------------- */
#documents_joints {
    margin-top: 1.4em;
    padding-top: 2px;
    }
#documents_joints h2 { margin-bottom: 0.4em; font-size: 0.9em; font-weight: bold; }
#documents_joints ul { margin: 0; padding: 0; list-style: none; }
#documents_joints li { margin-bottom: 0.4em; }
#documents_joints li .spip_doc_titre {}
#documents_joints li .spip_doc_titre small { font-weight: normal; }
#documents_joints li .spip_doc_descriptif {}


.pagination { font-size: 0.9em; }

/*PLAN DU SITE______*/

.page_plan .cartouche { display: none; }

.page_plan #contenu h2 {
clear: both;
background: #fff;
border: 1px solid #dedede;
padding: 0.1em;
margin-bottom: 0.1em;
text-align: center;}

.page_plan #contenu h2 a {
color: #912400;
font-size:1.3em;
font-weight: bold;
}

.page_plan #contenu h3 a {
color: #446A16;
margin-bottom: 0.1em;
font-size:1.0em;
}

.page_plan #contenu h4 a {
color: #000031;
font-size:0.95em;
}

.page_plan #contenu h5 a {
color: #000090;
font-size:0.9em;
margin-left:25px;
}


/*   Habillage des formulaires---------------------- */

.formulaire { text-align: left; font-size: 0.9em; }
.formulaire p { margin: 0.5em 0; padding: 0; }

.formulaire fieldset {}
.formulaire legend {}

.formulaire label {}
.formulaire .forml { width: 100px; font-family: inherit; font-size: inherit; }

/* Boutons */
.spip_bouton { text-align: right; }
.spip_bouton input { float: right; }

/* 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; }





.spip_forms form label {
    float:none;
}
.spip_forms h2 {
    margin:.2em;
    color:#543E29;
}
.spip_forms {
    color: black;
    margin: 0px;
    margin-bottom: 16px;
    padding: 6px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-weight: normal;
    border-left: 3px solid #963;
}
.spip_forms form {
    border:0;
    margin:0;
    padding:.5em 0 0 0;
}
.spip_forms div.spip_descriptif {
    border:0;
    margin:0;
    clear:both;
}
.spip_forms h3 {
    float:none;text-align:left;
}
.spip_forms legend {
    font-size:1.15em;
    padding:5px;
}
.spip_forms .spip_form_champ {
    margin-bottom: 0;
    display: block;
    clear: both;
    margin-top: 1em;
}
.spip_forms .spip_form_label {
    font-weight: bold;
    text-align:left;
    color:#494949;
    display: block;
}
.spip_forms .spip_form_label label,
.spip_forms .spip_form_label .label {
    text-align:left;
    font-weight: bold;
    color:#494949;
}
.spip_forms .spip_form_label_obligatoire {
    font-weight: normal;
    font-style:italic;
    font-size:.9em;
}
.spip_forms .obligatoire_oublie {
    color:red;
}
.spip_forms .spip_form_label_details{
    display:block;
    font-style:italic;
    text-align:left;
}

.spip_forms .spip_form_choix_multiple {
    display:block;
}

.spip_forms .spip_form_choix_unique input, .spip_forms .spip_form_choix_unique input.fondo, .spip_forms .spip_form_choix_unique input.fondl {
    width:auto;
}

.spip_forms .spip_form_choix_unique label {
    margin:0 0 5px 0;
}

.spip_forms .spip_form_choix_multiple input, .spip_forms .spip_form_choix_multiple input.fondo, .spip_forms .spip_form_choix_multiple input.fondl, ul.choix_mots li input {
    width:auto;
    margin:0 5px 0 0;
}
.spip_forms ul.choix_mots,.spip_forms ul.spip_form_choix_multiple,.spip_forms ul.spip_form_choix_unique{
list-style:none;float:left;padding-left:5px;width:45%;
}

.spip_forms .spip_sondage {
    margin: auto;
}

.spip_forms .spip_form_erreur {
    font-weight:bold;
    color:red;
}
.spip_forms .spip_form_ok {
    font-weight: bold;
    background:#262626;
    color:#F1F1F1;
    margin: 1em 0 0 0;
    padding: .6em;
}
.spip_forms .spip_form_ok a {
    color:#FFF9E2;
}
.spip_forms .spip_form_ok a:hover {
    color:#DEB55E;
}
.spip_forms .spip_form_ok_confirmation{
    display:block;
}

.spip_forms .forml, .spip_forms .formo {
    width:85%;
    border-bottom:solid 1px #c0c0c0;
    border-right:solid 1px #c0c0c0;
    border-top:1px solid #c0c0c0;
    border-left:1px solid #c0c0c0;
    font-size:1em;
    padding:.25em;
}

.spip_forms .forml, .spip_forms .fondl {
    background: #f4f4f4;
    color:#4A4336;
    width:85%;
}
.spip_forms .formo, .spip_forms .fondo {
    background-color: white;
    color:#4A4336;
    width:85%;
}
.spip_forms .champ_obli_oubli {
    border:1px dotted red;
}
.spip_forms form .forml-focus, .spip_forms form input.forml-focus:focus, .spip_forms form textarea.forml-focus:focus, .forml-focus {
    border-bottom:solid 1px #C9AB97;
    border-right:solid 1px #C9AB97;
    border-top:1px solid #81593E;
    border-left:1px solid #81593E;
    background: #FFF2C8;
    color:#433817;
    font-weight:normal;
    font-size:1em;
    padding:.25em;
    width:85%;
}
.spip_forms form .formo-focus, .spip_forms form input.formo-focus:focus, .spip_forms form textarea.formo-focus:focus, .spip_forms .formo-focus {
    border-bottom:solid 1px #C9AB97;
    border-right:solid 1px #C9AB97;
    border-top:1px solid #81593E;
    border-left:1px solid #81593E;
    background:#FFF9EE ;
    color:#433817;
    font-weight:normal;
    font-size:1em;
    padding:.25em;
    width:85%;
}
.spip_forms form .champ_obli_oubli-focus, form input.champ_obli_oubli-focus:focus, form textarea.champ_obli_oubli-focus:focus {
    border-top:solid 2px #980F1B;
    border-left:solid 2px #980F1B;
    border-bottom:2px solid #F3192B;
    border-right:2px solid #F3192B;
    background: #FFF2C8;
    color:#4D161B;
    font-weight:normal;
    font-size:1em;
    padding:.25em;
}
.spip_forms .spip_bouton input {
    border: 1px solid #563033;
    cursor:pointer;
    padding:.4em;
    background:#FCF5DE;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-weight:bold;
    font-size:1em;
    width:100px ;
    color:#4A4336;
}
.spip_forms fieldset {
    border: 1px none #8F8181;
    padding: .4em .4em .4em 1em;
    margin:.5em 0 .5em 0;
    border-top-style: dashed;
    border-left: 4px solid #EB5A01;
    border-top-color: #EB5A01;
}
/*.spip_forms a.resultats_sondage {
    display:block;
    float:right;
    background:#FFFBED;
    color:#444040;
    padding:.2em;
    border:1px solid #A07D7A;
    text-decoration:none;
}
.spip_forms a.resultats_sondage:hover {
    background:#444040;
    color:#F8F5EC;
    text-decoration:none;
}*/
.spip_forms p.spip_form_ok, .spip_forms p.spip_form_erreur, .spip_forms form {
    clear:both;
}
span.nettoyeur{
    clear:both;line-height:1px;font-size:1px;display:block;
}
span.erreur { display:block;}


/* Boite grise arrondie */
.boitegrise { background: url(/IMG/main/cadres/grisclair_back.gif) repeat; }
.bg_haut div { background: url(/IMG/main/cadres/grisclair_tl.gif) no-repeat top left; }
.bg_haut { background: url(/IMG/main/cadres/grisclair_tr.gif) no-repeat top right; }
.bg_bas div { background: url(/IMG/main/cadres/grisclair_bl.gif) no-repeat bottom left; }
.bg_bas { background: url(/IMG/main/cadres/grisclair_br.gif) no-repeat bottom right; }

div.surligne tr {
	
}

div.surligne:hover tr {
	background-color: #f4f4f4;
}

#infos_commune #btn{
clear:both;
margin-top:20px;
margin-right:10px;
float:left;
background-image:url('http://www.cg58.fr/IMG/png/puce-2.png'); 
background-repeat:no-repeat;
width:10px;
height:10px;
border:0px solid red; 
}
 
#infos_commune #label{
margin-top:18px;
width:150px;
color:#292929;
float:left;
border:0px solid red;
}
#infos_commune #text{
margin-top:18px;
float:left;
color:#550404; 
border:0px solid red;
}

#bloc_commune{
-webkit-border-radius: 10px;
width:100%; text-align:left; margin-top:-3px; border:2px solid #C5C4C9; padding:20px; height:auto; min-height:200px; 
background-image:url('/IMG/png/back_commune.png'); background-repeat:repeat-x; background-color:#BCBBC0; 
-moz-border-radius:10px;
}