/*
CSS ANCR
Réalisation www.jmtconseils.com
*/

html
{
	margin:0px;
	padding:0px;
}

body {
padding:0;
text-align: center;
background: #90A5BA; /*DBC598;*/ 
font-family: Verdana, Helvetica, Arial;
font-size: 10px;
color: #003365;}

a img,:link img,:visited img,:hover img,:active img { border:none }

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



img { border:none }

.spip_documents_left {
margin-right: 3px;
}


.horschamps {
display: none; 
}

p  {
margin-top: 3px;
clear:both;}


.spacer {
clear:both;
}

/*  ------------------------------------------
/*  Disposition a l'ecran des blocs principaux
/*  ------------------------------------------ */
#page {
	margin-right: auto; margin-left: auto; position: relative; top: 0px; left: 0px; visibility: visible; display: block ;
	width: 750px;
	height: 540px;
	text-align: left;	
       background-image:url(../image/bg.jpg);
       background-repeat: no-repeat;
	border: 1px solid black;
}

#page-courant {
	margin-right: auto; margin-left: auto; position: relative; top: 0px; left: 0px; visibility: visible; display: block ;
	width: 750px;/*48em;*/
	text-align: left;	
	background: #FFF;
}
      


/*  ------------------------------------------
/*  Entete
/*  ------------------------------------------
*/
#entete { width: 750px;   
background-image:url(../image/bg2.jpg);
background-repeat: no-repeat;
}
/*
#head-droit {
width: 350px; height:90px; background-color:white;
float:right;
text-align: right;
margin-right: 2px;
}*/

#head-top {
margin-top: 0px;
width: 750px; height:25px; 
background-color: #003365;
font-size: 10px;
}


#head-top img {
vertical-align:middle;
margin-left: 15px;
}

#head-top-droit {
color: #E7ECF0;
float: right;
margin: 5px 10px 0 0;
}

#head-top-droit a, #head-bande1 a {
color: #C5D0DB;
text-decoration: none;
}
/*#head-top-droit a:hover {
color: #C5D0DB;
text-decoration: underline;
}*/

/* head-ancr pour sommaire et head-ancr2 pour article */
#head-ancr {
width: 750px; height:55px; 
font-size: 14px;
padding: 10px 0px 0px 60px;
}

#head-ancr2 {
width: 340px; height:55px; 
font-size: 10px;
padding: 10px 0px 0px 60px;
float: left;
}

#head-marge {
width: 225px; height: 40px;
float: left;
}

#head-bande1 {
width: 200px; height:25px; 
background-color: #254D77;
float: right;
}

.head-bande1-texte {
color: #E7ECF0;
margin: 0px 0px 5px 0px;
}

#head-bande1 img{
vertical-align:middle;
}

#head-bande1-img {
float: right;
width: 25px; height:25px; 
background-image: url(../image/coin-bleu.png);
}

#head-bande2 {
width: 515px; height:25px; 
background-color: #FA7E02;
float: right;
}

#head-bande2-img {
float: right;
width: 25px; height:25px; 
background-image: url(../image/coin-orange.png);
}

#head-bande3 {
width: 185px; height:25px; 
background-color: #ADDA2D;
float: left;
}

#head-bande3-img {
float: left;
width: 25px; height:25px; 
background-image: url(../image/coin-vert.png);
}

/* Uniquement sur home */
#head-choisir-recouvrement {
position: absolute; left: 460px; top: 40px;
width: 200px;
height: 35px;
}

#head-choisir {
position: absolute; left: 390px; top: 40px;
width: 170px;
height: 35px;
}

#head-choisir a, #head-choisir-recouvrement a {
color: #003365;
text-decoration: none;
}
#head-choisir a:hover, #head-choisir-recouvrement a:hover {
color: #003365;
text-decoration: underline;
}

/* Drapeau pour passage de langue */
#ancr-langue {
position: absolute; left: 720px; top: 50px;
width: 18px;
height: 13px;
}

/* Zone Recherche */

            /* Barre de recherche  */
div.rechMenu  { 
background-repeat: no-repeat;
background-position:0px 0px;
background-image: url(../image/loupe.jpg);     
margin-top: 3px;
width:185px; 
height:15px;} 

input.input { font: 10px Arial, Helvetica, sans-serif;color: #5B5B5B; background-color: white; border: 1px solid #5B5B5B; width:95px; }
input.inputok { font: 10px Verdana, Arial, Helvetica, sans-serif;color: #FFF;background-color:  #ADDA2D; border: 1px solid #ADDA2D;  margin-left:1px; width:22px;}
form.recherche { margin-bottom : 0px; height:25px; width:185px; padding-left: 30px;}  

/*résultat recherche*/
.spip_surligne {
color: #003365;
font-weight: bold;
}

            /* Fin Barre de recherche  */ 

#head-news {
width: 530px; height:25px;
float: right;
background-repeat: no-repeat;
background-position:0px 0px;
background-image: url(../image/news-article.jpg);
}

#head-news p {
margin-left: 27px;
margin-top: 1px;
}

#head-news a {
color: #003365;
}




/* Menu Horizontal */
#menu-horizontal {
margin: 0;
padding: 5px 0 0px 0px;
}

#menu-horizontal ul, #menu-horizontal li {
margin: 0;
padding: 0;
display: inline;
list-style-type: none;
}

#menu-horizontal ul li a{
text-align: center;
/*width: 95px;*/
padding: 0 8px;
}

#menu-horizontal a:link, #menu-horizontal a:visited {
float: left;
line-height: 14px;
font-weight: bold;
margin: 0 0px 4px 0px;
text-decoration: none;
color: #FFF;
}

#menu-horizontal a:link#current, #menu-horizontal a:visited#current, #menu-horizontal a:hover, #menu-horizontal a:visited.active {
border-bottom: 4px solid #003365;
padding-bottom: 2px;
background: transparent;
color: #FFF;
}

#menu-horizontal a:hover { color: #FFF; }



/*  ------------------------------------------
/*  Sommaire
/*  ------------------------------------------
*/



/* Div conteneur */

#contenu-home {
width: 750px;
margin-top: 15px;
}

#editorial {
float: left;
width: 190px;
margin-left: 35px;
}

#editorial h3{
font-size:1.2em ;
font-weight: bold;
margin-bottom: 5px;
}


#bienvenue {
float: left;
width: 225px;
margin-left: 55px;
}

#bienvenue h3{
font-size:1.2em ;
font-weight: bold;
margin-bottom: 5px;
padding:0px 10px 0px 15px;
background-repeat: no-repeat;
background-position:0px 5px;
background-image: url(../image/puce-verte.jpg);
}

#bienvenue h4{
font-size:1.2em ;
font-weight: bold;
margin-bottom: 5px;
padding:0px 10px 0px 15px;
background-repeat: no-repeat;
background-position:0px 5px;
background-image: url(../image/puce-orange.jpg);
}

#bienvenue p {
margin-left: 15px;
margin-bottom: 4px;
}

#la-une {
float: left;
width: 165px;
margin-left: 30px;
}

#la-une h3{
font-size:1.2em ;
font-weight: normal;
margin-bottom: 5px;
padding:0px 10px 0px 30px;
background-repeat: no-repeat;
background-position:2px 0px 0px 0px;
background-image: url(../image/news-home.jpg);
}

#la-une p {
margin-left: 30px;
margin-bottom: 4px;
}

/*  ------------------------------------------
/*  Article
/*  ------------------------------------------
*/

/* Fil d'Ariane */
#hierarchie {
	width: 480px;
	padding-bottom: 3px;
	margin-top: 15px;
	margin-bottom: 16px;
	margin-left: 25px;
	font-size: 10px; 
	border-bottom: 1px solid #003365;
	color: #454853;
	}
	
 #hierarchie a {
color: #454853;
text-decoration: none;
 }
 
#hierarchie a:hover {
text-decoration: underline;
}

#droite {
width: 1px;
height: 100px;
background-color: red;
}

#bande-droite {
width: 1px;
height: 300px;
float: right;
}

#contenu {
width: 520px;
float: right;
margin-top: 3px;
margin-right: 10px;
}

#contenu p {
margin-left: 25px;
}



#gauche {
background-color: white;
width:100%;
float:left;
}

#contenu h1 {
font-size: 16px ;
letter-spacing : 2px;
margin-bottom: 10px;
padding:0px 0px 0px 25px;
background-repeat: no-repeat;
background-position:0px 0px;
background-image: url(../image/puce1.gif);
font-family: Verdana, Helvetica, Arial;
}

#contenu h3 {
font-size: 12px ;
margin-left: 25px;
margin-bottom: 5px;
padding:0px 0px 0px 25px;
background-repeat: no-repeat;
background-position:0px 0px;
background-image: url(../image/puce2.gif);
}

#contenu ul li {
list-style-image:  url(../image/puce3.gif);
}
/* Ligne suivante que pour IE, sauf IE Mac grace à ce commentaire, IE MAC ne voit pas la fin de commentaire sur cette ligne \*/
* html #contenu ul li {
list-style-image:  url(../image/puce3_ie.gif);
}
/* IE MAC voit un commentaire se terminant ici */
/*
/* Menu Vertical
*/

#navlist li { 
margin: 0;
padding: 0;
 }

#navlist {
margin-top: 5px;
padding-top: 10px;
margin-left: 0px;
padding-left: 0;
list-style: none;
width: 187px;
background-color: #E7ECF0;
}

#navlist h2 {
background-color: #003365;
font-size: 10px ;
color: #FFF;
padding: 3px 0px 3px 25px;
background-repeat: no-repeat;
background-position:0px 0px 5px 25px;
background-image: url(../image/puce2.jpg);
margin-bottom: 1px;
}



#navlist li a, #navlist li a:link, #navlist li a:active, #navlist li a:visited  { 
letter-spacing : 1,5px;
text-decoration: none;
font-weight: bold;
color: #003365;
padding: 7px 10px;
display: block;
background-color: #E7ECF0;
}

#navlist li a:hover {
background: #C5D0DB;
}

#navlist li li {
/*margin-top: 5px;
padding-top: 10px;*/
margin-left: -40px;
padding-left: 0;
/*list-style: none;*/
/*width: 187px;*/
text-indent: 20px;
/*background-repeat: no-repeat;
background-position:0px 0px 5px 25px;
background-image: url(../image/restreint.png);*/
list-style-image: url(../image/restreint.png);
}

#navlist li li a {
list-style-image: url(../image/restreint.png);;
}

/*  ------------------------------------------
/*  Plan du site
/*
*/
#contenu-plan {
margin-left: 25px;
}

#contenu-plan h3{
font-size:1.2em ;
font-weight: bold;
margin-bottom: 3px;
padding:0px 10px 0px 15px;
background-repeat: no-repeat;
background-position:0px 5px;
background-image: url(../image/puce-verte.jpg);
}
 
/*  ------------------------------------------
/*  Pied de page
/*  ------------------------------------------
*/

#footer {
width: 510px;
float: right;
height:15px; 
background-color: #254D77;
padding: 2px 20px 0 0;
text-align: right; }

#pied-fond {
width: 100%;
height:17px;
background-color: white;
}

/*.footer {
color: #C5D0DB;
}*/

.footer a{
color: #C5D0DB; text-decoration: none;
}

/*  ------------------------------------------
/*  Formulaire Intranet
/*  ------------------------------------------
*/

/*  Noisettes déconnexion et identification */
#entete-nom-statut { position:absolute; top: 5px; left:224px; z-index:20;
width: 250px;
height: 30px;
font-size: 10px;
color: #FFFFFF;
}

#entete-deconnexion { position:absolute; top: 3px; left:475px; z-index:20;
width: 200px;
height: 30px;
font-size: 10px;
color: #E7ECF0;
}

#entete-deconnexion a { 
color: #E7ECF0;
}

#form-prive {
/*position:absolute; top: 64px; left:30px;  z-index:100;*/
color: #49554E;
/*background: silver;*/
}

/*
form fieldset 
  {
  color: red;
  
  }
form label 
  {
  color: silver;
  display: inline;
  float: left;
  width: 70px;
  } */
  
  .login {
  color: #49554E;
  font-size: 12px;
  }
  
#form-prive  input.forml { font: 10px Arial, Helvetica, sans-serif;color: #5B5B5B;background-color: white;border: 1px solid #5B5B5B; width:150px}
#form-prive  input.spip_bouton { margin-left: 26px; font: 10px Verdana, Helvetica, sans-serif;color: white;font-weight: bold;background-color: #6A746E;border: 0px;padding: 1px }

/*  ------------------------------------------
/*  Formulaire Profil Auteur Plugin Auteur Co
/*  ------------------------------------------
*/


.formulaire_profil input.forml {font: 10px Arial, Helvetica, sans-serif; color: #5B5B5B;background-color: white;border: 1px solid #5B5B5B; }
.formulaire_profil  input.spip_bouton { font: 10px Verdana, Helvetica, sans-serif;color: white;font-weight: bold;background-color: #395165;border: 0px;padding: 1px }
.formulaire_profil textarea.forml { font: 10px Arial, Helvetica, sans-serif;color: #5B5B5B;background-color: white;border: 1px solid #5B5B5B; width:385px; height:80px; }
.spip_bouton {
float: right;
margin-right: 25px;
margin-top: 10px;
}

.auteur_saisie {height: 12px; margin bottom: 10px; }

.formgauche {
float:left;
width:40%;
margin-right:0.5em;
/*padding-top:0.2em;*/
text-align:left;
}

/*------------------
/*  Contact
/*------------------
*/
td { font-size: 10px;  line-height:15px; }

input.input1 { font: 10px Arial, Helvetica, sans-serif;color: #5B5B5B;background-color: white;border: 1px solid #5B5B5B; width:150px}
input.input2 { font: 10px Arial, Helvetica, sans-serif;color: #5B5B5B;background-color: white;border: 1px solid #5B5B5B; width:150px} 
input.inputok1 { font: 10px Verdana, Helvetica, sans-serif;color: white;font-weight: bold;background-color: #626262;border: 0px;padding: 1px }
input.inputok2 { font: 10px Verdana, Helvetica, sans-serif;color: #1F252F;font-weight: bold;background-color: #FA7E02;border: 0px;padding: 1px }  

select.input1 { font: 10px Arial, Helvetica, sans-serif;color: #5B5B5B;background-color: white; border: 1px solid #5B5B5B; width:150px; }

textarea.textarea1 { font: 10px Arial, Helvetica, sans-serif;color: #5B5B5B;background-color: white;border: 1px solid #5B5B5B; width:200px; height:160px; }
.c5 { font-size: 9px;color:#575757; line-height:13px;}/* Gris5 */

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

.formulaire_spip { text-align: left;  margin-left: 25px;}
.formulaire_spip p { margin: 0.5em 0; padding: 0; }

.formulaire_spip fieldset {color: #003365;}
.formulaire_spip legend {color: #003365;}

.formulaire_spip label {color: #003365;}
.formulaire_spip .forml { width: 99%; font-family: inherit; font-size: inherit; }


/* Reponse du formulaire */
textarea#textarea_1  {width: 450px; }    /* Ajouter */

.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: 95%; /*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; }


/*  ------------------------------------------
/*  Habillage des forums
/*  ------------------------------------------ */

.forum-repondre, .forum-decompte {
	clear: both;
	margin-top: 2.5em;
	padding-top: 2px;
	/*border-top: 2px solid #CCC;
	font-size: 0.88em;
	font-weight: bold;*/ }
	
.forum-decompte {
margin-left: 25px; }

/* * Habillage des forums */
#contenu .forum ul li { list-style-image:  url(../image/vide.gif); }
li.forum-fil  { list-style-image:  url(../image/vide.gif); }    /*ne marche pas !! */
ul.forum { display: block; clear: both; margin: 0; padding: 0; }
ul.forum, ul.forum ul { list-style: none; }
.forum-fil { margin-top: 1.5em; }
.forum-fil ul { display: block; margin: 0; padding: 0; margin-left: 1em; }
.forum-chapo .forum-titre, .forum-chapo .forum-titre a { display: block; margin: 0; padding: 0; font-weight: bold; text-decoration: none; color: #333; }
.forum-chapo small {}
.forum-texte { margin: 0; padding: 0.5em 1em 0 1em; color: #003365; /*font-size: 0.82em; */}
.forum-texte .forum-lien {}
.forum-texte .forum-repondre-message { margin: 0; padding: 1px 0; text-align: right; }

/* Boite d'un forum : eclaircissement progressif des bords */
ul .forum-message { border: 1px solid #666; margin: 0; padding: 0; margin-bottom: 1em; margin-left: 25px;}
ul ul .forum-message { border: 1px solid #A4A4A4; }
ul ul ul .forum-message { border: 1px solid #B8B8B8; }
ul ul ul ul .forum-message { border: 1px solid #CCC; }
ul ul ul ul ul .forum-message { border: 1px solid #E0E0E0; }
ul ul ul ul ul ul .forum-message { border: 1px dotted #E0E0E0; }

/* Boite de titre d'un forum : mise en couleur selon la profondeur du forum */
ul .forum-chapo { border: none; border-bottom: 1px dotted #B8B8B8; margin: 0; padding: 3px 6px 2px 6px; font-size: 0.88em; background: #AABBCB; }
ul ul .forum-chapo { background: #C2CEDA; }
ul ul ul .forum-chapo { background: #CED8E2; }
ul ul ul ul .forum-chapo { background: #E1E6EC; border-bottom: 1px dotted #E0E0E0; }
ul ul ul ul ul .forum-chapo { background: #FFF; }

/*  ------------------------------------------
/*  Habillage des petitions
/*  ------------------------------------------ */

#signatures { clear: both; font-size: 0.77em; }

#signatures h2 {
	padding: 0.5em;
	text-align: center;
	font-size: 1.2em;
	font-weight: bold; }

#signatures table { width: 100%; margin: 1em 0; }
#signatures thead { display: none; } /* On n'affiche pas les titres du tableau */

#signatures td.signature-date {
	background: #E4F0F0;
	padding: 0.5em;
	white-space: nowrap; }

#signatures td.signature-nom {
	background: #ECF4F4;
	padding: 0.2em;
	text-align: center;
	font-weight: bold; }

#signatures td.signature-message {
	background: #F4F8F8;
	padding: 0.4em;
	font-size: 0.96em; }