/*------------------------------------------------------*
  *-----------------------------------     CSS BODY     ----*
  *------------------------------------------------------*/


body {
	border:0;
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-color: #FDFDFD;
}


/* hack FF pour envlever pointillés autour des liens */

a {
	outline: none;
}

:focus {
	-moz-outline-style: none;
}

/* fin de hack */

	

	
/*------------------------------------------------------*
  *-----------------------------------     CSS GABARITS PRINCIPAUX     ----*
  *------------------------------------------------------*/

  
#global{
	width: 970px;
	margin-left:auto;
	margin-right:auto;

}


#bandeau{
	float:left;
	width: 940px;/*970-30*/
	height:204px;/*204-160*/
	padding-left: 30px;
	background-image: url(../images/deco/bandeau.jpg);
	background-repeat: no-repeat;
	}

#logos{
	float:left;
	width: 940px;
	height: 160px;
	}
	
#toolbar{
	float:right;
	height:39px;
	margin-right: 25px;
	}
	
#menu{
	float:left;
	width: 700px;
	height:39px;
	background-image: url(../images/deco/bg-menu.png);
	background-repeat: repeat-x;
	}


	

#contenu{
	float:left;
	width: 933px; /* 970-37*/
	padding-left: 18px;
	padding-right: 20px;
	padding-bottom:30px;
	}

#gauche{
	float:left;
	width: 273px;
	}

#recherche{
	float:left;
	width: 253px;/*273-11-9*/
	height: 296px;
	padding-left: 11px;
	padding-right: 9px;
	padding-top: 100px;
	background-image: url(../images/deco/recherche.png);
	background-repeat: no-repeat;
	}
	
#zoom{
	float:left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	width: 173px;/*273-100*/
	height: 102px;/*202-100*/
	/*padding-left:70px;
	padding-right:30px;
	padding-top: 100px;
	background-image: url(../images/deco/zoom.png);
	background-repeat: no-repeat;*/
	}
	
	
		
#centre{
	float:left;
	width: 392px;
	height: 502px;
	padding-top: 96px;
	padding-left: 2px;
	padding-right: 2px;
	background-image: url(../images/deco/carte.png);
	background-repeat: no-repeat;
	margin-left:2px;
	margin-right:2px;
	display:inline;
	}
	
#droite{
	float:left;
	width: 260px;
	}
	

	
#actu{
	float:left;
	width: 258px;
	height: 335px;
	padding-top: 100px;
	padding-left: 1px;
	padding-right: 1px;
	background-image: url(../images/deco/actu.png);
	background-repeat: no-repeat;
	}

#newsletter{
	float:left;
	width: 260px;
	height: 162px;
	background-image: url(../images/deco/newsletter.png);
	background-repeat: no-repeat;
	}
	
#pied{
	float:left;
	width: 100%;
	height: 114px;
	background-image: url(../images/deco/pied.jpg);
	background-repeat: repeat-x;
	}
	
#pied-formation{
	width: 970px;
	height: 84px;/*114-20-10*/
	padding-top:20px;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	font-size:10px;

	}

#pied-formation a{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color:#000000;
	text-decoration: none;
	}
	
#pied-formation a:hover{
	text-decoration: underline;
	}


/*------------------------------------------------------*
  *-----------------------------------     CSS DIV ACTIONS    ----*
  *------------------------------------------------------*/
  
  
#titre-actions{
	float:left;
	width: 273px;
	height: 73px;
	background-image: url(../images/deco/actions.png);
	background-repeat: no-repeat;
	}
  
#bloc-titre{
	float:left;
	width: 606px;/*626-20*/
	min-height: 30px;/*68-28+6*/
	background-image: url(../images/deco/titre-page.png);
	background-repeat: no-repeat;
	margin: 0px;
	padding-left:20px;
	padding-top:28px;
	padding-bottom:10px;
	margin-bottom:12px;
	color:#A70E5E;
	font-size:22px;
	line-height: 1em;
	background-color: #CBC6D4;
	background-position: center top;
	font-weight: bold;
	}

#bloc-titre-recherche{
	float:left;
	width: 606px;/*626-20*/
	min-height: 30px;/*68-28+6*/
	background-image: url(../images/deco/titre-page.png);
	background-repeat: no-repeat;
	margin: 0px;
	padding-left:20px;
	padding-top:28px;
	padding-bottom:10px;
	margin-bottom:12px;
	color:#A70E5E;
	font-size:16px;
	line-height: 1em;
	background-color: #CBC6D4;
	background-position: center top;
	font-weight: bold;
	}
span.motcle{
	font-size:12px;
	color:#444444;
	font-weight:normal;
	}
/*------------------------------------------------------*
  *-----------------------------------     CSS DIV CDC    ----*
  *------------------------------------------------------*/
  
  
#titre-cdc{
	float:left;
	width: 273px;
	height: 73px;
	background-image: url(../images/deco/cdc.png);
	background-repeat: no-repeat;
	}

#titre-politique-region{
	float:left;
	width: 273px;
	height: 73px;
	background-image: url(../images/deco/politique-region.png);
	background-repeat: no-repeat;
	}
	
#pt-carte-rouge{
	float:left;
	width: 271px;
	padding-left: 1px;
	padding-right: 1px;
	height: 359px;/*432-73*/
	padding-top: 73px;
	background-image: url(../images/deco/bg-pt-carte-rouge.png);
	background-repeat: no-repeat;
	}

#centre-cdc-top{
	float:left;
	width: 654px;
	height: 81px;
	background-image: url(../images/deco/bg-centre-pagecdc-top.png);
	background-repeat: no-repeat;
	}

#centre-action-top{
	float:left;
	width: 654px;
	height: 81px;
	background-image: url(../images/deco/bg-action-region-bis.png);
	background-repeat: no-repeat;
	}
	
#centre-resultat-action-top{
	float:left;
	width: 654px;
	height: 81px;
	background-image: url(../images/deco/bg-action-region.png);
	background-repeat: no-repeat;
	}
	
/*------------------------------------------------------*
  *-----------------------------------     CSS DIV AGENDA    ----*
  *------------------------------------------------------*/

#pt-agenda{
	float:left;
	width: 271px;
	padding-left: 1px;
	padding-right: 1px;
	height: 261px;/*351-90*/
	padding-top: 90px;
	background-image: url(../images/deco/bg-agenda.png);
	background-repeat: no-repeat;
	}

#centre-agenda-top{
	float:left;
	width: 654px;
	height: 81px;
	background-image: url(../images/deco/bg-centre-agenda-top.png);
	background-repeat: no-repeat;
	}


div.module-region{
	float:left;
	width: 468px;
	}


div.module-region-top{
	float:left;
	width: 443px;/*468-9-16*/
	min-height: 126px;
	background-image: url(../images/deco/module-top.png);
	background-repeat: no-repeat;
	background-position: center top;
	background-color: #CBC6D4;
	padding-top:9px;
	padding-left:9px;
	padding-right:16px;
	}

div.module-region-titre{
	float:left;
	width: 230px;
	color:#A70E5E;
	padding-bottom:6px;
	padding-right:13px;
	}

div.module-region-ville{
	float:left;
	width: 200px;
	text-align:right;
	color:#A70E5E;
	padding-bottom:6px;
	}


div.module-region-bas{
	clear:both;
	width: 468px;
	height:15px;/*9+6*/
	background-image: url(../images/deco/module-bas.png);
	background-repeat: no-repeat;
	}



div.module-carte-gauche{
	float:left;
	width: 137px;/*144-7*/
	height: 137px;/*144-7*/
	padding-top: 7px;
	padding-left: 7px;
	background-image: url(../images/deco/module-carte.png);
	background-repeat: no-repeat;
	margin-right:10px;
	}

div.module-carte-droite{
	float:right;
	width: 137px;/*144-7*/
	height: 137px;/*144-7*/
	padding-top: 7px;
	padding-left: 7px;
	background-image: url(../images/deco/module-carte.png);
	background-repeat: no-repeat;
	}

/*------------------------------------------------------*
  *-----------------------------------     CSS DIV PAGE    ----*
  *------------------------------------------------------*/

#contenu-page{
	float:left;
	width: 933px; /* 970-37*/
	padding-left: 18px;
	padding-right: 20px;
	padding-bottom:30px;
	}
	
#centre-page{
	float:left;
	width: 654px;
	background-image: url(../images/deco/bg-centre-page.png);
	background-repeat: repeat-y;
	margin-right:2px;
	}

#centre-page h1{
	display:block;
	width: 606px;/*626-20*/
	min-height: 30px;/*68-28+6*/
	background-image: url(../images/deco/titre-page.png);
	background-repeat: no-repeat;
	margin: 0px;
	padding-left:20px;
	padding-top:28px;
	padding-bottom:10px;
	margin-bottom:12px;
	color:#A70E5E;
	font-size:22px;
	line-height: 1em;
	background-color: #CBC6D4;
	background-position: center top;
	}


#centre-page h3{
	display:block;
	width: 300px;/*626-306-20*/
	background-image: url(../images/deco/citation.png);
	background-repeat: no-repeat;
	background-position: left top;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left:153px;/*306/2*/
	padding-right:153px;/*306/2*/
	color:#A70E5E;
	font-size:12px;
	font-style: italic;
	font-weight: bold;
	text-indent: 20px;
	}


	
span.legende{
	display:block;
	width:476px;
	color:#A70E5E;
	margin-left:75px;/*150/2*/
	margin-bottom:10px;
	}
	
#centre-page-content{
	float:left;
	width: 626px;
	min-height: 838px;
	margin-right: 14px;
	margin-left: 14px;
	display:inline;
	}

div.intro{
	clear:both;
	width: 625px;
	background-image: url(../images/deco/intro-top.png);
	background-repeat: no-repeat;
	background-position: center top;
	background-color: #CBC6D4;
	margin-top:6px;
	margin-bottom:6px;
	}


div.intro-texte{
	float:left;
	width: 607px;	/*625-18*/
	padding:9px;
}



div.intro-texte ul{
	margin:0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
}

div.intro-texte ul li{
	line-height: 18px;
	list-style-type: none;
	background-image: url(../images/deco/puce-lien-liste.png);
	background-repeat: no-repeat;
	background-position: left 5px;
	text-indent:0;
	padding-left:10px;
}



div.intro_gauche{
	float:left;
	width:294px;
	padding:9px;
}

div.intro_droite{
	float:left;
	width:294px;
	padding:9px;
}


div.intro-bas{
	clear:both;
	width: 625px;
	height:9px;
	background-image: url(../images/deco/intro-bas.png);
	background-repeat: no-repeat;
	background-position: bottom;
	}

div.inter{
	clear:both;
	width: 625px;
	height: 13px;
	background-image: url(../images/deco/ligne-pointille.png);
	background-repeat: no-repeat;
	padding-top:6px;
	padding-bottom:6px;
	background-position: center center;
	}


div.chiffre-gauche{
	float:left;
	width: 305px;
	margin-right:16px;
	margin-bottom:16px;
}

div.chiffre-droite{
	float:left;
	width: 305px;
	margin-bottom:16px;
}

div.chiffre-content{
	float:left;
	width: 289px;/*305-8-7*/
	background-image: url(../images/deco/chiffre-top.png);
	background-repeat: no-repeat;
	background-position: center top;
	background-color: #CBC6D4;
	padding:8px;
}

div.chiffre-bas{
	clear:both;
	width: 305px;
	height:9px;
	background-image: url(../images/deco/chiffre-bas.png);
	background-repeat: no-repeat;
	}

.deplie-open{
	display:block;
	clear:both;
	width: 100%;
	height: 21px;
	background-image: url(../images/deco/bt-savoirplus.png);
	background-repeat: no-repeat;
	margin-top:15px;
	margin-bottom:15px;
	background-position: right;
	}

.deplie-close{
	display:block;
	clear:both;
	width: 100%;
	height: 21px;
	background-image: url(../images/deco/bt-savoirplus-close.png);
	background-repeat: no-repeat;
	background-position: right;
	margin-top:15px;
	margin-bottom:15px;
	}

	
#centre-page-top{
	float:left;
	width: 654px;
	height: 81px;
	background-image: url(../images/deco/bg-centre-page-top.png);
	background-repeat: no-repeat;
	}

#centre-page-bas{
	float:left;
	width: 654px;
	height: 72px;
	background-image: url(../images/deco/bg-centre-page-bas.png);
	background-repeat: no-repeat;
	}
	
#droite-page{
	float:left;
	width: 273px;
	}

#newsletter-page{
	float:left;
	width: 273px;
	height: 163px;
	background-image: url(../images/deco/newsletter-page.png);
	background-repeat: no-repeat;
	}

#pt-carte{
	float:left;
	width: 271px;
	padding-left: 1px;
	padding-right: 1px;
	height: 359px;/*432-73*/
	padding-top: 73px;
	background-image: url(../images/deco/bg-pt-carte.png);
	background-repeat: no-repeat;
	}

#recherche-page{
	float:left;
	width: 253px;/*273-11-9*/
	height: 296px;
	padding-left: 11px;
	padding-right: 9px;
	padding-top: 100px;
	background-image: url(../images/deco/recherche-page.png);
	background-repeat: no-repeat;
	}

#recherche-page2{
	float:left;
	width: 253px;/*273-11-9*/
	height: 296px;
	padding-left: 11px;
	padding-right: 9px;
	padding-top: 100px;
	background-image: url(../images/deco/recherche-page2.png);
	background-repeat: no-repeat;
	}
	
/*------------------------------------------------------*
  *-----------------------------------     CSS DIV ARIANE    ----*
  *------------------------------------------------------*/
#ariane{
	float:left;
	width: 903px;
	height:20px;
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 4px;
	font-size: 11px;
	color: #998FAA;
	}

#ariane a{
	color: #998FAA;
	text-decoration:none;
	}

#ariane a:hover{
	color: #998FAA;
	text-decoration:underline;
	}
	
/*------------------------------------------------------*
  *-----------------------------------     CSS DIV BIBLIOTHEQUE    ----*
  *------------------------------------------------------*/
#contenub{
	float:left;
	width: 933px; /* 970-37*/
	margin-left: 18px;
	margin-right: 20px;
	display:inline;
	background-image: url(../images/deco/bg-contenub.png);
	background-repeat: repeat-y;

	}

#bibliotheque-entete{
	float:left;
	width: 933px;
	height: 193px;
	background-image: url(../images/deco/bibliotheque-entete.png);
	background-repeat: no-repeat;
	}
	
#bibliotheque-filtres{
	float:left;
	font-size:11px;
	width: 603px;/*628-25*/
	height: 64px;/*99-35*/
	padding-left: 25px;
	padding-top: 35px;
	margin-left:12px;
	margin-top:70px;/*94-20-4*/
	background-image: url(../images/deco/b-filtre.png);
	background-repeat: no-repeat;
	font-weight: bold;
	color: #A70E60;
	}
#bibliotheque-boutons{
	float:left;
	margin-left:9px;
	margin-top:72px;/*94-20-4+2*/
	}
	
#bibliotheque-tableau{
	float:left;
	width: 909px; /* 970-37-24*/
	padding-top: 17px;
	padding-left: 12px;
	padding-right: 12px;
	}

#contenub-footer{
	clear:both;
	background-image:url(../images/deco/b-tableau-bas.png);
	background-repeat:no-repeat;
	width:933px;
	height:80px;
	margin-left: 18px;
	margin-right: 20px;
	}
	
/*------------------------------------------------------*
  *-----------------------------------     CSS DIV TABLEAU    ----*
  *------------------------------------------------------*/
table.ma_table{
	width:909px;
	border:0;
	font-family: Arial, Helvetica, sans-serif;
	color:#A80F61;
	font-size: 11px;
	}

tr.bord-top{
	height:28px;
	background-color: #CAC6D4;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #A60D5F;
	text-align:center;
	white-space: nowrap;
	}

tr.bord-bottom{
	height:28px;
	background-color: #CAC6D4;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #A60D5F;
	text-align:center;
	white-space: nowrap;
	}
	
tr.bord-bottom td{
color:#A66587;
	}
	
tr.bord-bottom td a{
color:#A66587;
text-decoration:none;
padding-left:4px;
padding-right:4px;
	}

tr.bord-bottom td a:hover{
color:#A90E5C;
text-decoration: underline;
	}
	
tr.clair td{
	background-color: #E9E6ED;
	border: 1px solid #F6F6F8;
	padding:5px;
	}
	
tr.obscur td{
	background-color: #CAC6D4;
	border: 1px solid #F6F6F8;
	padding:5px;
	}
	
tr.inter{
	height:4px;
	}

td.titre{
	font-size: 12px;
	font-weight: bold;
	}
	
td.coin{
	height:28px;
	width:7px;
	text-indent:0px;
	padding:0px;
	}
	

/*------------------------------------------------------*
  *-----------------------------------     CSS DIV TABLEAU2    ----*
  *------------------------------------------------------*/
table.ma_table2{
	float:left;
	width:627px;
	border:0;
	font-family: Arial, Helvetica, sans-serif;
	color:#A80F61;
	font-size: 11px;
	}
	
td.cell-bold{
	font-weight: bold;
	font-size: 12px;
	}

/*------------------------------------------------------*
  *-----------------------------------     CSS DIV RECHERCHE    ----*
  *------------------------------------------------------*/
  
  
#box{
	width:251px;
	}
#box-titre{
	width:251px;

	}
#box-corps{
	width:251px;/*251-10*/
	height: 165px;
	overflow: hidden;
	background-image: url(../images/deco/box-bg.png);
	background-repeat: no-repeat;
	padding-left: 15px;
	padding-top:5px;


	}

#box2{
	width:252px;/**/
	height: 45px;/**/

	background-image: url(../images/deco/box-bg2.png);
	background-repeat: no-repeat;
	}

input.rechercher{
	width:85px;
	height:20px;
	background-image: url(../images/deco/bt-rechercher.png);
	background-repeat:no-repeat;
	border:0;
	font-size:0;
	cursor: pointer;
	}




ul#pane1 {
	list-style: none;
	font-size:10px;
	height: 155px;
	width: 231px;
	overflow:auto;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 5px;
	padding-bottom: 0px;
	padding-left: 15px;
}

ul#pane1, ul#pane1 li { margin: 0; padding: 0; }

ul#pane1 label {
	display: block;
	padding-left: 25px;
	text-indent: -25px;
	margin-bottom: 2px;
	color:#A60D5D;
	width:189px;
	background-color: #CAC6D4;
}

ul#pane1 label:hover {
	background-color: #D9D6E0;
}



	
/* Caution! Ensure accessibility in print and other media types... */
@media projection, screen { /* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */
    .ui-tabs-hide {
        display: none;
    }
}

/* Hide useless elements in print layouts... */
@media print {
    .ui-tabs-nav {
        display: none;
    }
}

/* Skin */
.ui-tabs-nav, .ui-tabs-panel {

}
.ui-tabs-nav {
	list-style: none;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 2px;
	font-size: 11px;
}
.ui-tabs-nav:after { /* clearing without presentational markup, IE gets extra treatment */
    display: block;
    clear: both;
    content: " ";
}
.ui-tabs-nav li {
	float: left;
	min-width: 94px; /* be nice to Opera */
	margin-top: 0px;
	margin-right: 1px;
	margin-bottom: 0px;
	margin-left: 0px;
}
.ui-tabs-nav a, .ui-tabs-nav a span {
    display: block;
    padding: 0 8px;
	margin:0px;
    background: url(../images/deco/tab.png) no-repeat;
}
.ui-tabs-nav a {
    margin: 1px 0 0; /* position: relative makes opacity fail for disabled tab in IE */
    padding-left: 0;
    color: #B46596;
    font-weight: bold;
    text-align: center;
    text-decoration: none;
    white-space: nowrap; /* required in IE 6 */    
    outline: 0; /* prevent dotted border in Firefox */
}
.ui-tabs-nav .ui-tabs-selected a {
    position: relative;
    top: 1px;
    z-index: 2;
    margin-top: 0;
    color: #A60D5D;
}
.ui-tabs-nav a span {
    width: 94px; /* IE 6 treats width as min-width */
    min-width: 94px;
    height: 4px; /* IE 6 treats height as min-height */
    min-height: 4px;
    padding-top: 4px;
    padding-right: 0;
}
*>.ui-tabs-nav a span { /* hide from IE 6 */
    width: auto;
    height: auto;
}
.ui-tabs-nav .ui-tabs-selected a span {
    padding-bottom: 0px;
}
.ui-tabs-nav .ui-tabs-selected a, .ui-tabs-nav a:hover, .ui-tabs-nav a:focus, .ui-tabs-nav a:active {
    background-position: 100% -150px;
}
.ui-tabs-nav a, .ui-tabs-nav .ui-tabs-disabled a:hover, .ui-tabs-nav .ui-tabs-disabled a:focus, .ui-tabs-nav .ui-tabs-disabled a:active {
    background-position: 100% -100px;
}
.ui-tabs-nav .ui-tabs-selected a span, .ui-tabs-nav a:hover span, .ui-tabs-nav a:focus span, .ui-tabs-nav a:active span {
    background-position: 0 -50px;
}
.ui-tabs-nav a span, .ui-tabs-nav .ui-tabs-disabled a:hover span, .ui-tabs-nav .ui-tabs-disabled a:focus span, .ui-tabs-nav .ui-tabs-disabled a:active span {
    background-position: 0 0;
}
.ui-tabs-nav .ui-tabs-selected a:link, .ui-tabs-nav .ui-tabs-selected a:visited, .ui-tabs-nav .ui-tabs-disabled a:link, .ui-tabs-nav .ui-tabs-disabled a:visited { /* @ Opera, use pseudo classes otherwise it confuses cursor... */
    cursor: default;
}
.ui-tabs-nav a:hover, .ui-tabs-nav a:focus, .ui-tabs-nav a:active,
.ui-tabs-nav .ui-tabs-deselectable a:hover, .ui-tabs-nav .ui-tabs-deselectable a:focus, .ui-tabs-nav .ui-tabs-deselectable a:active { /* @ Opera, we need to be explicit again here now... */
    cursor: pointer;
}
.ui-tabs-disabled {
    opacity: .2;
    filter: alpha(opacity=20);
}
.ui-tabs-panel {

	padding: 0px; /* declare background color for container to avoid distorted fonts in IE while fading */

}
.ui-tabs-loading em {
    padding: 0 0 0 20px;
    background: url(loading.gif) no-repeat 0 50%;
}

/* Additional IE specific bug fixes... */
* html .ui-tabs-nav { /* auto clear, @ IE 6 & IE 7 Quirks Mode */
    display: inline-block;
}
*:first-child+html .ui-tabs-nav  { /* @ IE 7 Standards Mode - do not group selectors, otherwise IE 6 will ignore complete rule (because of the unknown + combinator)... */
    display: inline-block;
}

/*------------------------------------------------------*
  *-----------------------------------     CSS DIV ACTU    ----*
  *------------------------------------------------------*/
select{
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	border:0;
	width: 200px;
	font-weight:normal;
	}

form#actuchooser select{
	width: 300px;
	}
/*------------------------------------------------------*
  *-----------------------------------     CSS DIV ACTU    ----*
  *------------------------------------------------------*/
a.bt-actu{
	display:block;
	width: 140px;
	height: 20px;
	background-image: url(../images/deco/bt-actu.png);
	background-repeat: no-repeat;
	cursor:pointer;
	}

/*------------------------------------------------------*
  *-----------------------------------     CSS DIV NEWSLETTER    ----*
  *------------------------------------------------------*/
div.combo{
	float:left;
	width: 200px; /*260-27*/
	margin-left:27px;
	margin-top:22px;
	padding-left : 10px;
	margin-right : 21px;
	display:inline;
	border-left-width: 2px;
	border-left-style: solid;
	border-left-color: #A70E5E;
	font-family: Arial, Helvetica, sans-serif;
	color: #C87BA5;
	font-size:10px;
	}

div.combo h1{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color:#A70E5E;
	text-transform: uppercase;
	margin:0;
	}
	

input.bouton{
	width:19px;
	height:16px;
	background-image: url(../images/deco/bt-ok.png);
	background-repeat:no-repeat;
	border:0;
	font-size:0;
	cursor: pointer;
	}
	
input.texte{
	font-family: Arial, Helvetica, sans-serif;
	font-size:10px;
	width:151px; /*158-7*/
	height:14px; /*16-2*/
	padding-left: 7px;
	padding-top: 2px;
	background-image: url(../images/deco/text-input.png);
	background-repeat:no-repeat;
	border:0;
	}

/*------------------------------------------------------*
  *-----------------------------------     CSS DIV ZOOM    ----*
  *------------------------------------------------------*/
div#zoom h1{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color:#A70E5E;
	text-transform: uppercase;
	margin:0;
	padding-bottom: 5px;
	}

div#zoom h2{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color:#5D5F5E;
	margin:0;
	padding-bottom: 5px;
	line-height:10px;
	}
	
div#zoom a{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color:#A70E5E;
	text-decoration: none;
	}	
	
/*------------------------------------------------------*
  *-----------------------------------     CSS INFOBULLES TOOLBOX     ----*
  *------------------------------------------------------*/
a.etiquette-toolbox {
	text-decoration: none;
}
a.etiquette-toolbox:hover {
	background: none;
}
a.etiquette-toolbox span {
	display: none;
}
a.etiquette-toolbox:hover span {
	display: inline;
	position: absolute;
	width:69px;
	height: 31px;/*36-5*/
	padding-top:5px;
	margin-left: -18px;
	margin-top: -24px;
	font-size:11px;
	font-weight:bold;
	color:#000000;
	background-image: url(../images/deco/infobulle.png);
	background-repeat: no-repeat;
	text-align:center;
}


a.etiquette-toolboxbis {
	text-decoration: none;
}
a.etiquette-toolboxbis:hover {
	background: none;
}
a.etiquette-toolboxbis span {
	display: none;
}
a.etiquette-toolboxbis:hover span {
	display: inline;
	position: absolute;
	width:82px;
	height: 40px;/*40-5*/
	padding-top:5px;
	margin-left: -26px;
	margin-top: -32px;
	line-height:12px;
	font-size:11px;
	font-weight:bold;
	color:#000000;
	background-image: url(../images/deco/infobullebis.png);
	background-repeat: no-repeat;
	text-align:center;
}

/*------------------------------------------------------*
  *-----------------------------------     CSS INFOBULLES BIBLIOTHEQUE     ----*
  *------------------------------------------------------*/
a.etiquette {
	text-decoration: none;
}
a.etiquette:hover {
	background: none;
}
a.etiquette span {
	display: none;
}
a.etiquette:hover span {
	display: inline;
	position: absolute;
	width:111px;
	height: 30px;/*35-5*/
	padding-top: 5px;
	margin-left: -70px;
	margin-top: -30px;
	font-size:11px;
	font-weight:bold;
	color:#A70E5E;
	background-image: url(../images/deco/infobulle2.png);
	background-repeat: no-repeat;
}

/*------------------------------------------------------*
  *-----------------------------------     CSS ACCORDEONS AJAX    ----*
  *------------------------------------------------------*/

#centre-actions{
	float:left;
	width: 654px;
	background-image: url(../images/deco/bg-centre-page.png);
	background-repeat: repeat-y;
	margin-right:2px;
	}
	
#centre-actions-top{
	float:left;
	width: 654px;
	height: 81px;
	background-image: url(../images/deco/bg-centre-page-top.png);
	background-repeat: no-repeat;
	}
	
#centre-actions-content{
	float:left;
	width: 626px;
	margin-right: 14px;
	margin-left: 14px;
	display:inline;
	}
	
#centre-actions-bas{
	float:left;
	width: 654px;
	height: 72px;
	background-image: url(../images/deco/bg-centre-page-bas.png);
	background-repeat: no-repeat;
	}
	
div.mon_titre{
	float:left;
	cursor: pointer;
	margin-bottom: 2px;
	width: 607px;/*621-14*/
	height: 22px;/*30-8*/
	padding-left: 14px;
	padding-top: 8px;
}


div.mon_contenu{
	float:left;
	width: 586px;/*621-35*/
	padding-left: 17px;
	padding-right: 18px;
	padding-top: 10px;
	padding-bottom: 10px;
}


div.mon_contenu_1{
	float:left;
	width: 190px;
}

div.mon_contenu_2{
	float:left;
	width: 190px;
	padding-left: 8px;
	padding-right: 8px;
}

div.mon_contenu_3{
	float:left;
	width: 190px;
}



div#centre-actions div#centre-actions-content div.mon_contenu  h1{
	color:#444444;
	font-size:13px;
}


#centre-actions-content-agenda{
	float:left;
	width: 622px;
	margin-right: 14px;
	margin-left: 14px;
	display:inline;
	}
	



div.mon_contenu_gauche{
	float:left;
	width:285px;
	margin-right:16px;
}

div.mon_contenu_droit{
	float:left;
	width:285px;
}

div.mon_contenu_centre{
	float:left;
	width:586px;
	text-align:center;
}


#centre-actions h3{
	width:auto;
	background-image:none;
	margin:0;
	padding-top:5px;
	padding-bottom:5px;
	padding-left:0px;
	padding-right:0px;
	color:#444444;
	font-size:13px;
	font-style: normal;
	font-weight: bold;
	text-indent: 0;
}

#centre-actions h1{
	width:auto;
	background-image:none;
	margin:0;
	padding-top:5px;
	padding-bottom:5px;
	padding-left:0px;
	padding-right:0px;
	color:#A70E5E;
	font-size:14px;
	font-style: normal;
	font-weight: bold;
	text-indent: 0;
}

.mon_titre-mini{
	clear:both;
	cursor: pointer;
	margin-top: 1px;
	width: 572px;/*586-14*/
	height: 28px;/*30-8*/
	padding-left: 14px;
	padding-top: 2px;
}


.mon_contenu-mini{
	float:left;
	width: 552px;/*586-17-17*/
	background-color:#CBC6D4;
	padding:17px;
}


div.mon_contenu_gauche-mini{
	float:left;
	width:270px;
	margin-right:12px;
}

div.mon_contenu_droite-mini{
	float:left;
	width:270px;
}

ul.maliste{
	margin:0px;
	padding:0px;
}

ul.maliste li{
	line-height: 18px;
	list-style-type: none;
	background-image: url(../images/deco/puce-lien-liste.png);
	background-repeat: no-repeat;
	background-position: left 5px;
}

ul.maliste li a{
	text-decoration: none;
	padding-left:12px;
	color:#A70E5E;
	font-weight:bold;
	font-size:13px;
}

ul.maliste li a:hover{
	text-decoration: underline;
}

img.image-actions{
	margin-left:38px;/*77/2*/
	margin-right:39px;/*77/2*/
	margin-top: 10px;
	margin-bottom: 3px;
	}

img.image-page{
	margin-left:75px;/*150/2*/
	margin-right:75px;/*150/2*/
	margin-top: 10px;
	margin-bottom: 3px;
	}




span.legende-actions{
	float:left;
	display:block;
	color:#575757;
	padding-left:50px;
	padding-right:50px;
	}
	
	
.opendiv{
	background-image: url(../images/deco/open.png);
	background-repeat: no-repeat;
	color:#A70E5E;
	font-size:12px;
	font-weight:bold;
}

.opendiv-mini{
	background-image: url(../images/deco/mini-open.png);
	background-repeat: no-repeat;
	color:#444444;
	font-size:12px;
	font-weight:bold;
}

.opendiv:hover{
	background-image: url(../images/deco/open-hover.png);
	background-repeat: no-repeat;
	color:#C81171;
}

.opendiv-mini:hover{
	background-image: url(../images/deco/mini-open-hover.png);
	background-repeat: no-repeat;
	color:#575757;
}

.closediv{
	background-image: url(../images/deco/close.png);
	background-repeat: no-repeat;
	color:#A70E5E;
	font-size:12px;
	font-weight:bold;
}

.closediv-mini{
	background-image: url(../images/deco/mini-close.png);
	background-repeat: no-repeat;
	color:#444444;
	font-size:12px;
	font-weight:bold;
}
.closediv:hover{
	background-image: url(../images/deco/close-hover.png);
	background-repeat: no-repeat;
	color:#C81171;
}

.closediv-mini:hover{
	background-image: url(../images/deco/mini-close-hover.png);
	background-repeat: no-repeat;
	color:#575757;
}


a.dl-file{
	background-image: url(../images/deco/dl-file.png);
	background-repeat: no-repeat;
	color:#A70E5E;
	text-decoration:none;
	display:block;
	width:265px;/*300-35*/
	height:20px;/*26-6*/
	padding-top:6px;
	padding-left:15px;
	padding-right:30px;
	margin-bottom:2px;
	font-size:11px;
	clear:both;
}

a.dl-file:hover{
	background-image: url(../images/deco/dl-file-hover.png);
	color:#CE1174;
}


a.dl-file2{
	background-image: url(../images/deco/dl-file.png);
	background-repeat: no-repeat;
	color:#A70E5E;
	text-decoration:none;
	display:block;
	width:265px;/*300-35*/
	height:20px;/*26-6*/
	padding-top:6px;
	padding-left:15px;
	padding-right:30px;
	margin-bottom:2px;
	font-size:11px;
	clear:both;

}

a.dl-file2:hover{
	background-image: url(../images/deco/dl-file-hover.png);
	color:#CE1174;
}


div.imagedisplay{text-align:center; width:625px;}

div.imagedisplay img{ margin-top:5px ;margin-bottom:5px; clear:both;}

a.bt-actions{
	display:block;
	width: 197px;
	height: 21px;
	background-image: url(../images/deco/bt-actions.png);
	background-repeat: no-repeat;
	cursor:pointer;
	}
a.bt-cdc{
	display:block;
	width: 173px;
	height: 21px;
	background-image: url(../images/deco/bt-cdc.png);
	background-repeat: no-repeat;
	cursor:pointer;
	}


a.bt-cr{
	display:block;
	width: 188px;
	height: 20px;
	background-image: url(../images/deco/bt-cr.png);
	background-repeat: no-repeat;
	cursor:pointer;
	}
a.bt-drcdc{
	display:block;
	width: 219px;
	height: 20px;
	background-image: url(../images/deco/bt-dr-cdc.png);
	background-repeat: no-repeat;
	cursor:pointer;
	}

a.bt-drcdc2{
	display:block;
	width: 173px;
	height: 20px;
	background-image: url(../images/deco/bt-drcdc2.png);
	background-repeat: no-repeat;
	cursor:pointer;
	}

a.bt-pr{
	display:block;
	width: 153px;
	height: 20px;
	background-image: url(../images/deco/bt-pr.png);
	background-repeat: no-repeat;
	cursor:pointer;
	}

a.bt-savoirplus{
	display:block;
	width: 87px;
	height: 21px;
	background-image: url(../images/deco/bt-savoirplus.png);
	background-repeat: no-repeat;
	cursor:pointer;
	}

a.bt-archives{
	display:block;
	width: 96px;
	height: 36px;
	background-image: url(../images/deco/bt-archives.png);
	background-repeat: no-repeat;
	cursor:pointer;
	}

a.bt-archives-europe{
	display:block;
	width: 96px;
	height: 36px;
	background-image: url(../images/deco/bt-archives-europe.png);
	background-repeat: no-repeat;
	cursor:pointer;
	font-size:0px;
	float:left;
	margin-left: 10px;
	}

a.bt-archives-territoires{
	display:block;
	width: 96px;
	height: 36px;
	background-image: url(../images/deco/bt-archives-territoires.png);
	background-repeat: no-repeat;
	cursor:pointer;
	font-size:0px;
	float:left;
	margin-left: 10px;
	}
	
a.bt-archives-regions{
	display:block;
	width: 96px;
	height: 36px;
	background-image: url(../images/deco/bt-archives-regions.png);
	background-repeat: no-repeat;
	cursor:pointer;
	font-size:0px;
	float:left;
	margin-left: 10px;
	}

a.bt-archives-secteur{
	display:block;
	width: 96px;
	height: 36px;
	background-image: url(../images/deco/bt-archives-secteur.png);
	background-repeat: no-repeat;
	cursor:pointer;
	font-size:0px;
	float:left;
	margin-left: 10px;
	}

a.bt-archives-juridiques{
	display:block;
	width: 96px;
	height: 36px;
	background-image: url(../images/deco/bt-archives-juridiques.png);
	background-repeat: no-repeat;
	cursor:pointer;
	font-size:0px;
	float:left;
	margin-left: 10px;
	}
	
hr.actions{
	clear:both;
	width: 619px;
	height: 1px;
	background-image: url(../images/deco/ligne-pointille.png);
	background-repeat: no-repeat;
	border:0;
	margin-top:15px;
	margin-bottom:15px;
	}

span.ma_citation{
	display: block;
	clear:both;
	background-image: url(../images/deco/citation2.png);
	background-repeat: no-repeat;
	text-indent: 20px;
	padding-top:10px;
	padding-left: 10px;
	min-height:33px;
	background-position: left top;
	}




a.bt-retourliste{
	display:block;
	width: 286px;
	height: 36px;
	background-image: url(../images/deco/retour.png);
	background-repeat: no-repeat;
	cursor:pointer;
	}


div.icon_text{
	clear:both;
	width: 300px;
	color:#FFFFFF;	
	font-size: 13px;
	text-transform: uppercase;	
	padding-top: 20px;
	font-weight:bold;
	line-height:14px;
	}
	
div.icon_text img{
	padding-right: 7px;
	}

	
a.bt-back{
	display:block;
	float:left;
	width: 107px;
	height: 18px;
	background-image: url(../images/deco/back.png);
	background-repeat: no-repeat;
	cursor:pointer;
	}

a.bt-forward{
	display:block;
	float:right;
	width: 81px;
	height: 18px;
	background-image: url(../images/deco/forward.png);
	background-repeat: no-repeat;
	cursor:pointer;
	}
div.nom{
	float:left;
	width: 400px;
	padding-left: 10px;
	padding-right: 9px;
	text-align: center;
	color:#A70E5E;
	font-size:22px;
	font-weight:bold;
}

div.back-forward{
	float:left;
	width: 607px;	/*625-18*/
	padding:9px;
	background-color:#CBC6D4;
	text-align: center;
}

h2.soutien{
display:block;
float:left;
width:100%;
	width: 607px;
	color:#A70E5E;
	font-size:13px;
	font-weight:bold;
}

/*------------------------------------------------------*
  *-----------------------------------     CSS INTERVENTIONS    ----*
  *------------------------------------------------------*/
  

div.module-intervention{
	width: 545px;
	}



div.module-intervention-top{
	float:left;
	width: 520px;/*545-9-16*/
	background-image: url(../images/deco/intervention-top.png);
	background-repeat: no-repeat;
	background-position: center top;
	background-color: #CBC6D4;
	padding-top:9px;
	padding-left:9px;
	padding-right:16px;
	}

div.intervention_gauche{
	float:left;
	width:242px;/*260-18*/
	padding:9px;
}

div.intervention_droite{
	float:left;
	width:242px;/*260-18*/
	padding:9px;
}

div.module-intervention-bas{
	clear:both;
	width: 545px;
	height:15px;/*9+6*/
	background-image: url(../images/deco/intervention-bas.png);
	background-repeat: no-repeat;
	}

div.bg-icon{
	float:left;
	width:48px;/*55-7*/
	height:48px;/*54-6*/
	background-image: url(../images/deco/bg-icon.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-color: #CBC6D4;
	padding-left:7px;
	padding-top:6px;
	}


div.intervention-titre{
	float:left;
	width: 626px;
	color:#A70E5E;
	font-size:18px;
	padding-bottom:10px;
	}


ul.maliste-mini{
	margin:0px;
	padding:0px;
}

ul.maliste-mini li{
	line-height: 13px;
	list-style-type: none;
	background-image: url(../images/deco/puce-lien-liste-mini.png);
	background-repeat: no-repeat;
	background-position: left 7px;
	margin-bottom:8px;
}

ul.maliste-mini li a{
	text-decoration: none;
	padding-left:12px;
	color:#A70E5E;
	font-size:11px;
}

ul.maliste-mini li a:hover{
	text-decoration: underline;
}


/*------------------------------------------------------*
  *-----------------------------------     CSS DIV ARTICLES    ----*
  *------------------------------------------------------*/


#article-entete{
	float:left;
	width: 933px;
	height: 100px;
	background-image: url(../images/deco/article-entete.png);
	background-repeat: no-repeat;
	}
	
#article-filtres{
	float:left;
	font-size:11px;
	width: 907px;/*907-*/
	height: 97px;/*97-*/
	margin-left:12px;
	display:inline;
	background-image: url(../images/deco/a-filtre.png);
	background-repeat: no-repeat;
	font-weight: bold;
	color: #A70E60;
	}


#article-nom{
	float:left;
	font-size:18px;
	width: 867px;/*907-20-20*/
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 10px;
	padding-bottom: 10px;
	margin-left:12px;
	display:inline;
	margin-top:10px;
	font-weight: bold;
	color: #A70E60;
	background-color: #CBC6D4;
	}
	
#article-content{
	float:left;
	width: 909px; /* 970-37-24*/
	padding-top: 17px;
	padding-left: 12px;
	padding-right: 12px;
	}

#article-content h3{
	display:block;
	width: 300px;
	background-image: url(../images/deco/citation.png);
	background-repeat: no-repeat;
	background-position: left top;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left:300px;/*609/2*/
	padding-right:309px;/*306/2*/
	color:#A70E5E;
	font-size:12px;
	font-style: italic;
	font-weight: bold;
	text-indent: 20px;
	}

#article-content img{
	padding-top: 0px;
	padding-right: 15px;
	padding-bottom: 5px;
	padding-left: 0px;
	border:0;
	float:left;
	}




#article-content ul{
	padding:0px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 35px;
}

#article-content ul li{
	line-height: 18px;
	list-style-type: none;
	background-image: url(../images/deco/puce-lien-liste-mini.png);
	background-repeat: no-repeat;
	background-position: left 5px;
}

#article-content ul li a{
	text-decoration: none;
	padding-left:12px;
	color:#A70E5E;
	font-size:11px;
}

#article-content ul li a:hover{
	text-decoration: underline;
}



#centre-page-content ul li a{
	text-decoration: none;
	padding-left:12px;
	color:#A70E5E;
	font-size:12px;
}

#centre-page-content ul li a:hover{
	text-decoration: underline;
}


#article-content a{
	color:#A70E5E;
	font-size:11px;
}

#article-content a:hover{
	text-decoration: none;
}

a.lienverspage{
	color:#A70E5E;
	font-size:10px;
	text-decoration: none;
	background-image: url(../images/deco/puce-lien-liste-mini.png);
	background-repeat: no-repeat;
	background-position: left 5px;
	padding-left: 10px;
}

a.lienverspage:hover{
	text-decoration: underline;
}


a.bt-actu-back{
	display:block;
	float:left;
	width: 88px;
	height: 22px;
	margin-left: 17px;
	background-image: url(../images/deco/actu-back.png);
	background-repeat: no-repeat;
	cursor:pointer;
	}

a.bt-actu-forward{
	display:block;
	float:right;
	width: 86px;
	height: 22px;
	margin-right: 17px;
	background-image: url(../images/deco/actu-forward.png);
	background-repeat: no-repeat;
	cursor:pointer;
	}

div.actu-back-forward{
	float:left;
	width: 907px;	/*625-18*/
	padding-top:50px;
}
	
div.nom_actu{
 	float:left;
 	width:300px;
 	padding-left:230px;
}
	
	
#article-content-liste{
	float:left;
	width: 900px; /* 970-37-24*/
	padding-top: 17px;
	padding-left: 21px;
	padding-right: 12px;
	}

div.inter2{
	clear:both;
	width: 900px;
	height: 13px;
	background-image: url(../images/deco/ligne-pointille2.png);
	background-repeat: no-repeat;
	padding-top:6px;
	padding-bottom:6px;
	background-position: center center;
	}

div.pt-article{
	float:left;
	width: 660px;
	}


div.pt-article-top{
	float:left;
	width: 640px;/*660-20*/
	background-image: url(../images/deco/actu-pt-top.png);
	background-repeat: no-repeat;
	background-position: center top;
	background-color: #CBC6D4;
	padding-left:10px;
	padding-right:10px;
	padding-top: 9px;
	min-height: 132px;/*150-9-9*/
	}

div.pt-article-bas{
	clear:both;
	width: 660px;
	height:9px;
	background-image: url(../images/deco/actu-pt-bas.png);
	background-repeat: no-repeat;
	}
	
div.gd-article{
	float:left;
	width: 900px;
	}


div.gd-article-top{
	float:left;
	width: 880px;/*900-20*/
	background-image: url(../images/deco/actu-gd-top.png);
	background-repeat: no-repeat;
	background-position: center top;
	background-color: #CBC6D4;
	padding-left:10px;
	padding-right:10px;
	padding-top: 9px;
	min-height: 132px;/*150-9-9*/
	}

div.gd-article-bas{
	clear:both;
	width: 900px;
	height:9px;
	background-image: url(../images/deco/actu-gd-bas.png);
	background-repeat: no-repeat;
	}

div.pt-article-top h1, div.gd-article-top h1{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color:#A70E5E;
	margin:0;
	}

span.date{
	font-size: 12px;
	color:#A70E5E;
	padding-bottom:6px;
	display:block;
	}
	
/*------------------------------------------------------*
  *-----------------------------------     CSS DIVERS    ----*
  *------------------------------------------------------*/
  
form{
	padding:0;
	margin:0;
	}

p{
	margin-bottom: 10px;
	margin-top: 0px;
	text-align:justify;
	}
	
	


input.boutonrecherche{
	width:52px;
	height:21px;
	background-image: url(../images/deco/bt-valider.gif);
	background-repeat:no-repeat;
	border:0;
	font-size:0;
	cursor: pointer;
	}

.recherchevalider{
	background-image: url(../images/deco/fd-recherchebiblio.png);
	background-repeat:no-repeat;
	height:31px;
	float:left;
	margin-left:15px;
	padding-left:15px;
	padding-top:11px;
}



a.spip_in, a.spip_out{
	text-decoration: underline;
	color:#A70E5E;
}

a.spip_in:hover, a.spip_out:hover{
	text-decoration: none;
}


img.image-actu{
	margin-left:155px;
	margin-top: 10px;
	margin-bottom: 3px;
	}


span.legende-actu{
	display:block;
	width:600px;
	color:#A70E5E;
	margin-left:155px;
	margin-bottom:10px;
	}


ul.spip{
	margin:0px;
	padding:0px;
}

li.spip{
	line-height: 18px;
	list-style-type: none;
	background-image: url(../images/deco/puce-lien-liste-mini.png);
	background-repeat: no-repeat;
	background-position: left 5px;
	padding-left: 10px;
	color:#A70E5E;
}

div#titre-bloc-actu{
	float:left; padding-top:16px;
	padding-left:16px;
	color:#5E5E5E;
	font-size:16px;
	text-transform:uppercase;
	font-weight:bold;
	width:700px;
}


a, a:link, a:hover, a:active, a:visited{
	color: #A70E5E;
	}

h2{
	color:#A70E5E;
	font-size:13px;
	font-weight:bold;
}


form fieldset {
	padding: 20px;
	color:#5E5E5E;
	border: none;
	display: block;
	background-color: #CBC6D4;
 }
 
form fieldset legend {
	background-color: #CBC6D4;
	color:#A70E5E;
	font-size:16px;
	font-weight:bold;
 }

input.validation-newsletter{
	width:140px;
	height:20px;
	background-image: url(../images/deco/validation-newsletter.png);
	background-repeat:no-repeat;
	border:0;
	font-size:0;
	cursor: pointer;
	}