/* CSS page index.html */
html, body {
    z-index: 0;
    margin : 0;
    padding :0;
	background:#D2E1E4;
    text-align : left; /* Corrige bug centrage horizontal */ /* left center right */
    overflow: auto ;  /* visible, hidden, scroll, auto  */
}


body {
    max-width : 782px;
    FONT: 8pt/9pt "Arial";
    color: #666666;
    background-color: #F5F6F6;  /* 666666  */
}


div h1,h2,h3 {
    color: #666666;
    line-height: 19px; 
}

/* css général */
.contener {
	position: absolute;
	width: 782px;
	left: 50%;
	margin-left: -375px;
}
/* css du header */
.header {
    position : relative;
	margin: 0px 2px 0px 0px;
	background-image:  url(./../image/index_header.jpg);
    background-repeat : no-repeat;
	height: 160px;
	z-index: 99;
}
.header_title {
	position : relative;
	height: 100px;
	left: 26.5em;
	top: 2.7em;
	background-image:  url(./../image/title_presidence.gif);
    background-repeat : no-repeat;
	z-index: 100;
	width: 254px;
}
/* css de la barre de menu du haut */
.haut {
	position: relative;
	height: 37px;
	margin-bottom: -2px !important;
	margin-bottom: -10px;
}
.haut span{ 
 	position:absolute;  
	font-size: 11px;
	font-weight: bold;
	color: #000000;	
	margin-left: -7.9em;
	margin-top: 1.3em;
}
.gaucheHaut {
    width: 188px;
	height: 37px;
    float : left;
	background-image:  url(./../image/index_haut_gauche.gif);
    background-repeat : repeat-x;
	text-align: center;
}
.gaucheHaut a {
	font-weight:  normal; /*   lighter normal bolder*/
}
.centerHaut {
    width : 328px;
	height: 37px;
    float : left;
	background-image:  url(./../image/index_haut_droite.gif);
    background-repeat : repeat-x;
}
.droiteHaut {
	position : relative !important;
	position : absolute;
    width : 264px;
    float : right;
	height: 37px;
	margin-right : 2px;
	background-image:  url(./../image/index_haut_droite.gif);
    background-repeat : repeat-x;
	color: #918F8F;
}
.droiteHaut span{ 
 	position:absolute;  
	font-size: 11px;
	font-weight: bold;
	color: #62595C;	
	margin-left: 1em;
	margin-top: 1.3em;
}
/* liens menu centre HAUT */
.menuhaut {
	list-style-type: none;
    font-weight: bold;
	padding:0;
	margin-left: -6px;
	margin-top: 1.3em;
}
.menuhaut li {
	display: inline;
	margin: 0 0 0 29px;
}
.menuhaut a {
	margin: 0 2px;
	/*color: #918F8F;*/
	color: #62595C;
	text-decoration: none;
}
.menuhaut a:hover {
	/*color: #666666;*/
	color:black;
	text-decoration: underline; /*  underline  none*/
}
.menuhaut img { 
 	position:absolute;  
	margin-left: 1em;
	margin-top: -1.0em !important;
	margin-top: -0.9em;
}
/*  recherche  */
#recherche{
	float:right;
	margin-right:4px;
	margin-top: 4px;
}
#recherche .champs{
	margin:4px  0 0 0;
	padding-top:4px;
	height:17px !important;
	height:15px;
	width:120px;
	background-color:#FFFFFF;
    border: 1px solid #CCCCCC;
	color: #7E8084;
    font-weight: bold;
	font-size:9px;
}
#recherche .bouton{
	margin-top:0px;
	padding-top:-4px;
}


/* Contener for the central page (menu and frame) */
.centralContainer { 
    position : relative;
	margin: 0px 0px 0px 0px !important;
	margin: 2px 0px 2px 0px;
	float:left;
    width : 782px;
	height : 100px;
    height: auto;
	background : url(./../image/index_fond.gif);
    background-repeat : repeat-y;
}
.centralMenu {
    width: 188px;
    float : left;
	height: 100%;
	margin-top : -12px;
}
/* box menu gauche */
#liensmenugauche1 {
    width: 186px;
	margin-right : 4px;
	margin-top: 7px;
    border: 1px solid #CCCCCC;
}
#liensmenugauche2 {
	margin-top : 2px;
	margin-bottom : 2px;
    width: 168px;
	height: auto;
	margin-left : 2px;
	margin-right : 2px;
    border: 7px solid #CCCCCC;
	background : url(./../image/index_fondmenugauche.gif); 
    background-repeat : repeat-x;
    /* background-color: #D0D2D6; */
	text-align : center;
	background-color: #FFFFFF;
}

.centralFrame {
    width : 590px;
    float : right;
	height: 100%;
	margin-top : -12px;
}
.centralFramefils {
    width : 317px;
	height: 100%;
	float : left;
	display: yes;
}
.centralFrameMenu {
	position : relative;
    width : 260px;
	height: 100%;
	float : left !important;
	float: right;
	left: 3px;
}
.footer {
	position: relative;
	width : 782px;
	height: 39px;
}
.footer_titre {
    position : relative;
	background-image:url('./../image/index_footer.gif');
	background-repeat : no-repeat;
	float:left;
	z-index:10000px;
	width : 782px;
	height: 34px;
	color: #A3A3A7;
	font: 'Times' ;
	font-weight: bold;
	font-size:13px;
}
.footer_titre_droit {
	float:right;
	margin-right:50px;
	margin-top:-10px;
	font-size:9px;
}
span.footer_titre_droit a {
	color: #656469;
    text-decoration: none;
}
span.footer_titre_droit a:hover {
    color: #B37A0E;
    text-decoration: underline;
}


/* liens menu GAUCHE */
.menugaucheTitre {
    color: #666666;    /* 7E8084 666666  */
    font-size: 12px;
    font-weight: bold;
	text-align: left;
	margin-left : 9px;
	margin-right : 6px;
	margin-top	: 25px;
}

.menugauche {
	list-style-type: none;
    font-weight: normal;
	text-align : left;
	margin-left : 0px;
	margin-top : 4px;
	margin-bottom : 15px;
    font-size: 11px;
	padding:0;
}
.menugauche li {
	margin-bottom: 5px;
}
.menugauche a {
	text-decoration  : none;
	margin: 0 0px;
	color: #666666;  /* 7E8084  */
}
.menugauche a:hover {
	color: #666666;
	text-decoration  : underline;
}


/*  Definition css pour les resumés d'articles  */
.article_titre_rubrique {
    color: #010101;
	margin-top: 9px !important;
	margin-top: 19px;
    font-size: 19px;
    font-weight: bold;
	text-align: left;
	margin-left : 9px;
	padding:0;
}

.titre_rub{
	line-height: 20px; 
}
.article_resume_contenu {
    color: #666666;
    font-size: 11px;
	text-align : justify;
	/* text-indent: 2em; */
	margin-top : 19px;
	margin-left : 0px;
	margin-right : 0px;
}
.article_resume_contenu_actualite {
		margin-left : 15px;
}
.article_resume_contenu a {
  	color: #A3A3A7;
    text-decoration: none;
}
.article_resume_contenu a:hover {
	color: #666666;
    text-decoration: underline;
}
/* lien haut de page des rubriques */
.article_resume_hautpage {
    color: #589FC4;
    font-size: 11px;
    font-weight: bold;
	text-align: right;
}
.article_resume_hautpage a {
	color: #656469;
    text-decoration: none;
}
.article_resume_hautpage a:hover {
    color: #589FC4;
    text-decoration: underline;
}
/*  resume article du sommaire */
.article_resume_contenu_som {
	position:relative;
	color: #666666;
    font-size: 11px;
	text-align : justify;
	margin-left: 5px;
	margin-right : 9px;
}
.article_resume_contenu_som a {
  	color: #010101;
    text-decoration: none;
}
.article_resume_contenu_som a:hover {
	color: #010101;
    text-decoration: none;
}
/* image */
.article_resume_contenu_som img {
    border: 3px solid #D9DADE;
	margin-right: 3px !important;
	margin-right: 4px;
}
/* date */
.article_resume_date {
    color: #BBBBBB;
    font-size: 11px;
    font-weight: bold;
	text-align : left;
	margin-top : 15px;
	margin-left: 5px;
}
/* titre */
.article_resume_titre {
    color: #010101;
    font-size: 16px;
	text-align : left;
    font-weight: bold;
	line-height: 18px; 
	margin-left: 5px;
}
.article_resume_image {
	float : left;
	margin-left: 1px !important;
	margin-right: 4px !important;
	margin-left: 0px;
	margin-right: 3px;
    border: 3px solid #D9DADE;
}


/* div du tableau droite  */
.table {
	BORDER :0;
    FONT: 8pt/9pt "Arial";
}
.th1a, .th2a, .th3a, .th4a, .th5a, .th6a {
    COLOR: #990000;
	height : 28px;
	text-align: left;
}
.th1a{
	width : 11px;
	background : url(./../image/fieldset/menu1_haut_gauche.gif);
    background-repeat : no-repeat;
}
.th2a{
	width : 92%;
	font-size: 12px;
	background : url(./../image/fieldset/menu1_haut_millieu.gif);
    background-repeat : repeat-x;
}
.th3a{
	width : 11px;
	background : url(./../image/fieldset/menu1_haut_droite.gif); 
    background-repeat : no-repeat;
}
.th1aa, .th2aa, .th3aa {
    COLOR: #990000;
	height : 17px;
	text-align: left;
}
.th1aa{
	width : 11px;
	background : url(./../image/fieldset/menu2_haut_gauche.gif);
    background-repeat : no-repeat;
}
.th2aa{
	width : 92%;
	font-size: 12px;
	background : url(./../image/fieldset/menu2_haut_millieu.gif);
    background-repeat : repeat-x;
}
.th3aa{
	width : 11px;
	background : url(./../image/fieldset/menu2_haut_droite.gif); 
    background-repeat : no-repeat;
}
.th4a{
	width : 11px;
	background : url(./../image/fieldset/menu1_bas_gauche.gif);
    background-repeat : no-repeat;
}
.th5a{
	width : 92%;
	background : url(./../image/fieldset/menu1_bas_millieu.gif);
    background-repeat : repeat-x;
}
.th6a{
	width : 11px;
	background : url(./../image/fieldset/menu1_bas_droite.gif); 
    background-repeat : no-repeat;
}

.td1a, .td2a, .td3a {
    COLOR: #003300;
    font-weight: bold;
	height : 17px;
	text-align : left;
}
.td1a{
	width : 11px;
	background : url(./../image/fieldset/menu1_millieu_gauche.gif);
    background-repeat : repeat;
}
.td2a{
	width : 92%;
	background : url(./../image/fieldset/menu1_millieu_center.gif);
    background-repeat : repeat;
}
.td2a  img {
	margin-top: -3px;
}
.td2a a {
	font-size: 11px;
    color: #666666; /* 666666 */
    font-weight: bold;
    text-decoration: none;
}
.td2a a:hover {
    color: #000000;
    font-weight: bold;
    text-decoration: underline;
}
.td3a{
	width : 11px;
	background : url(./../image/fieldset/menu1_millieu_droite.gif); 
    background-repeat : repeat;
}


/* cadre mediatheque*/
.cadre {
	position: relative;
	background:url('./../image/president.gif');
	background-repeat : no-repeat;
	z-index:10;
	width:226px;
	height:154px;
	border: 2px solid black;
	margin-top: -2px !important;
	margin-top: -5px;
}


/* lien menu droite en haut */
.autreliens {
    color: #OOOOOO;
    font-size: 10px;
    font-weight: bold;
	text-align : right;
}
.autreliens a {
	color: #589FC4;
    text-decoration: none;
}
.autreliens a:hover {
    color: #OOOOOO;
    text-decoration: underline;
}
/* lien menu droite en haut tableau 1 et 2 */
.liensTitretableau {
    color: #000000;
    font-size: 11px;
    font-weight: bold;
	text-align : left;
}
.liensTitretableau a {
	color: #000000;
    text-decoration: none;
}
.liensTitretableau a:hover {
    color: #000000;
    text-decoration: underline;
}
.liensSousTitretableau {
    color: #7E8084;
	margin-left : 11px;
    font-size: 10px;
	text-align : left;	
    font-weight: bold;
}
.liensSousTitretableau a {
	color: #7E8084;
    text-decoration: none;
}
.liensSousTitretableau a:hover {
    color: #666666;
    text-decoration: underline;
}

/* lien Utils */
.liensligne {
    color: #666666;
    font-size: 12px;
	margin-left: 9px;
	margin-right: 9px;
	text-align: left;
    font-weight: bold;
}
.liensligne a {
	color: #7E8084;
    text-decoration: none;
}
.liensligne a:hover {
    color: #666666;
    text-decoration: underline;
}

.titredrapeau {
    color: #0OOOOO;
    font-weight: bold;
	FONT: 6pt/8pt "Arial";
}
/* soulignage */
.menudroite_suiteliens {
    color: #OOOOOO;
	border-bottom: 1px dotted black;
	margin-bottom : 10px;
}
/* lien  */
#liens {
    width: 250px;
    text-align: left;
	margin-left : 9px;
	margin-right : 9px;
}
.brevepresident {
	position: relative;
	left: 0px;
    font-weight: bold;
	text-align: left;
	margin-left: 4px;
	margin-right: 4px;
	overflow: hidden;
}

/* box menu recherche */
#boxrecherche1 {
    width: 389px;
	margin-left : 12px;
	margin-right : 4px;
	margin-top : 7px;
    border: 1px solid #CCCCCC;
}
#boxrecherche2 {
	margin-top : 2px;
	margin-bottom : 2px;
    width: 371px;
	height: auto;
	margin-left : 2px;
	margin-right : 2px;
    border: 7px solid #CCCCCC;
	background : url(./../image/index_fondmenugauche.gif); 
    background-repeat : repeat-x;
    /* background-color: #D0D2D6; */
	text-align : center;
	background-color: #FFFFFF;
}
#boxrecherche2 p {
	text-align : center;
}
#boxrecherche2 a {
	font-weight: bold;
	color : #666666;
}
#recherche2{
	float:center;
	padding:0 20px 0 0;
	margin:0 0 -15px 0;
}
#recherche2 .champs{
	margin:9px  0 0 0;
	padding-top:4px;
	height:16px;
	width:120px;
    border: 1px solid gray;
	background-color:#FFFFFF; /* B9C39C */
	border: 1px solid #CCCCCC;
	color: #7E8084;
    font-weight: bold;
	font-size:9px;
}
#recherche2 .bouton{
	margin-top:0px;
	padding-top:-4px;
}
.recherche_liste_suite table {
	width: 391px;
	background-color: #CCCCCC;
	margin-left : 12px;
}

.recherche_liste_suite a {
	color: #7E8084;
    text-decoration: none;
    font-weight: bold;
}
.recherche_liste_suite a:hover {
    color: #666666;
    text-decoration: underline;
}
.lignesrecherche {
    color: #666666;
	margin-left: 15px;
	margin-right: 15px;
	text-align: justify;
}
a.lignesrecherche_chemin {
    color: #CCCCCC;
    font-size: 10px;
	text-align: left;
}
a.lignesrecherche_chemin:hover {
    color: #999999;
    font-size: 10px;
	text-align: left;
}
a.lignesrecherche_titre {
	color: #7E8084;
    font-size: 12px;
    font-weight: bold;
    text-decoration: none;
}
a.lignesrecherche_titre:hover {
    color: #666666;
    text-decoration: underline;
}


/* Gestion du calendrier  */
.calendrier  {
	margin-top: 16px;
}
.calendrier td {
	width: 250px;
    FONT-size: 12px ;
	font-weight: bold;
}
.calendrier2  {
	margin-top: -23px;
}
.calendrier2 td {
	width: 250px;
    FONT-size: 12px ;
	font-weight: bold;
}
.calendrier2 hr {
	margin-left: 9px;
	margin-right: 9px;
}
.calendrier_date {
	float: right;
	margin-top: -11px !important;
	margin-right: 10px !important;
	margin-top: -12px;
	margin-right: 8px;
    color: #666666;
    font-size: 11px;
    font-weight: bold;
}

.calendrier-mois	 {font-family: Arial; text-decoration: none; font-size: 11px; font-weight: bold; color: #666666; text-align: left}
.calendrier-semaine	 {font-family: Arial; text-decoration: none; font-size: 11px; font-weight: bold; color: #B37A0E}
.today             	 {font-family: Arial; text-decoration: none; font-size: 11px; padding-bottom: 4px; background-color: transparent; font-weight: bold; color: #B37A0E}
.weekday             {font-family: Arial; text-decoration: none; font-size: 11px; color: #666666 ; padding-bottom: 4px;}
.weekendday          {font-family: Arial; text-decoration: none; font-size: 11px; color: #A3A3A7 ; padding-bottom: 4px;}
.activeday           {font-family: Arial; text-decoration: none; font-size: 11px; background-color: #D3D3D3; color: #ff0000}
.outday				 {font-family: Arial; text-decoration: none; font-size: 11px; background-color: transparent; color: #ff0000}
.activeweekendday    {font-family: Arial; text-decoration: none; font-size: 11px; background-color: #D3D3D3; color: #ff0000}

.jour	 			 {  font-family: Arial; text-decoration: none; background-color: #FFFFFF; color: #A3A3A7; font-size: 8pt; font-weight: bold}
.jour_selectionne 	 {  font-family: Arial; text-decoration: none; background-color: #FFFFFF; color: #666666; font-size: 8pt; FONT-WEIGHT: bold}

.today   	a {font-family: Arial; text-decoration: none; font-size: 11px; background-color: transparent; font-weight: bold; color: #666666; }
.outday	 	a {font-family: Arial; text-decoration: none; font-size: 11px; background-color: transparent; color: #ff0000}
.activeday  a {font-family: Arial; text-decoration: none; font-size: 11px; background-color: #D3D3D3; color: #ff0000}
.weekday    a {font-family: Arial; text-decoration: none; font-size: 11px; color: #666666}
.weekendday a {font-family: Arial; text-decoration: none; font-size: 11px; color: #A3A3A7}

.info_span{
	position:relative;
}

.info_span a{
    position:relative; 
    z-index:24;
	border:1px solid #808080;
	padding-right:2px;
	padding-left:2px; 
	background-color: #CCCCCC;
}

.info_span a:hover{
	z-index:25; 
	background-color: #808080;
}

#affichage_breve_president a{
	color:#808080;
}

a.info span{display: none}
a.info:hover span{ 
/*le contenu de la balise span ne 
sera visible que pour l'état a:hover */
 	display:block; 
 	position:absolute;    
    top:2em; left:2em; width:8em;
    border:1px solid #CCCCCC;
    background-color:#eeeeee; 
    text-align: justify;
    font-weight:none;
    padding:1px;    
}
a.desactiveinfo{
    position:relative; 
    z-index:24; 
}

a.titres_rubs_menu {
	color: #666666;
    font-size: 12px;
    font-weight: bold;
    text-decoration: none;
}
a.titres_rubs_menu:hover {
    color: #666666;
    text-decoration: underline;
}

.rubrique_article_resume{
	background:transparent;
	border: 1px solid #EEEEEE;
	padding-bottom:6px;
}

.rubrique_article_resume_over{
	background:#D2E1E4;
	border: 1px solid #999999;
	cursor : pointer;
	padding-bottom:6px;
}

.spip table{
	text-align:left;
	width:100%;
	padding-bottom:6px;
}

img, .spip_logos { margin: 0; padding: 0; text-align: center; }

.spip_documents { margin: 10px; text-align: center; width: 100%; }
.spip_documents_center {clear: both;}
.spip_documents_left { float: left;}
.spip_documents_right { float: right;}
.spip_doc_titre { font-weight: bold; font-size: 0.8em; }
.spip_doc_descriptif { text-align: center; clear: both; font-size: 0.8em; }