/*Importation des autres fichiers de style*/
@import url(rubriques_gauche.css);
@import url(rubriques_droite.css);
@import url(navigliensinst.css);
@import url(last-articles.css);
@import url(infos-et-dictons.css);
@import url(meme-rub.css);
@import url(minical.css);
@import url(formulaires.css);
/*Fin de l'importation des autres fichiers de style*/

/*  -------------------------------------------------------
/*  Correction des styles HTML par defaut et trucs divers
/*  ----------------------------------------------------- */
body {
	background: #999999;
	background-image:url(../images/page_gris.jpg);
	margin: 0em;
	text-align: center;
	font-family: Tahoma, Arial, Helvetica, sans-serif,Trebuchet MS;
	font-size: 1em;
	color: #333;
}

img, table { margin: 0; padding: 0; border: 0; }
h1, h2,  h4, h5, h6 { margin: 0; padding: 0; font-size: 1em; font-weight: normal; }
h1 { text-shadow: 3px 3px 5px grey; }

/* intertitre correspondant à la typo {{{  }}} */ 
h3.spip {
	font-family: Verdana,Arial,Helvetica,sans-serif;
	color:#006898; 
	text-align: center;/*left;*/
}

/*la gestion des espaces*/
.espace {
	height: 5px;
	line-height:2px;
	font-size:2px;
}
.invisible { position: absolute; top: -3000em; height: 1%; }
.nettoyeur { clear: both; margin: 0; padding: 0; height: 0; line-height: 1px; font-size: 1px; overflow: hidden; }


/*-------------------------------*/
/*        Les liens 
/*-------------------------------*/

a:link {
	color:#0000CC;
	text-decoration: none;
}
a:visited, a:active {
  color:#0000CC;
  text-decoration: none;
}
a:hover {
  color:#000000;
  text-decoration: none;
}
a.spip_in {color:#000066 !important;text-decoration:underline !important;font-weight:bold; } /* liens internes */
a:hover.spip_in {color:#FF6600 !important;text-decoration:none !important; } /* liens sortants */
a.spip_out {color:#000066 !important;text-decoration:underline !important;font-weight:bold; } /* liens sortants */
a:hover.spip_out {color:#FF6600 !important;text-decoration:none !important; } /* liens sortants */
a.spip_url{color:#000066 !important;text-decoration:underline !important;font-weight:bold; } /* liens url sortants */
a:hover.spip_url{color:#FF6600 !important;text-decoration:none !important; } /* liens sortants */

/*  ------------------------------------------
/*  Disposition a l'écran des blocs principaux
/*  ------------------------------------------ */

/*  conteneur le plus grand */
#page {
	position:relative;
	width: 996px;/*770px;/*48em;*/
	text-align: left;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	background-color:#FFFFFF;
	/*background-image:url(../images/fondpage.jpg);*/
}

/*  conteneur du bandeau d'en-tête */
#entete{
	position:relative;
    background-image:url(../images/entete.jpg) ;
	background-repeat: no-repeat;
    height:140px;/*147px;*/
    width:100%;
	background-color:#FFCC33; /* couleur de fond pour IE */
}

/* Formulaire de recherche */
		/* pour masquer le "Rechercher" affiché par défaut à gauche du champ de recherche */
.formulaire_recherche label {display:none;}
.formulaire_recherche {}
.forml { color:black;background-color:#FFFFFF;}

#rechercher {
text-align:center;
margin-top:5px;
margin-bottom:20px;
}

/*conteneur navigation supplémentaire dans l'en-tête*/
#entete #navig {
position:absolute;
top:97px;
left:650px;
width:310px;
text-align:left;
background-color:transparent/* couleur de fond du menu */
padding : 0 10px 4px 12px;
z-index:200;
}

#entete #navig .texte{
color:#000066;
font-size:10px;
font-family:Verdana, Arial, Helvetica, sans-serif;
}

#entete #navig a{
color:#000066;
font-size:11px;
font-family:Verdana, Arial, Helvetica, sans-serif;
text-decoration:none;
}

#entete #navig a:hover{
text-decoration:underline;
}

/*----------  les trois colonnes -------------*/
#gauche {
float:left;
width:202px;/*10.9em;*/
margin:0;
padding-left:0px;
padding-right:0px;
padding-top:10px;
background-color:transparent;
border-right:0px solid #CCCCCC;
height:100%;
}



#centre {
float:left;
margin-top:0px;
padding-left:0px;
padding-right:0px;
padding-top:10px; 
width:592px;/*25em;*/
height:100%;
background-color:transparent;
}

/* style pour les articles à une colonne */
#centre-1col {
float:left;
margin-top:0px;
padding-left:0px;
padding-right:0px;
padding-top:10px; 
width:100%;/*25em;*/
height:100%;
background-color:transparent;
}
/* fin style pour les articles à une colonne */

/* style pour les articles à deux colonnes */
#centre-2col {
float:left;
margin-top:0px;
padding-left:0px;
padding-right:0px;
padding-top:10px; 
width:780px;/*25em;*/
height:100%;
background-color:transparent;
}
/* fin style pour les articles à deux colonnes */

#droite {
float:right; 
width:202px;/*10.9em;*/ 
margin:0;
padding-left:0px;
padding-right:0px;
padding-top:10px;
background-color:transparent;
/*border-left:1px solid #CCCCCC;*/
height:100%;
}

/*---------- fin des trois colonnes -------------*/

/* ----------Pied de page ----------------*/
#pied {
clear: both;
width: 100%;
margin-top:0px;
border-top: 2px solid black;
padding-top:0px;/*ajout de PP*/
padding-bottom:8px;/*ajout de PP*/
text-align: center;
background-color: transparent/*#E5EFF8;#FFFFFF*/;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
}

#pied small {
font-size:x-small; color:#000;
}
#pied img {
vertical-align:bottom;
}

/*  ------------------------------------------
/*  Affichage du bloc image centre dans la colonne centrale
/*  ------------------------------------------ */
.bloc_image_presentation {
margin:-10px 0 0px 0;
padding:0;
background-color:transparent;
text-align:center;
}
.bloc_image_presentation img{
width:582px;
height:120px;
margin:0;

}


/*  ------------------------------------------
/*            Styles pour les articles
/*  ------------------------------------------ */

#stat{
    font-weight:normal;
	font-family:Verdana;
    padding-left:/*13em;*/2px;
}

.bloc_art {
margin:0;
padding:0;
background-color:transparent;
}

/* l'encadrement du texte */
.cadre {
	text-align:left;
	font-size: /*11px;*/13px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin:0 5px 10px 5px;
}

/* Chemin de navigation et cadres de couleur */
.texte-cadre {
	text-align:left;
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin: 0 0;
}

/* En tête de l'article */
#article-cadre {
   float:left;
   padding-left:0.5em; 
   width:10%;/*36.5em;*/
}

.logo_article {
text-align:center;
}

/*Ajout de PP*/
.surtitre-article {
	text-align:center;
	text-transform:uppercase;
	color:#003300;
	font-size: 16px;
	font-weight:bold;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	margin:5px 0px 10px 0px;
	letter-spacing: 0.5em;
	line-height:1.4em;
}


.titre-article {
    text-align:center;
	color:#ffffff;
	font-size: 18px;
	padding:3px;
	font-weight:normal;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	margin:15px 0px 0px 0px;
	background-color:#3366CC;
	}
/*Ajout de PP*/
.sous-titre-article {
    text-align:center;
	color:#660000;
	font-size: 14px;
	font-weight:bold;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	margin:20px 0px 10px 0px;
}

.chapo-article {
	font-size: 16px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#660000;
	font-weight:800;
	margin:20px 5px;
	}


/* Description de l'article */
#descriptif-article {
	font-size:12px; 
	color:#666666;
	font-family:Arial, Helvetica, sans-serif;
	margin:10px 5px;
	/*border-top: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;*/
	padding-top: 5px;
	padding-bottom: 5px;
	}
#introduction-article {
	font-size: 12px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#000033;
	margin:10px 24px;
}
/*  Texte de l'article  */
#texte-article {
	padding-left:5px; /* petite marge à gauche */
	}

.text-art {
font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:1.1em;/*14px;*/
	font-weight:normal;
	line-height:1.5em;
}


/*  Portfolio  */
.documents_portfolio {
    float:left;
	border:1px solid #C4CCD4;
    -moz-border-radius:6px;
    background-color:transparent;/*#FFFFFF;*/
	color:#000000;
	width:125px; 
	_width:120px; 
	height:150px;
	margin-left: 5px;
	padding-left:13px;
	padding-top:5px;
	
}
.separateur {
    clear:both;
	height:2px;
}
/* Téléchargement des fichiers joints*/
#cadre-telechargement {
   /* float:left;*/
	margin-top: 10px;/*ajout de PP*/
	padding-top: 10px;/*ajout de PP*/
	width:555px;
	border-top: 1px dashed #000066;
    background-color:transparent;/*#E6E6E6;*/
	text-align:left;
	font-size:12px;/*10px;*/
}

#cadre-doc-telechargement{
	margin:0px 5px;
	height: 60px;
}
#cadre-doc-telechargement li{
margin-bottom:5px;
}
/* pour calendier mini et cadres de couleur */
.entete-cadre {
	height: auto;
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	}

/* le cadre <QUOTE> ... </QUOTE> */
blockquote.spip {
	margin-left : 10px;
	margin-top : 10px;
	margin-bottom : 10px;
	margin-right: 10px;
	border : solid 1px #aaaaaa;-moz-border-radius:6px;
	background-color: #FFFEEE;
	padding-left: 10px;
	padding-right: 10px;
}
/*  ----------------------------------------
/*          Style de la page rubrique
/*  ----------------------------------------*/

#bloc_rub {
margin:0;
padding:0;
background-color:transparent;

}

.descriptif-rubrique {
	font-size:12px; 
	color:000;
	margin:10px 0 20px 0;
	padding:0 0 0 20px;
	background-color:transparent;
}
#texte-rubrique {
	font-size:12px; 
	color: #333333;
	margin-left:0px;
}
.titre-rubrique {
	text-align:left;
	color:#ffff99;
	background-color:#3366CC;
	font-size: 20px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:normal;
	padding:1px 3px 1px 10px;
	margin:0 0 10px 0;
}
.titre-sous-rubrique {
background-color:#FFFF99;
font-size: 14px;
line-height:30px;
}

.titre-sous-rubrique a, .titre-sous-rubrique a:link, .titre-sous-rubrique a:active, .titre-sous-rubrique a:visited {
text-decoration:underline;
color:#000000;
font-weight:bold;
font-family:Verdana, Arial, Helvetica, sans-serif;
}

.titre-sous-rubrique a:hover {
text-decoration:none;
}

.descriptif-sous-rubrique {
	font-size:12px; 
	color:000000;
	margin:10px 0 10px 0;
	padding:0 0 0 30px;
	background-color:transparent;
}

#titre-article-rub {
	font-size: 12px;
}

#titre-article-rub a{
	text-decoration:underline;
	color:#000;
	font-weight:bold;
}

.bas-cadre {
text-align:right;
/*ajout de PP*/
font-size: 10px;
color:#666666;
margin-top:8px;
border-top: 1px solid #DDDDDD;
}

/*  ------------------------------------------
/*              Sous-titres dans rubriques
/*  ------------------------------------------ */
.sous_titre_rub {
font-size:14px;
color:#000066;
font-weight:bold;
font-style:italic;
font-family:Verdana, Arial, Helvetica, sans-serif;
}

/*  ------------------------------------------
/*               Les tableaux
/*  ------------------------------------------ */
table.spip {
    margin: auto;
    margin-bottom: 1em;
    /*border: 1px solid;*/ /* A laisser si on veut un cadre autour du tableau */
    border-collapse: collapse; }
table.spip caption {
	caption-side: top; /* bottom pas pris en compte par IE */
    border: 1px solid;
	text-align: center;
    margin: auto;
    padding: 3px;
    font-weight: bold;
}
/* Style de la ligne d'en-tête */
table.spip tr.row_first {color:#003399;background-color: #82ADE2;text-align: center}
table.spip tr.row_odd { background-color: #E5EFF8;}
table.spip tr.row_even {background-color: #D6EACA }
table.spip th, table.spip td {padding: 3px;text-align: left;vertical-align: middle; }

/*  ------------------------------------------
/*      Habillage specifique du mini-calendrier
/*  ------------------------------------------ */
.mcal{
background-color: transparent;
margin:0;
}

.mcal .minicalendrier {
display:block; 
background-color: transparent;
padding:5px
}

/* Titre du cadre */
.mcal .minicalendrier .cadre-titre {
display:block; 
color:#FFFF00;
background-color:#3F2159;
text-align:center;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: /*10px;*/14px;
font-weight:600;
border: 1px solid #0033CC;
}
/*  ------------------------------------------
/*      Habillage specifique du calendrier
/*  ------------------------------------------ */


#entete-calendar {
	text-align:center;
	height: auto;
	font-weight:bold;
	font-size: 0.71em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-shadow: 3px 3px 5px grey;
	
}
.calcell.today {border:1px solid #000;background:#FF6600;color:#000;}
#calendar th { background-color:transparent;color:#3F2159;/*#82ADE2;*/}
#calendar tbody{font-size:14px;}
td.occupe a, td.occupe a:link, td.occupe a:active,td.occupe a:visited{font-weight:bold;background-color:#FF3300 !important;color:#ffffff;}/* quand il y a un article */
td.libre {font-weight:bold; background-color:#FFCC66;color:#666666;} 
td.libre.today{background:#FFCC33 !important;color:#000000;}
td.horsperiode {background-color:#6666FF;color:#FFFFCC;}/* les jours qui ne sont pas dans le mois */
td.today{background:#B1C3D9;font-weight:bold;}    /* comme son nom l'indique */

/*  -----------------------------------------------
/*            Logos, documents et images
/*  ---------------------------------------------- */

img, .spip_logos { margin: 0; padding: 0; border: none; }
.spip_documents { text-align: center; }
.spip_documents_center { clear: both; width: 100%; margin: auto; }
span.spip_documents_center { display: block; margin-top:1em; }
.spip_documents_left { float: left; margin-right: 15px; margin-bottom: 5px; }
.spip_documents_right { float: right; margin-left: 15px; margin-bottom: 5px; }
.spip_doc_titre { font-weight: bold; font-size: 0.8em; margin-left:auto; margin-right:auto;}
.spip_doc_descriptif { clear: both; font-size: 0.8em; margin-left:auto; margin-right:auto;}

/*  ------------------------------------------
/*  Habillage specifique pour le plan du site
/*  ------------------------------------------ */
#plan { margin-left:15px;}
#plan ul{list-style: none; margin-left:-10px;padding-left:15px;color:#000099;}
#plan ul li { margin-left:20px;}
#plan ul ul{list-style: none; margin-left:-10px;padding-left:15px;}
#plan h2{font-size: 1.5em;text-shadow: 3px 3px 5px grey;}/*attention, text-shadow est en css3 et empeche le site d'être validé*/
#plan h3{font-size: 1em;}
#plan ul{list-style: none;} /*des cercle au premier niveau du plan*/
#plan ul ul{list-style: none;} /*des carrés après*/