/* =============================================================================================
	Pour faire une recherche sur un des grands blocs de la feuille de style, faites preceder votre mot-cle du signe =
	
	les grands blocs (=bloc) de la page : =page, =bandeau, =menu, =navigation, =contenu, =encadres, =portlet, =pied
	les contextes (=contexte) : =dsi (intranet), =popup, =rubrique, =collaboratif, =gestion 
	les fiches (=fiche) : =actualite, =article, =annuaire, =document, =defautstructure, =pagelibre, =recherche
	
============================================================================================= */


/* ===========================
	Initialisation des styles par defaut
=========================== */
body {
	color: #37535b;
	font-family:  verdana, arial, sans-serif; 
	font-weight: normal;	
	font-size: 0.7em;
	border: 0;
	margin: 0;
}


.inst_cadre_haut {
	position: relative;
	width: 952px;
	height: 69px;
	margin: 0px auto 0px auto;

}

#lien_ucl {
	position: absolute;
	width: 139px;
	height: 17px; 
	top: 32px;
	left: 25px;
	z-index: 5;		
	display: block;
	margin:0;
	font-size: 0px;
	
}

fieldset {
	border: 0;
}

h4, h5, h6, pre, code{
        font-family:   "Lucida Sans", verdana, arial, sans-serif; 
	font-weight: normal;	


}

h1 {
	font-family: verdana, arial, sans-serif; 
	font-weight: bold;	
	font-size: 1.4em;
}

h2 {
	color: #666666;
	font-family: verdana, arial, sans-serif; 
	font-weight: bold;	
	font-size: 1.4em;
}

h3 {
	color: #666666;
	font-family: verdana, arial, sans-serif; 
	font-weight: bold;	
	font-size: 1.0em;

}

.encadre-fiche-contenu h3 {
	color: #666666;
	font-family: verdana, arial, sans-serif; 
	font-weight: bold;	
	font-size: 1.2em;
	height: 25px;
	vertical-align: middle;
	margin: 0 0 0 0;
	padding: 0 0 0 30px;
}

ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form,   blockquote, fieldset{
	margin: 0;
	padding: 0 0 0 0;
}

li {
	list-style-type : square;
}

html {
	font-size: 100%;
	border: 0;
	margin: 0;
	padding: 0;
	
}

a img, :link img, :visited img {
	border: none;
	
}

/* ===========================
	Styles Communs
===========================*/

/* =liens */
a {
	text-decoration: none;
	font-size:1.0em;
	
}

/* état "focus" important pour accessibilité web */
a:focus {
	color: #000 !important;
	text-decoration: none !important;
}


a:hover {
	color:#000;
	/*background: none;*/
}

/* Liens des langues */
a.lg { 
	/*text-decoration: underline; */
}

a.lg:focus {
	color: #000;
	/*text-decoration: underline;*/
}

a.lg:hover {
	color:#000;
	/*text-decoration: underline;*/
	background: none;
	
}
/* fin langue */

hr.separateur_sections_page{
	display: none;
}

/* === classes communes === */

.hide {
position: absolute;
visibility: hidden;
}

/* employer le terme "separateur" plutôt que "clear"
pour standardisation des id-class en français */
.clear,
.separateur{
	clear: both;
	margin: 0;
	padding: 0;
	height: 1px;
}

.erreur {
font-style: normal;
font-weight: 700;
color: red;
}

.retour {
cursor: pointer;
}

/* champs de formulaires en lecture seule */
form input.readonly {
	background-color: #ccc;
	width: 50px;
		
}



.champ-saisie, select {
	border: 1px solid #39393B;
	font-weight: normal;
	font-family:  verdana, arial, sans-serif; 
	font-size: 1em;
	color: #666;
}

.ok {
	background: #D0D0D0;
	width:25px;
	font-family:  verdana, arial, sans-serif; 
	font-size: 0.7em;
	font-weight: 700;
	height:18px;
	text-transform:uppercase;
	vertical-align: top;
	margin: -2px 0 0 0;
	padding-left: 3px;
}

.legende {
font: normal xx-small/1.0 Verdana, sans-serif;
color: #666;
margin: 0.5em 0 1em 0;
background-color: transparent;
}

.photo img {

}

/* === Listes d'affichage === */

ul.liste-documents li{
	margin: 0;
	padding: 10px 0;
	clear: left;
	border-top: 1px solid #CBADB5;
	list-style-type: none;
}

ul.liste-objets liste-articles li,
ul.liste-articles li{
	margin: 0;
	padding: 10px 0;
	clear: left;
	list-style-type: none;
}
ul.liste-actualites li{
	margin: 0;
	padding: 10px 0;
	clear: left;
	list-style-type: none;
}



ul.liste-documents li a,
ul.liste-actualites a,
ul.liste-articles a {
	padding-left: 0;
}

ul.liste-documents li span,
ul.liste-actualites li span,
ul.liste-articles li span {
	display: block;
}

ul.liste-documents em,
ul.liste-actualites em,
ul.liste-articles em{
	font-style: normal;
	margin: 0;
	padding: 0;
	font-weight: bold;

}

ul.liste-documents a.telecharger-fichiers {
	display: block;
}

ul.liste-documents span.soustitre-liste,
ul.liste-actualites span.soustitre-liste,
ul.liste-articles span.soustitre-liste {
	font-weight: normal;
	font-size: 1em;
}

ul.liste-documents span.date-liste,
ul.liste-actualites span.date-liste,
ul.liste-articles span.date-liste{
	color: #222e44;
}

ul.liste-documents p,
ul.liste-actualites p,
ul.liste-articles p{
	font-size: 1em;
	margin: 0;
	padding: 0;
}

ul.liste-pardefaut li {
	margin: 0 0 0 0;
	padding: 0 0 0 15px;
	clear: left;
	list-style-type: none;
}

ul.fluxrss li {
	list-style-type: none;
}

ul.fluxrss li span {
	display: block;
}

.img-liste {
	float: left;
	clear: left;
	padding-top: 5px;
	margin: 0 10px 0 0;
	/* background: url(img/inst_cadre_imagette.png) no-repeat 0px 0px; */
}

.img-liste-agenda {
	float:right;
	padding-top: 5px;
	margin: 0 10px 0 0;
}

ul.liste-articles span.redac-liste {
	font-size: 1em;
	font-style: italic;
	color: #000000;
}


/* *******************
	=Bloc =Bandeau
******************** */

#logo2 {
	position: absolute;
	top: 20px;
	left: 25px;
	z-index: 10;
	vertical-align: middle;
}

#bandeau {
	position: relative;
	height: 218px;
	left: 5px;
	top: 3px; 
	z-index: 0;
	
}

#bandeau_flash {
        position: absolute;
        height: 218px;
        top: 23px;
		left: 0px;
}

#bandeau .champ-saisie{
	border: 1px solid #39393B;
	font-weight: normal;
	font-family:  verdana, arial, sans-serif; 
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	width: 110px;
	height: 13px;
	text-align: center;
}

/******************************************
	=Langue
******************************************/
#langue {
	position: absolute;
	top: 206px;
	left: 610px;
	width: 130px;
	height: 15px;
	z-index:30;
    margin-top: 0px;
    margin-bottom: 5px;
}
#langue #ul {
        margin-top: 0px;
        list-style-type:none;
}

#langue #ul #li {
        margin-top: 0px;
		margin-right: 8px;
        display: inline;
}

/******************************************
	=Recherche =Simple
******************************************/

form#recherche_simple {
	position: absolute;
	top: 206px;
	left: 720px;
	width: 170px;
	height: 15px;
	z-index:30;
}

#recherche_simple .champ-saisie {
	border: 1px solid #39393B;
	font-weight: normal;
	font-family:  verdana, arial, sans-serif; 
	font-size: 0.9em;
	height: 13px;
	color: #6A6A6A;
	background: #FFF;
	padding-left: 3px;
	width: 110px;
}

#recherche_simple label {
	color: #666666;
	font-weight: normal;
	font-size: 1em;
	font-family: arial, sans-serif;
	display: none;
}

#recherche_simple a {
	font-size: xx-small;
	color: #39393B;
}

#recherche_simple p#vers_recherche_avancee {
	margin: 0;
}


/********************************
	=Connexion
*********************************/

#connexion {
position: absolute;
top: 40px;
left: 425px;
width: 172px;
}

#connexion legend {
color: #ffb623;
font-weight: 700;
font-size: 1.3em;
font-family: arial, sans-serif;
padding: 0;
}

#connexion label{
	display: block;
	margin: 0;
	color: #ffb623;
	font-weight: 700;
}

#connexion input#login_intranet {
margin-bottom: 0;
}

#connexion a {
font-size: xx-small;
color: #39393B;
}

#connexion p#mot_de_passe_oublie {
margin: 0;
}


/* **********************
	=Block =Menu
*********************** */

#menu {
	position: absolute;
	left: 215px;
	top: 12px;
	float: left;
	width: 675px;
	background-color: #fff;
	z-index: 10;
	font-family:  verdana, arial, sans-serif; 	
	font-weight: normal;
	font-size: 0.9em;
}

#menu li{
	list-style-type: none;
}

#xiti-logo{
	height:0px;
	width:0px;
	position: absolute;
	
	left: 0px;
	top: 0px;
}

#outils {
	/*border-left: 1px solid #6A6A6A;*/
	position: absolute;	
	left: 450px;
	top: 12px;
	float: left;
	z-index: 10;
	background-color: #fff;
}

ul#outils {
	list-style-type: none;
}

ul#outils li {
	border-right: 1px solid #6A6A6A;
	font-family:  "Lucida Sans", verdana, arial, sans-serif; 	
	font-weight: normal;
	font-size: 0.9em;
	text-transform : uppercase;
	text-align: center;
	float: left;
	height: 12px;
	position: relative;
	width: 86px;
	list-style-type: none;
}

#outils em {
	font-style: normal;
	color: #000;
}

#outils a {
	text-decoration: none;
}

#outils a:hover {
	color: #000;
	background: none;
}

#outils em a {
	text-decoration: none;
	font-style: normal;
	color: #000;
}


#services {
	margin-left: 10px;
}

#services label {
	color: #FFB623;
	font-weight: 700;
	font-size: 1.1em;
	vertical-align: middle;
}

#services legend {
display: none;
}

#services select {
	font-size: 1em;
}

#services .valider {
	font-size: 0.9em;

}

/************************
	=Bloc =Navigation
*************************/

#navigation {
	float: left;
	position: relative;
	width: 192px; 
	margin: 20px 0 0px 0px;
	padding: 0 20px 0 30px;
	text-align: left;
	z-index: 5;
}

#navigation #anglais {
	margin-top: 0px;
	margin-bottom: 5px;
	width: 21px;
	height: 16px;
	
}

#navigation h3 {
	color: #fff;
	font-weight: normal;
}

#navigation .visuel-rubrique {
	height: 80px;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	padding: 0px 0 21px 0;
	color: #fff;
}

/*** surcharge =Collaboratif ***/

.collaboratif #navigation h3 { 
	font-weight: 700; 
	font-size: 130%; 
	margin:1em 10px 1em 20px;
	line-height:1.4;
}


/* --- */

p#acces_direct{ 
	display: none;
	margin:0 0 0 0 ;
}

p#raccourcis{
margin:0;
display:none;
}

p#raccourcis a{
color:#fff;
}

p#acces_direct a,
p#acces_direct a:visited {
	display: block;
	width: 1000px;
	padding: 0.4em 0 1.1em 0;
	color: #332e44;
	background: transparent;
	font-weight: 700;
	text-align: center;
	text-decoration: none;
	font-size: 1.1em;

}

p#acces_direct a:hover,
p#acces_direct a:focus,
p#acces_direct a:active{
	background: #ffb623 url(img/acces_direct.png) no-repeat center bottom;
}

/*** Menu principal */

.menu_haut_barre1 {
	position: absolute;
	top: 0px;
	left: -1px;
	border-left: 1px solid #6A6A6A;
	/*border-right: 1px solid #6A6A6A;*/
	font-family:  "Lucida Sans", verdana, arial, sans-serif; 
	font-weight: normal;	
	font-size: 0.9em;
	width: 117px;
	height: 12px;
	text-transform : uppercase;
	text-align: center;
	/*float : left;*/

}

.menu1_haut_barre1 {
	position: absolute;
	top: 0px;
	left: -1px;
	border-left: 1px solid #6A6A6A;
	font-family:  "Lucida Sans", verdana, arial, sans-serif; 
	font-weight: normal;	
	font-size: 0.9em;
	height: 12px;
	text-transform : uppercase;
	text-align: center;
	z-index:5;
}


.menu_haut_barre2 {
	position: absolute;
	top: 0px;
	left: 117px;
	/*border-left: 1px solid #6A6A6A;
	border-right: 1px solid #6A6A6A;*/
	font-family:  "Lucida Sans", verdana, arial, sans-serif; 
	font-weight: normal;	
	font-size: 0.9em;
	width: 117px;
	height: 12px;
	text-transform : uppercase;
	text-align: center;
}

.menu1_haut_barre2 {
	position: absolute;
	top: 0px;
	/*border-right: 1px solid #6A6A6A;*/
	font-family:  "Lucida Sans", verdana, arial, sans-serif; 
	font-weight: normal;	
	font-size: 0.9em;
	height: 16px;
	text-transform : uppercase;
	text-align: center;
	z-index:5;
}

.menu_haut_barre3 {
	position: absolute;
	top: 0px;
	left: 235px;
	border-left: 1px solid #6A6A6A;
	border-right: 1px solid #6A6A6A;
	font-family:  "Lucida Sans", verdana, arial, sans-serif; 
	font-weight: normal;	
	font-size: 0.9em;
	width: 117px;
	height: 12px;
	text-transform : uppercase;
	text-align: center;

}

.menu1_haut_barre3 {
	position: absolute;
	top: 0px;
	/*border-right: 1px solid #6A6A6A;*/
	font-family:  "Lucida Sans", verdana, arial, sans-serif; 
	font-weight: normal;	
	font-size: 0.9em;
	height: 16px;
	text-transform : uppercase;
	text-align: center;
	z-index:5;
}

.menu_haut_barre4 {
	position: absolute;
	top: 0px;
	left: 353px;
	border-left: 1px solid #6A6A6A;
	font-family:  "Lucida Sans", verdana, arial, sans-serif; 
	font-weight: normal;	
	font-size: 0.9em;
	width: 117px;
	height: 12px;
	text-transform : uppercase;
	text-align: center;
}

.menu1_haut_barre4 {
	position: absolute;
	top: 0px;

	font-family:  "Lucida Sans", verdana, arial, sans-serif; 
	font-weight: normal;	
	font-size: 0.9em;
	height: 16px;
	text-transform : uppercase;
	text-align: center;
	z-index:5;
}

.menu1_haut_barre5 {
	position: absolute;
	top: 0px;
	/*border-right: 1px solid #6A6A6A;*/
	font-family:  "Lucida Sans", verdana, arial, sans-serif; 
	font-weight: normal;	
	font-size: 0.9em;
	height: 16px;
	text-transform : uppercase;
	text-align: center;
	z-index:5;
}

.menu1_haut_barre6 {
	position: absolute;
	top: 0px;
	/*border-right: 1px solid #6A6A6A;*/
	font-family:  "Lucida Sans", verdana, arial, sans-serif; 
	font-weight: normal;	
	font-size: 0.9em;
	height: 16px;
	text-transform : uppercase;
	text-align: center;
	z-index:5;
}

.menu1_haut_barre7 {
	position: absolute;
	top: 0px;
	/*border-right: 1px solid #6A6A6A;*/
	font-family:  "Lucida Sans", verdana, arial, sans-serif; 
	font-weight: normal;	
	font-size: 0.9em;
	height: 16px;
	text-transform : uppercase;
	text-align: center;
	z-index:5;
}

.menu_haut {
	width: 680px;
	margin: 0px;
	padding: 0px;
}

.menu1_haut {
	width: 680px;
	margin: 0px;
	padding: 0px;
}


ul.menu-principal {
	list-style-type: none;
	
}

ul.menu1-principal {
	list-style-type: none;
	
}

ul.menu-principal li {
	font-family: "Lucida Sans", verdana, arial, sans-serif; 
	font-weight: normal;	
	text-transform : uppercase;
	text-align: center;
	float: left;
	width: 117px;
	height: 16px;
	position: relative;
	
}

ul.menu1-principal li {
	font-family: "Lucida Sans", verdana, arial, sans-serif; 
	font-weight: normal;	
	text-transform : uppercase;
	text-align: center;
	float: left;
	height: 16px;
	position: relative;
	z-index:6;
}

div.barre{
	height: 12px;
	border-right: 1px solid #6A6A6A;
}

/*ul.menu-principal ul {
	position: absolute;
	top: 16px;
	left: 0;
	padding: 5px 2px 6px 2px;
	height: 161px;
	display: none;
	list-style-type: none;
	z-index: 5;
	vertical-align: middle;
	line-height: normal;
	margin: 0px 0px 0px -1px;	
}*/

ul.menu-principal ul {
	position: absolute;
	top: 16px;
	left: 0;
	padding: 5px 2px 0px 2px;
	height: 167px;
	display: none;
	list-style-type: none;
	z-index: 5;
	vertical-align: middle;
	line-height: normal;
	margin: 0px 0px 2px -1px;
	line-height: 10px;
	/*margin: 0px 0px 5px 0px;*/	
	/*margin-left: 10px; padding-left: 0;*/
}

ul.menu1-principal ul {
	position: absolute;
	top: 16px;
	left: 0;
	padding: 5px 2px 0px 2px;
	height: 167px;
	display: none;
	list-style-type: none;
	z-index: 5;
	vertical-align: middle;
	line-height: normal;
	margin: 0px 0px 2px -1px;
	line-height: 10px;
	/*margin: 0px 0px 5px 0px;*/	
	/*margin-left: 10px; padding-left: 0;*/
}

.menu_fond {
	width: 117px;
	height: 161px;
}

.menu1_fond {
	/*max-width: 117px;*/
	height: 161px;
}

/*ul.menu-principal ul li {
	border-left: none;
	float: none;
	text-transform : none;
	color: #fff;
	padding: 3px 0 0px 0;
	width: 114px;
	min-height: 20px;
	line-height: 20px;
	text-align: left;
	vertical-align: middle;	
	font-weight: normal;
}*/

ul.menu-principal ul li {
	border-left: none;
	float: none;
	text-transform : none;
	color: #fff;
	padding: 0 0 10px 0;
	text-align: left;
	vertical-align: middle;	
	font-weight: normal;
	border-right: none;
}

ul.menu1-principal ul li {
	border-left: none;
	float: none;
	text-transform : none;
	color: #fff;
	padding: 0 0 10px 0;
	text-align: left;
	vertical-align: middle;	
	font-weight: normal;
	border-right: none;
}

ul.menu-principal ul li a {
	color: #fff;
}

ul.menu1-principal ul li a {
	color: #fff;
}

ul.menu-principal ul li a:hover {
	color: #000;	
}

ul.menu1-principal ul li a:hover {
	color: #000;	
}


.menu-principal em {
	font-weight: normal;
}

.menu1-principal em {
	font-weight: normal;
}

.menu-principal a {
	text-decoration: none;
}

.menu1-principal a {
	text-decoration: none;
}

.menu-principal ul a:hover,
.menu1-principal ul a:hover,
.menu-principal ul a:active,
.menu1-principal ul a:active,
.menu-principal a:hover,
.menu1-principal a:hover {
	color: #000;
	background: none;
}



/*** Menu secondaire */
.menu_secondaire_deco2 {
	padding-top: 5px;
	padding-left: 14px;
	margin-bottom: 0px;	
	
}


.menu_secondaire_deco0 {
	font-weight: bold;
	font-family:  verdana, arial, sans-serif; 
	vertical-align: middle;
	color: #FFF;
	text-decoration: none;	
	list-style-type: none;

}

.menu_secondaire_deco0_titre {
	text-transform : uppercase;
	vertical-align: middle;
	height: 17px;
	padding: 2px 0 0 10px;
	font-size: 1.0em;
	
}

.menu_secondaire_deco0_titre_light {
/*	text-transform : uppercase;*/
	vertical-align: middle;
	height: 17px;
	padding: 2px 0 0 10px;
	font-size: 1.0em;
	
}

ul.menu_secondaire li{
	padding: 1px 0 0 0px;
}

ul.menu_secondaire {
	list-style-type: none;	
}

.menu_secondaire ul {
	margin: 3px 0 15px -14px;
}

.menu_secondaire ul li {
	list-style-type: none;
	padding: 0 0 0 10px;
	margin: 6px 0 0 0;	
	/*height: 20px;*/
}


/*** Menu secondaire sous rubriques */
.menu_secondaire_sous_rub_titre {
	width: 192px;
	height: 17px;
	vertical-align: middle;
	font-weight: bold;
	font-family:  verdana, arial, sans-serif; 
	text-transform : uppercase;
	color: #FFF;
	text-decoration: none;
	padding: 2px 0 0 10px;
}

.menu_secondaire_sous_rub_deco2 {
	border-bottom: 1px solid #FFF;
	font-weight: bold;	
	font-style: normal;
	font-family:  verdana, arial, sans-serif; 
	width: 172px;	
	min-height: 20px;
	padding-top: 0px;
	background-color: #F3F3F3;
	list-style-position: outside;
}
.menu_secondaire_sous_rub_deco2 em {
	color: #000;
}

.menu_secondaire_sous_rub_deco1 {
	border-bottom: 1px solid #DEDEDE;
	font-weight: bold;
	font-style: normal;
	font-family:  verdana, arial, sans-serif; 
	width: 182px;
	min-height: 16px;
	padding-top: 2px;
	padding-left: 10px;
}


.menu_secondaire_sous_rub_deco1_em {
	border-bottom: 1px solid #DEDEDE;
	font-weight: bold;
	font-style: normal;
	font-family:  verdana, arial, sans-serif; 
	width: 182px;
	min-height: 16px;
	padding-top: 2px;
	
}



ul.menu_secondaire_sous_rub
{
	padding: 0 0 20px 0;
	font-weight: normal;
	font-family:  verdana, arial, sans-serif; 
	width:182px;
}

ul.menu_secondaire_sous_rub li {
	padding: 1px 0 0 0px;
	font-weight: normal;
	list-style-type: none;
	font-family:  verdana, arial, sans-serif; 

}
.menu_secondaire_sous_rub_decalage{
	padding-left: 1px;
	width: 192px;
}



.menu_secondaire_sous_rub a {
	font-weight: bold;	
	font-family:  verdana, arial, sans-serif; 
	list-style-type: none;	
	list-style-image: none;	
}

.menu_secondaire_sous_rub em a {
	font-weight: bold;
	font-family:  verdana, arial, sans-serif; 
	list-style-type: none;
	padding-leftxxx: 10px;
	background: transparent url(img/menu_secondaire_puce_noir.gif) no-repeat 0 50%;
	color: #000;
}

ul.menu_secondaire_sous_rub {
	list-style-type: none;
	font-weight: normal;
	
	font-family:  verdana, arial, sans-serif; 
	
}

.menu_secondaire_sous_rub ul {
	font-weight: normal;
	
	font-family:  verdana, arial, sans-serif; 
	margin: 0 0 0 10px;
	border-bottom: 1px solid #DEDEDE;
	border-top: 1px solid #DEDEDE;
}


.menu_secondaire_sous_rub ul li {
	list-style-type: none;
	padding: 0 0 0 0px;
	line-height: 20px;	
}

.menu_secondaire_sous_rub a:hover,
.menu_secondaire_sous_rub a:active {
	color: #000;
	background: none;
}

.menu_secondaire_sous_rub ul a {
	padding-left: 10px;	
}

.menu_secondaire_sous_rub ul a:hover,
.menu_secondaire_sous_rub ul a:active {
	color: #000;
	background: none;
}

.menu_secondaire_sous_rub ul em a,
.menu_secondaire_sous_rub ul em a:hover {	
	font-style: normal;
	list-style-type: none;
	padding-left: 10px;
	background: transparent url(img/menu_secondaire_puce_noir.gif) no-repeat 0 50%;
	color: #000;
}


.acces_direct_deco {
	float: left;
	/*background: transparent url(img/fond_acces_direct.gif) no-repeat 0 0;*/
	width: 192px;
	/*height: 147px;*/
        margin: 0 0 20px 0;
}
.acces_direct_deco_haut {
        background: transparent url(img/acces_direct_haut.gif) no-repeat 0 0;
        height: 13px;
        margin : 0 0 0 0;
}
.acces_direct_deco_milieu {
        background: transparent url(img/acces_direct_milieu.gif) repeat-y;
}
/*.acces_direct_deco_bas {
        background: transparent url(img/acces_direct_milieu.gif) no-repeat 0 0;
}*/
.acces_direct_deco_titre{
        margin: -15px 0 10px 10px;
	color: #666666;
        text-transform: uppercase;
	font-weight: bold;
}

.acces_direct_deco_lien{
	margin: 0 0 10px 10px;
}

.acces_direct_deco span {
	color: #666666;
        margin-left: 10px;
	font-size: 1em;
	font-weight: normal;
}

.acces_direct_deco select {
	width: 170px;
	color: #666666;
	font-weight: normal;
        margin-left: 10px;
	margin-bottom: 10px;
        white-space : normal;
}

.acces_direct_deco .bouton_ok,
.acces_direct_deco .bouton_ok input  {
	color: #FFF;
	width: 25px;
	font-family:  verdana, arial, sans-serif; 
	font-size: 0.9em;
	font-weight: 700;
	height:18px;
	vertical-align: top;
	text-align: right;
}



/*********************************
	=Bloc =Contenu
*********************************/
#deco-contenu {
	height:	auto;
	float: left;
	position: relative;
	
}

#contenu_avec_encadres {
	float: left;
	margin: 0 0 0 0;
	padding: 20px 0 0 0;
	width: 468px;
	min-height:300px;
	text-align: left;
	overflow: hidden;
}


#contenu_sans_encadres {	
	float: left;
	margin: 0 0 0 0;
	padding: 20px 0 0 0;
	width: 680px;
	min-height: 300px;
	text-align: left;
}


/* pour plan de site et liste imbriquees dans toolbox */
#contenu_avec_encadres ul,
#contenu_avec_encadres ol,
#contenu_sans_encadres ul,
#contenu_sans_encadres ol {
	/*margin:0 0 0 0;*/
	padding:0 0 0 0;
}



#redacteur, #date_modification, #contact_rubrique {
text-align: right;
font-size: 0px;
}

#redacteur {
margin-right: 0;
margin-bottom: 0;
margin-left: 0;
}

#date-modification, #contact-rubrique {
margin: 0;
}

/*** surcharge =Page =libre  ***/


.pagelibre hx {
	margin:15px auto 20px auto;
     width: 952px; /* largeur obligatoire pour être centré */

}

/*** surcharge =Rubrique ***/
.rubrique hx {
	font-size: 1.6em;
	font-weight: 700;
	font-family: arial, sans-serif;
	padding: 6px 100px 6px 366px;
	margin: 0;
}




.ligne {
	margin: 0 0 0 0;
	clear:left;
	
}

.colonne {
	float:left;
}

.premiere_ligne {
	border:0;
	padding-top:0;
}

.filet {
	background-color: #778aaa;
	height: 1px;
	font-size: 1px;
	margin: 7px 0 3px 0;
}


/*** Plan du site  ***/

.plandusite {

	margin-left:0px;
}

.plansite1 li {
	margin-left:20px;
	list-style-type: none;
	font-weight: bold;
}

.plansite2 li {
	margin-left:40px;
	list-style-type: disc;
	font-weight: normal;
}


/************************
	=Bloc =Encadres
*************************/

#encadres {
	float: left;
	width: 192px;
	padding: 20px 0 0 0;
	
}

.right-top {
	border-top: 1px solid #332e44;
	border-bottom: 1px solid #332e44;
}

.right-top-in {
	padding: 3px 0 5px 20px;
	border-right: 8px solid #ff6022;
}

.right-top .titre {
	color: #332e44;
	font-weight: 700;
	font-size: 110%;
}

a.box-esp { 
	background: url(img/en_savoir_plus2.gif) no-repeat 100% 0;
	display: block;
	height: 10px;
	width: 165px;
	text-decoration: none;
	margin-top: 10px
}

a.box-esp span { 
	display: none;
}





/*
4 types d'encadrés :
	- Générique
	- De rubrique
	- De fiche
	- De recherche contextuelle
*/


/* ------------------------
 encadres génériques
------------------------ 

generique-top > generique
generique-in > deco-generique-1
generique > deco-generique-2

rubrique-top > rubrique
rubrique-in > deco-rubrique-1
rubrique > deco-rubrique-2

*/



div.encadre-rubrique {
	padding: 10px 0 10px 15px;
}

.deco-generique-2 ul,
.deco-rubrique-2 ul,
.deco-generique-2 ol,
.deco-rubrique-2 ol{
	margin : 10px 10px 0 15px;
}

/*** Fix Toolbox ***/
.deco-generique-2 ul div,
.deco-rubrique-2 ul div {
	display:inline;
}

/* ------------------------------------------------
encadrés de fiche, de navigation rubrique, automatique de fiche
------------------------------------------------ */


.encadre-auto-fiche{
	padding : 20px 0 20px 20px;
	margin-right : 20px;
	font-family:  verdana, arial, sans-serif; 	
	font-weight: normal;

	text-align: justify;
}

.encadre-nav-auto,
.encadre-espace,
.encadre_recherche {
	padding : 20px 0 20px 20px;
	margin : 0 20px 0 0; 
	color: #666666;
	font-family:  verdana, arial, sans-serif; 	
	font-weight: normal;
	text-align: justify;
}

.encadre-fiche {
	padding : 0 0 20px 20px;
	width : 192px;
	color: #666666;
	font-family:  verdana, arial, sans-serif; 
	font-weight: normal;	

	text-align: left;
}




.encadre-fiche h3,
.encadre-auto-fiche h3,
.encadre-nav-auto h3,
.encadre-espace h3,
.encadre_recherche h3 {
	
	font-family:  verdana, arial, sans-serif; 
	font-weight: bold;	
	margin : 1em 0;
}

.encadre-fiche div,
.encadre-auto-fiche div,
.encadre-espace div {
	margin : 1em 0;
}

.encadre-auto-fiche ul#telecharger {
	padding: 0 20px 0 20px;
	margin: 0 20px 0 20px;
}

.encadre-auto-fiche ul#telecharger li {
	list-style-type: none;
}


/* Type de fichier-joint */

ul#fichiersjoints{
	margin:0.5em 0 0 0;
	padding:0;
	position:relative;
}

ul#fichiersjoints li{
	position: relative;
	list-style-type: none;
	display: inline;
}

a.pdf, a.doc, a.xls, a.ppt,
a.sxw, a.sxc, a.sxi, a.image, a.defaut {
display: block;
padding: 3px 20px 3px 0;
margin: 0;
background-color: transparent;
background-repeat: no-repeat;
background-position: 100% 50%;
}

a.pdf {
background-image: url(img/pictos/pdf.png);
}

a.doc {
background-image: url(img/pictos/msword.png);
}

a.xls {
background-image: url(img/pictos/msexcel.png);
}

a.ppt {
background-image: url(img/pictos/mspowerpoint.png);
}

a.sxw {
background-image: url(img/pictos/ooo_texte.png);
}

a.sxc {
background-image: url(img/pictos/ooo_classeur.png);
}

a.sxi {
background-image: url(img/pictos/ooo_presentation.png);
}

a.image {
background-image: url(img/pictos/image.png);
}

a.defaut {
background-image: url(img/pictos/defaut.png);
}


/* ------------------------
 encadres de recherche
------------------------ */

.encadre_recherche label {
	color: #666666;
	font-size : 1em;
	margin-left: 2px;
	display:block;
}

.encadre_recherche legend {
	display:none;
}

.encadre_recherche .champ-saisie {
	width : 146px;
	border : 1px solid #332e44;
}

.encadre_recherche select {
	width : 150px;
	border : 1px solid #332e44;
	color: #666666;
}

.encadre_align,
.encadre_recherche a img {
	vertical-align:middle;
}



.encadre_recherche input {
	padding:1px 0;
	
	

}

.encadre_recherche p.parcourir input.champ-saisie{
	width:146px;
	
}


.encadre_recherche input.effacer,
.encadre_recherche input.envoyer,
.encadre_recherche input.valider{
	padding:1px 0;

	color: #FFF;
	width: 25px;
	font-family:  verdana, arial, sans-serif; 
	font-size: 0.9em;
	font-weight: normal;
	height:18px;
	vertical-align: middle;
	text-align: center;
	width: 75px;
	text-transform:uppercase;
}




.firstencadre {
	border : 0;
}


/*******************
	=Bloc =Pied de Page
********************/

#gap {
	position: relative;
	clear: both;
	height: 50px;
}

#pied_page {
	position: relative;
	clear: both;
	height: 27px;
}

#boutons_actions {
	position: relative;
	clear: both;

}
/* ------------------ */

#haut_page {
	background: transparent url(img/haut_page.gif) no-repeat 0 0;
	margin-right: 10px;
}

#envoyer_amis {
	padding-top: 3px;
	padding-left: 28px;
	margin: 0 0 0 0;
	height: 20px;
}

#zone_vide {
	margin: 0 0 0 0;
	height: 36px;
}

#logo_region {
	padding-top: 40px;
	margin: 0 0 0 0;
	height: 30px;
}

#logo_region_text{
	margin: 0 0 0 0;
	padding-right: 50px;
	height: 30px;
}

#envoyer_amis a:hover {
}

#envoyer_imprimer {
	padding-top: 0px;
	padding-left: 28px;
	margin: 0 0 0 0;
	height: 20px;
}

.font_table {
	font-size: 1em;
}

#envoyer_imprimer a:hover {
}


/* =Adresse bas de page ------------------ */

address{
	position:relative;
	top:1.5em;
	margin: -18px 0 0 400px;
	padding: 0 0 0 20px;
	font-style: normal;
}

address a {
	color: #fff;
	text-decoration: none;
}

/* ------------------ */

p#liens_pratiques{
	padding-top: 2px;
	padding-left: 5px;
	font-size: 1em;
	text-align: center;
	font-family:  verdana, arial, sans-serif; 
	font-weight: normal;
	margin: 0 auto ;

}

p#liens_pratiques a{
/*	color:#fff;*/
	margin-right:10px;

}

p#liens_pratiques a.rss{
	background:url(img/rss.png) no-repeat 0 50%;
	padding-left:17px;
}

/********************************
	=Contexte =DSI
********************************/
.dsi #connexion p#personne_dsi {
margin: 0 0 1em 0;
color: #fff;
font-weight: 700;
}

.dsi #personne_dsi span {
display: block;
color: #ffb623;
font-weight: 700;
font-size: 1.3em;
font-family: arial, sans-serif;
}

.dsi #connexion ul {
margin-top: 1em;
}

.dsi #connexion ul li {
display: inline;
list-style-type: none;
}

.dsi #select_profil {
width: 140px;
}

/********************************
	=Contexte =Popup
********************************/

.popup {
background-color: #fff;
padding:10px;
}

/*************************************************
	=Contexte =Rubrique
**************************************************/

#titre-rubrique {
	clear: left;
	border-bottom-width: 1px;
	border-bottom-style: solid;
}

#photo {
	height: 80px;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	padding: 0px 0 21px 0;
	color: #fff;
}

#photo div {
	padding-left: 30px;
}
#fil_ariane,
p#fil_ariane {
	font-size: 1em;
	padding: 0;
	text-decoration: none;
	font-weight: 700;
}

#fil_ariane em a,
p#fil_ariane em a {
	color: #707070;
	text-decoration: none;
	font-style: normal;
	font-weight: 700;
}

#fil_ariane a,
p#fil_ariane a {
	font-weight: 700;
	text-decoration: none;
}

#fil_ariane a:hover,
p#fil_ariane a:hover {
	color: #000;
	font-weight: 700;
	text-decoration: none;
}

a#se_connecter {
display: block;
margin-top: 60px;
margin-left: 15px;
}

#accroche {
position: relative;
font-family: verdana, helvetica, arial, sans-serif; 
font-size: 1.25em;
line-height: 1.3;
min-height: 88px;
}

#accroche p {
padding-top: 10px;
padding-right: 20px;
padding-bottom: 10px;
margin: 0;
}

#accroche .visuel-rubrique {
float: left;
background-repeat: no-repeat;
width: 366px;
height: 147px;
}

#accroche .clear {
font-size: 1px;
background-color: #332e44;
height: 1px;
}


.para-an {
	color: #666666;
	padding: 5px 0;
	font-family:  verdana, arial, sans-serif; 
	font-size: 1em;
	font-weight: normal;


}

.para-an h3 {
	padding: 10px 0;
	margin-bottom: 0.3em;
	font-weight:bold;
}

.para-an ul {
	margin-left: 20px;
	
}

.para-an li {
	list-style-type: square;
}


/**********************
	=Fiche =Actualite
***********************/
body.actualite #thematique {
	color: #666666;
	margin: 8px 0;
	font-weight: bold; 
	font-family:  verdana, arial, sans-serif; 
	font-size: 1em;
	border-bottom: 1px dotted #A63538;	
}

body.actualite #soustitre {
	margin:8px 0;
	color: #666666;
	font-family:  verdana, arial, sans-serif; 
	font-weight: bold;
	font-size: 1em;
}

body.actualite .photo {
	float: left;
	margin: 0 10px 0 0;
}

body.actualite #date {
	color: #000000;
	margin: 0.5em 0 0 0;
	padding-top: 0.5em;
	font-weight: normal; 
	font-family:  verdana, arial, sans-serif; 
	font-size: 1.2em;
}

body.actualite #resume {
	color: #666666;
	margin: .5em 0 1.5em 0;
	padding-top: 0.5em;
	font-weight: bold; 
	font-family:  verdana, arial, sans-serif; 
	font-size: 1em;
	text-align: justify;
	}

body.actualite #description {
	text-align: left;
	margin-bottom: 1.5em;
	color: #666666;
	font-family:  verdana, arial, sans-serif; 
	font-weight: normal;
	font-size: 1em;
	text-align: justify;
}


.lien-plan {
	display: block;
	margin-top: 10px;
}


/* --- Listes de définitions --- */

/* de type 1 */

dl.type_1 {
	color: #666666;
	font-family:  verdana, arial, sans-serif; 
	font-weight: normal;
	font-size: 1em;
	margin: 10px 0 0 0;
	width: 100%;
}

dl.type_1 dt {

	margin: 0 0 0 0px;
	padding: 0 0 0 1.5em;
	font-weight: bold;
	
}

dl.type_1 dd {
	padding: 0.5em 2%;
	margin-left: 20px;

}

/* de type 1 dans fiche actualité */
dl.type_1 .liste_def_contact,
dl.type_1 .liste_def_type,
dl.type_1 .liste_def_site,
dl.type_1 .liste_def_partenaires {
}

/* de type 1 dans fiche document */
dl.type_1 .liste_def_source, 
dl.type_1 .liste_def_editeur,
dl.type_1 .liste_def_type_document,
dl.type_1 .liste_def_dates,
dl.type_1 .liste_def_complement_info {
/*        margin: 5px;*/
}

/* de type 2 */

dl.type_2 {
	border-bottom: 1px solid #cbadb5;
	border-top: 1px solid #cbadb5;
	background: #fff url(img/liste_definition_type_2.png) repeat-y;
	position: relative;
	padding-bottom: 0.3em;
	margin: 0 0 0.2em 0;
	font-family:  verdana, arial, sans-serif; 
	font-size: 1em;

}

dl.type_2 dt {
	padding-top: 0.4em;
	width: 185px;
	
	text-align: right;
}

dl.type_2 dd {
	padding-top: 0.4em;
	margin-top: -14px;
	padding: 0 2%;
	margin-left: 190px;
}


/* --- fin --- */

/*****************************
	=Commentaires
*****************************/
#commenter {
text-align:right;
font-size: xx-small;
}

#commenter a {
color: #666666;
border: 1px solid #686868;
background-color: #e5e5e5;
margin: 13px 0;
padding: 2px;
float:right;
}

#commenter a {
display: block;
}
 
.com-outer {
clear:both;
border: solid #A63538;
border-width: 1px 6px 1px 0;
}

.com-inner {
/*background-image: url(img/filet_droit.png);*/
background-repeat: repeat-x;
background-position: bottom left;
}

.com-inner h3 {
	color: #000000;
	font-size: 1em;
	margin: 0;
	padding: 20px 0 5px 5px;
	/*background: #fff url(img/com_h3_bgd.gif) repeat-y;*/
	background: #CCCCCC;
}

.com-inner ul {
margin: 0;
}

.com-inner ul#com-ul1 {
padding: 0;
}

.com-inner li {
list-style-type: none;
border-left: 1px solid #A63538;
/*background-image: url(img/filet_droit.png);*/
background-repeat: repeat-x;
background-position: bottom left;
}

.li1 {
padding-left: 0px;
margin-top: 30px;
}

.li1first {
margin-top: 0;
}

.li1 ul {
margin-left: 6px;
}


.com-voir {
float: right;
padding: 20px 10px 0 0;
}

.com-voir a {
color: #666666;
font-size: xx-small;
/*background: #fff url(img/com_voir_bgd.gif) no-repeat 0 50%;*/
background: #CCCCCC;
padding: 0 0 0 25px;
}

p.com-titre {
clear:both;
color:#666666;
font-weight:700;
padding:2px 0 2px 10px;
border-top:1px solid;
margin:0;
}

.com-titre0 {
/*background-color:#CCCCCC;*/
}

.com-titre1 {
/*background-color:#8bbfff;*/
}

p.com-date,
p.com-site{
	margin: 0 0 0 6px;
/*	background-color: #e4dff7;*/
	color: #000000;
	font-size: x-small;
	padding: 2px 5px;
	border-left: 1px solid #332e44;
}

p.com-site,
.com-corps {
border-top:1px solid #6e858c;
border-left: 1px solid #332e44;
}

.com-auteur {
border-left:1px solid #000000;
padding-left:5px;
}

.com-corps {
margin-left:6px;
background-color:#fff;
padding:2px 0 0 5px;
color:#666666;
border-left: 1px solid #000000;
}

.com-new {
border-top: 30px solid #fff;
}

.repondre {
border-top: 1px solid #adb8ca;
margin: 5px 0 0 0;
background: #fff;
}

.repondre a { 
color: #7b3349; 
border-left: 1px solid #7b3349;
/*border-right: 1px solid #7b3349;*/
/*padding: 0px 10px; */
padding: 0 0 0 10px;
/*margin: 0 30px 0 380px; */
margin: 0 0 0 380px; 
width: 5em;
}

/**********************
	=Fiche =Article
***********************/

body.article #thematique {
	color: #666666;
	margin: 8px 0;
	font-weight: bold; 
	font-family:  verdana, arial, sans-serif; 
	font-size: 1em;
}

body.article #soustitre {
	margin:8px 0;
	color: #666666;
	font-family:  verdana, arial, sans-serif; 
	font-weight: normal;
	font-size: 1.2em;
}

body.article .photo {
	float : left;
	margin : 0 10px 0 0;
	display : inline;
}

body.article #date {
	color: #666666;
	margin: .5em 0 0 0;
	padding: 0.5em 0;
	font-size: 1em;
	font-weight: normal; 
	font-family: verdana, arial, sans-serif;
}

body.article #chapeau {
	color : #666666;
	margin : 10px 0 20px 0;
	font-family:  verdana, arial, sans-serif; 
	font-weight: bold;
	font-size: 1em;

}

body.article #corps {
	text-align : justify;
}


/******************************
	=Fiche =Document
*******************************/
body.document #description {
	text-align: left;
	text-align: justify;
        font-size: 1em;
        font-weight: normal;
        color: #666666;
        margin-bottom: 1.5em;
        /*border-top:1px solid #CBADB5;
	padding: 10px 0;*/
}

body.document .photo {
	float: left;
	background: #fff;
	margin: 0 10px 0 0;
}

body.document #thematique {
	color: #666666;
	margin:8px 0;
	font-size: 1em;
	font-weight: bold; 
	font-family: verdana, arial, sans-serif;
}

body.document #soustitre {
color: #666666;
margin: 8px 0;
font-weight: normal; 
font-size: 1.2em;
font-family: verdana, arial, sans-serif;
}

body.document #auteurs {
color: #666666;
margin: 8px 0;
padding-top: 5px;
font-weight: normal; 
font-family: verdana, arial, sans-serif;
/*border-top: 1px solid #CBADB5;*/
}

body.document #resume {
color : #666666;
margin: 0;
padding: 8px 0;
/*border-top: 1px solid #CBADB5;*/
font-weight: bold;
font-size: 1em;
text-align: justify;
}

body.document #referenceisdn {
color : #666666;
margin: 8px 0;
padding: 0;
/*border-top: 1px solid #CBADB5;*/
}

/********************************
	=Fiche =PageLibre
*********************************/

.colonne_deco {	

	padding : 0 0 15px 20px;
}

html>body .colonne_deco { 
/* float: left; abandonne a cause pb toolbox (alignement des img) */
	overflow: hidden;
}

.derniere_colonne .colonne_deco {
	margin-right : 0;
}

.premiere_colonne .colonne_deco {
	border : 0 ;
	padding-left : 0;
}

.style1 {
	color: #666666;
	font-family:  verdana, arial, sans-serif; 
	font-weight: normal;	
	text-align: justify;
	width: 468px;
}

.style1 li {
	list-style-type: square;
}

.style1-img-liste {
	padding: 0px 0px 0px 0px;
	margin: 4px 4px 4px 4px;
	width: 83px;
	height: 85px;
}

.style1-img-enc {
	width: 98px;
	float: left;
	clear: left;
	background: url(img/inst_cadre_imagette.png) no-repeat 0 0;
}
.style1-col,
.style1-deco {
	font-weight:normal;
	width: 468px;
	margin: 0 0 0 0;
}

.style1-table {
	font-size:1em;
	margin: 0 0 0 0;
	padding: 0 0 0 0;	
}

.style1-up {
	vertical-align: top;
}

.style1-lar {
	clear:left;
}

.deco-generique-2,
.deco-rubrique-2,
.style1-encadr-width {
	color: #666666;
	font-family:  verdana, arial, sans-serif; 
	font-weight: normal;	
	text-align: left;
	width: 192px;
	margin: 0 0 0 0;
	padding: 0 0 0 0;	

 }
 
 .stage_important {
 	margin: 0 0 0 0;
	padding: 0 0 0 0;	

 }

.style1-encadr
{
	width: 192px;
	margin: 2px 20px 3px 20px;
}


.style1-encadr h3 {
	color: #666666;
	font-family: verdana, arial, sans-serif; 
	font-weight: bold;	
	font-size: 1.2em;
	height: 25px;
	vertical-align: middle;
	margin: 0 0 0 0;
	padding: 0 0 0 30px;
}
.deco-generique-1,
.deco-rubrique-1 h3,
.deco-rubrique-2 h3,
.encadre-generique,
.style1-encadr-gris
{
	text-align: left;
	width: 172px;
	margin: 0 20px 0 20px;
	padding: 0 10px 0 10px;
}

.deco-generique-1 h3,
.style1-encadr-gris h3 {
	font-size: 1.2em;
	width: 172px;
}

.lar_gris {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	width: 172px;
}

.lar_gris p {
	margin: 0 0 0 0;
	padding: 0 0 0 0;

}

.deco-generique-1 p{
	margin: 0 20px 0 0px;
	padding: 0 10px 0 0px;
}

.style1-encadr-gris li{
	list-style-type: none;
}


.style1-encadr-gris-haut
{
	width: 192px;
	margin: 10px 0 0 20px;
	font-size : 0.1em;
}

.style1-encadr-gris-bas
{
	width: 192px;
	margin: 0 0 10px 20px;
}

.style2 {
	color: #666666;
	font-weight: normal;
	font-family:  verdana, arial, sans-serif; 
	text-align: justify;
}

.style2-deco {
	width: 680px;
}

.style2-encadr {
	width: 0px;
}

.style3 {
	color: #666666;
	font-weight: normal;
	font-family:  verdana, arial, sans-serif; 
	
	text-align: justify;

}

.style3-deco {
	font-weight:normal;
	margin: 0 0 0 0;
}

.style3-encadr {
	width: 0px;
}


.img-liste300{
	margin: 0 0 0 0;
	padding: 0 0 0 15px;
	width:330px;
}
 
.img-liste301{
	margin: 0 0 0 0;
	padding: 0 0 0 15px;
	width:330px;
}

.img-liste31{
	margin: 0 0 0 0;
	padding: 10px 0 10px 0;
	float: left;
	clear: left;
	width: 330px;
	border-bottom: 1px dotted  #666666;
}

.img-liste30{
	margin: 0 0 0 20px;
	padding: 10px 0 10px 0;
	float: left;
	width: 329px;
	border-bottom: 1px dotted  #666666;
}

.style4 {
	color: #666666;
	font-weight: normal;
	font-family:  verdana, arial, sans-serif; 
	
	text-align: justify;

}

.normal {
	font-weight: normal;

}

.capital {
	text-transform: capitalize;
}

.style4-deco {
	font-weight:normal;
	width: 468px;
}

.style4-encadr
{
	text-align: left;
	width: 192px;
	margin: 28px 20px 3px 20px;
}

.style5 {	
	color: #666666;
	font-weight: normal;
	font-family:  verdana, arial, sans-serif; 	
	text-align: justify;
	width:680px;
}

.style5-mid {
	vertical-align: middle;
}

.date-liste{
	padding : 5px 0 0 0;
	margin : 0px 0 0 0;
	color: black;
	font-weight: normal;
	font-family:  verdana, arial, sans-serif; 
	font-size : 0.9em;
	clear:left;
}


.style5-deco {
	
	font-weight:normal;
	margin: 0 0 0 0;
	text-align: justify;	
}

.style5-encadr {
	width: 0px;
}

.style5-table {
	margin: 0 20px 0 0;
	padding: 0 0 0 0;
	width: 320px;
	border-bottom: 1px dotted  #666666;
	font-size:1em;
}

.img-liste500{
	margin: 0 0 0 0;
	padding: 0 0 0 15px;
	font-weight:bold;
	width: 330px;
}
 
.img-liste501{
	margin: 0 0 0 0;
	padding: 0 0 0 15px;
	font-weight:bold;
	width: 330px;
}

.img-liste51{
	margin: 0 0 0 0;
	padding: 10px 0 10px 0;
	float: left;
	clear: left;
	width: 330px;	
}

.img-liste50{
	margin: 0 0 0 0;
	padding: 10px 0 10px 0;
	float: right;
	clear: right;
	width: 329px;
	
}

.style6 {
	margin-top: 20px;
	color: #666666;
	font-weight: normal;
	font-family:  verdana, arial, sans-serif; 	
	text-align: justify;	
}


.style6-titre {
	font-weight:bold;
	color: black;
	z-index: 1;
	float: left;
  	width: 137px;
  	margin: 3px 0 0 0;
  	padding-top: 0px;
  	height: 18px;
  	text-align: center;
 
  }
  
 .style6-titre-select {
	font-weight:bold;
	color: white;
	z-index: 1;
	float: left;
  	width: 137px;
  	margin: 0 0 0 0;
  	padding-top: 4px;
  	height: 21px;
  	text-align: center;
 
  }
  
.style6-titre-horiz { 
	float: left;
	width: 131px;  	
	height: 21px;
	margin: 0px 0 0 0;
  	padding-top: 0px;
 }
 
 .style6-titre-horiz2 { 
 	float: left;
	width: 136px;  	
	height: 21px;
	margin: 0px 0 0 0;
  	padding-top: 0px;
 }
 
.style6-titre-horiz3 { 
 	float: left;
	width: 141px;  	
	height: 21px;
	margin: 0px 0 0 0;
  	padding-top: 0px;
 }

.style6-deco {
	z-index: 50;
	color: #666666;
	font-weight: normal;
	font-family:  verdana, arial, sans-serif; 	
	xxxxwidthxxx: 680px;
	width: 680px;
	clear: left;
	text-align: justify;
	xxxxpadding-left: 20px;
	
}

.style6-deco pxxx {
	xxxxwidthxxxx: 640px;
	width: 660px;
	
}
.style6-encadr {
	width: 0px;
}

.style7 {
	color: #666666;
	font-weight: normal;
	font-family:  verdana, arial, sans-serif; 
	
}
.style7-deco {
	color: #666666;
	font-weight: normal;
	font-family:  verdana, arial, sans-serif; 
	
	clear: left;
	text-align: justify;
}

/**** structure
*/
.style8 {
	color: #666666;
	font-weight: normal;
	font-family:  verdana, arial, sans-serif; 
	
}

 
.img-liste800{
	margin: 0 0 0 0;
	padding: 0 0 0 15px;
	width:330px;
	
	
}

.img-liste81{
	margin: 0 0 0 0;
	padding: 10px 0 10px 0;
	float: left;
	clear: left;
	width: 330px;
	border-bottom: 1px dotted  #666666;
}

.img-liste80{
	margin: 0 0 0 20px;
	padding: 10px 0 10px 0;
	float: left;	
	width: 329px;
	border-bottom: 1px dotted  #666666;
}

/**** formation
*/
.style9 {
	color: #666666;
	font-weight: normal;
	font-family:  verdana, arial, sans-serif; 
	margin: 0 0 0 0;
	width: 468px;
}

.style9-ent{
	margin: 20px 0 0 0;
	font-weight: normal;
        text-align: justify;

}

.style9-bal{
        margin: 20px 0 0 0;
        padding: 0 0 0 15px;
        font-weight: bold;
}

.style9-ssbal {
	color: #666666;
	font-weight: normal;
	font-family:  verdana, arial, sans-serif; 

}

.style9-ongl {
	color: #666666;
	margin: 20px 0 0 0;
	font-weight: bold;
	font-family:  verdana, arial, sans-serif; 
	vertical-align: middle;
}
 
.style9-ongl p {
	font-weight: normal;
}
.styl9onfirst,
.styl9offfirst,
.styl9on,
.styl9off,
.styl9offon,
.styl9onlast,
.styl9offlast{
	height: 40px;
	margin: 1px 0 0 0;
	padding: 0 0 0 20px;
	vertical-align: middle;
	line-height: 40px;
	font-size: 1.2em;
}



.style11 {
	color: #666666;
	font-weight: bold;
	font-family:  verdana, arial, sans-serif; 
	font-size: 1.2em;
	text-align: justify;

}


.style12 {
	color: #666666;
	font-family:  verdana, arial, sans-serif; 
	margin: 0 0 0 0;
	padding: 0 0 0 15px;
	font-weight: bold;
	
}

.style13 {
	color: #666666;
	font-weight: bold;
	font-family:  verdana, arial, sans-serif; 
	font-size: 1.2em;
}

.elementnormal{
	padding: 1em;
	margin:0 !important;
	position:relative;
		
	color: #666666;
	font-weight: normal;
	font-family:  verdana, arial, sans-serif; 
}

.elementcollapsed{
	display:none;
}

.styl9off a,
.styl9offon a,
.styl9offfirst a,
.styl9onlast a,
.styl9offlast a {
	vertical-align: middle;
}


.sansstyle { 
	padding-top:1em;
	color: #666666;
	font-weight: normal;
	font-family:  verdana, arial, sans-serif; 
	font-size : 1em;
	text-align: justify;

}

.sansstyle ul {
	margin-left: 20px;
}

.sansstyle li {
	list-style-type: none;
}

.liens-ra{
	padding-top: 10px;
	clear:left;
	
	font-weight: normal;
	font-family:  verdana, arial, sans-serif; 
	font-size: 1em;
	}
	
.balise-actu{
	margin: 0 0 0 0;
	padding: 0 0 0 15px;
	float: left;
	list-style-type: none;
	font-weight: bold;
	color: #666666;	
}

/*** Fix Toolbox ***/

.colonne_deco * li div {
	display: inline;
}
/********************************
	=Fiche =Recherche
********************************/

#precisions_resultats {
	color: #6f8689;
	margin: 8px 0 0 0;
	font-weight: normal;
	font-family:  verdana, arial, sans-serif; 
	font-size: 1em;

}

ul.liste_resultats {
	margin-top: 1em;
	font-weight: normal;
	font-family:  verdana, arial, sans-serif; 
	font-size: 1em;
/*	width: 680px;*/
	clear: left;

}

ul.liste_resultats li {
	margin-bottom: 1em;
	padding-bottom:1em;
	margin: 10px 0 0 0;
	padding: 0 0 0 15px;
	list-style-type: none;

}


/******************************************
	=Recherche =Avancée
******************************************/

form#recherche_avancee {
	width: 97%;
	
	color: #666666;
	font-weight: normal;
	font-family:  verdana, arial, sans-serif; 
	font-size: 1em;
}

#recherche_avancee legend {
	display: none;
}

#recherche_avancee p {
	
	margin: 0;
	padding: 0.5em 0;
	overflow: auto;
	clear: both;
	font-weight: normal;
	font-family:  verdana, arial, sans-serif; 

}


#recherche_avancee label {
	float: left;
	width: 125px;
	padding-left: 5px;
	padding-right: 5px;
	color: #666666;	
	font-weight: normal;
	font-family:  verdana, arial, sans-serif; 

}



#recherche_avancee label.no_float {
	float: none;
}

.ChampSaisie {
	width: 360px;
	
}

div#encadres .ChampSaisie {
	width: 100%;
}

select.ChampSaisie {
	width: 360px;
	font-weight: normal;
	font-family:  verdana, arial, sans-serif; 
	font-size: 1em;
	border: 1px solid ;
	border-color: #666666;
}

div#encadres select.ChampSaisie {
	width: 100%;
	font-weight: normal;
	font-family:  verdana, arial, sans-serif; 
	font-size: 1em;
	border: 1px solid ;
	border-color: #666666;
}

#CHAMP6 .ChampSaisie {
	width: 360px;
	font-weight: normal;
	font-family:  verdana, arial, sans-serif; 
	font-size: 1em;
	border: 1px solid ;
	border-color: #666666;

}

div#encadres #CHAMP6 .ChampSaisie {
	width: 100%;
	font-weight: normal;
	font-family:  verdana, arial, sans-serif; 
	font-size: 1em;
	border: 1px solid ;
	border-color: #666666;

}


#recherche_avancee .ChampSaisie {
	width: 360px;
	font-weight: normal;
	font-family:  verdana, arial, sans-serif; 
	font-size: 1em;
	border: 1px solid ;
	border-color: #666666;

}

div#encadres #recherche_avancee .ChampSaisie {
	width: 100%;
	font-weight: normal;
	font-family:  verdana, arial, sans-serif; 
	font-size: 1em;
	border: 1px solid ;
	border-color: #666666;

}

p.boutons input{
	padding:1px 0;
	color: #FFF;
	width: 25px;
	font-family:  verdana, arial, sans-serif; 
	font-size: 1em;
	font-weight: 700;
	height:18px;
	vertical-align: middle;
	text-align: center;
	width: 65px;
}


#recherche_avancee input.bouton ,
.parcourir input.bouton {

	width: 65px;
	font-weight: normal;
	font-family:  verdana, arial, sans-serif; 
	font-size: 1em;
	border: 1px solid ;
	border-color: #666666;

}

#recherche_avancee p.boutons input {

	padding:1px 0;
	color: #FFF;
	
	font-family:  verdana, arial, sans-serif; 
	font-size: 0.9em;
	font-weight: normal;
	height:18px;
	vertical-align: middle;
	text-align: center;
	width: 65px;
	text-transform:uppercase;
	
}

/* ne pas enlever */
#recherche_avancee p.boutons {

}



a.precedent, a.suivant, a.premier, a.dernier {
	font-size: xx-small;
	border: 1px solid #333;
	margin: 0 0 10px 10px;
	padding: 2px;
	border: 0;
}


/**********************************************
	 =Contexte =Fiche =Collaboratif =Gestion
***********************************************/

/*** layout du collaboratif ***/
.collaboratif #encadres {
	display:none;
}

.collaboratif #navigation ul,
.collaboratif #navigation ol {
	list-style:none;
}
.collaboratif .ligne {
	border: 0;
}



/*** end layout ***/


/*** styles du collaboratif ***/
.collaboratif #menu {
border-bottom: 1px solid #332e44;
}

/*** Zone Centrale ***/
.collaboratif .conteneursousparagrapheaccueil {
float:left;
width:45%;
margin-top: 2em;
padding-right:3%;
}

.collaboratif .colonne {
width:95%;
margin-top: 2em;
}

.collaboratif .conteneursousparagraphealbum {
float:left;
width:95%;
margin-top: 2em;
}


/****** Home - Tribu ****/

#responsables {
  font-size: 1em;
  color: #000;
  margin:0 0 15px 0;
  font-style: italic;
}


/* Titres des Services */
h3.service, h3.service2 {
  font-size: 110%; 
  font-weight: 700;
  padding: 0.3em 60% 0.3em 10px; 
  background: url(img/escalier.gif) no-repeat 49% 0;
  clear:both;
  position:relative;
}

/* Titres page tribu */
.conteneursousparagrapheaccueil h3.service {
	margin-bottom: 0;
	background: url(img/escalier.gif) no-repeat 47% 0;
}


/* Titre requeteur */
h3.service2 {
background: url(img/escalier2.gif) no-repeat 49% 100%;
/*
color:#000;
border-top:1px solid #D2E0E2;
*/
}
/*** Menus du Collaboratif ****/
#espace {
	padding: 1em 0 0 20px;

}


#navigation #espace h3 {
	font-family:  verdana, arial, sans-serif; 
	font-weight: bold;	
	
	display:inline;
	margin:0 10px 0 0;
}

#espace img {
  margin:1em 10px 1em 0;
  vertical-align:middle;
  cursor: pointer;
}

.collaboratif #navigation ul{ 
  margin:1em 10px 1em 20px;
  line-height:1.4; 
} 

/* Liste de mes espaces */

.collaboratif #navigation select,
.collaboratif #navigation label { 
  margin: .5em 0 .5em 20px; 
}

.collaboratif #navigation select {
  border:1px solid #ccc;
  font-size: 90%;
  color:#666;
  width:120px;
}

.collaboratif #navigation option {
  padding: 2px;
}

.collaboratif #navigation .ok {
  margin-top:.5em;
  vertical-align: top;
  border:1px solid #ccc;
}

.collaboratif #navigation label {
  color:#666666;
}

form#liste_espaces input.valider{
	padding:0;
	vertical-align:middle;
	height:20px;
}


/*************FICHES COLLABORATIVES******************/
.contenu_liste {
  margin:1em 0 1em 0;
  padding: 0;
}

div.contact {
  color:rgb(55,83,91);
}

h3.contact { 
  font:normal 1.4em/1.1  verdana, arial, sans-serif;
  font-weight:500;
}

ul.list_collab li {
  margin:0 0 0.4em 0;
}

table.list_collab {
	width: 100%;
	border: 1px solid;
}

table.list_collab td {
	width: 25%;
}

table.list_collab th {
	text-align: left;
}

.publie_news {
  margin:0;
  font-size:85%;
  color:#332e44;
  padding:2px 0;
}

#para_doc { 
  color:#000; 
  margin-top:0.7em;
  margin-bottom:0.7em;
}


/* photo album */
.pagination_album {
	clear: both;
	padding-top: 20px;
	text-align:center;
}

.slide-mount { 
  float:left;
  background-color: #eee; 
  border:1px solid #332e44; 
  width:200px; 
  height:200px;
  text-align:center;
  margin: 23px 8px 0 8px; 
  ma\rgin: 23px 23px 0 0;
	
}
.slide-mount img {
cursor:pointer;
}

.ligne-photo {
clear:left;
}

.ligne-photo {
float:left;
fl\oat:none;
}

.last-photo {
margin-right:0;
}

.slide-mount img {
border:1px solid #737373;
}

#verrou {
text-align: center;
color: #ff0000;
margin-top: 10px;
}

/******* Menu collab a gauche *********/
#menu_collab {
background-color:#f5f5f5;
width:100%;    
border:1px solid #a5b3c1;
border-bottom:0;
margin:40px 0 10px 0;
}

#menu_collab ul {
list-style:none;
text-align:right;
line-height:normal;
}

#menu_collab li {
border-bottom:1px solid #a5b3c1;
}

#menu_collab a{
display:block;
border-top: 2px solid #fff;
border-bottom: 2px solid #eee;
font-size:100%;
font-weight:700;
padding:3px 5px;
color:#AE3F76;
}


#menu_collab_2 {
background-color:#f5f5f5;
width:100%;    
border:1px solid #a5b3c1;
border-bottom:0;
margin:10px 0 10px 0;
}

#menu_collab_2 ul {
list-style:none;
text-align:right;
line-height:normal;
}

#menu_collab_2 li {
border-bottom:1px solid #a5b3c1;
}

#menu_collab_2 a {
display:block;
border-top: 2px solid #fff;
border-bottom: 2px solid #eee;
font-size:100%;
font-weight:700;
padding:3px 5px;
color:#49737f;
}


#titre_gestion_tribu {
text-transform:uppercase;
}

/*********** =Formulaires de =Gestion **********/
/* =liens  =collaboratif =gestion */
.gestion a {
	text-decoration: none;
	color: #2080ac;
}

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

/* Espacement */
.gestion P,
.gestion div {
margin:0.5em 0;
}
/*** pour que l'arborescence du document s'affiche correctement ***/
.gestion div.dtree div {
margin:0;
}

.gestion div.toolbox div {
margin:0;
padding-top:.5em;
border:0;
}

.gestion div.liste_multivaluee table{
width:auto;
padding:0;
margin:0;
border:0;
border-collapse:separate;

}

.gestion div.liste_multivaluee td{
vertical-align:top;
padding:5px;
border:0;

}

.gestion div.liste_multivaluee select{
width:200px;
}
.gestion div.liste_multivaluee option{
width:200px;
}

.gestion .preliminaire {
margin :0 0 3em 0;
}

.gestion .champ-texte,
.gestion label, 
.gestion span {
padding:2px;
}

.gestion iframe {
width: 450px;
} /* taille de la toolbox */


/* Messages d'erreurs et autres */
#msg-alerte,
#msg-erreur,
#msg-confirmation { 
padding: .5em;
font-weight:700;
text-align:center;
width:auto;
float:none;
}

#msg-alerte {
background-color: #ffb622;
color:#332e44;
}

#msg-erreur {
background-color: #f11b03;
color:#fff;
}

#msg-confirmation {
background-color: #b8f04c;
color:#332e44;
}

#msg-alerte a,
#msg-erreur a,
#msg-confirmation a {
	color: #fff;
}
/* Typo */
.gestion {
	color: #666666;
	font-family:  verdana, arial, sans-serif; 
	font-size: 1em;
	font-weight: normal;
}

.gestion input,
.gestion textarea {
font-size: 1em;
}
 
.gestion,
.gestion div,
.gestion p,
.gestion label, 
.gestion span, 
.gestion .preliminaire, 
.gestion iframe,
.gestion textarea,
.gestion select { 
}

/*
.gestion label, 
.gestion span {
text-align:right;
margin-right:5px;
}
*/

/* Couleurs */
.style7 .obligatoire,
.gestion .obligatoire {
	color: #f11b03;
}

.gestion span.msg-aide {
	color: #666;
}

.gestion .champ-texte,
.gestion iframe,
.gestion textarea {
	border-top: 1px solid #666;
	border-left: 1px solid #666;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}

td .bouton {
	cursor:pointer;
	color: #FFF;
	width: 60px;
	font-family:  verdana, arial, sans-serif; 
	font-size: 9px;
	font-weight: normal;
	height:18px;
	vertical-align: top;
	width: 75px;
	text-transform:uppercase;

}

.objet-formulaire,
tbody,
tbody td,
tbody tr {
	font-size:1em;
}

.bouton:hover{
text-decoration: none;
}

.gestion .champ-texte:focus,
.gestion select:focus,
.gestion input:focus {
background: #ffc;
}

.gestion #valider-formulaire {
	
	padding-top:1em; text-align:center;
	float:none;
}

.gestion input.readonly{
border:0;
}
.gestion input.readonly:focus {
background:transparent;
}

form.gestion fieldset {
	border:0;
	background-color:#fff;
	width:100%;
	margin-top:1em;
	padding-left:0.5em;
	clear:left;
}

form.gestion fieldset legend{
	font-weight:700;
	font-size:1.1em;
	color:#ff5715;

}

/*** Mode Colonne 
a gauche on a ou bien des label, des span.libelle
a droite on a des label.bouton
***/

.en-colonne label.label-bouton {
float:none;
display:inline;
}

.en-colonne label,
.en-colonne span.libelle, /* doit se comporter comme un <label> */
.en-colonne .multi-col span{
float: left; 
width: 200px;
font-weight: 700;
}


.en-colonne .colonne-droite {
	margin:0;
	clear:none;
	float:none;
	width:auto;
	padding-left:135px;
}

.en-colonne label.label-bouton,
.en-colonne label .msg-aide {
font-weight:normal;
}

.gestion label.date-jour,
.gestion label.date-mois,
.gestion label.date-annee { 
float:none;
display:inline;
margin-right:5px;
}

.en-colonne div,
.en-colonne p { 
float:left;
clear:left;
}

.en-colonne div,
.en-colonne p {
	width:100%;
	padding-left: 0;
	padding-right: 0;
	margin-left: 0;
	margin-right: 0;
}
.en-colonne div.toolbox p,
.en-colonne div.toolbox div {
	float:none;
	clear:none;
}

.en-colonne .multi-col table {
	margin-left:0;
	padding-left:0;
	border:0;
	width:auto;
}

.en-colonne .multi-col table tr{
border:0;
}

.en-colonne .multi-col table td{
padding-left:0;
border:0;
line-height:1.5;
}

.en-colonne .multi-col table td * {
vertical-align: middle;
}

.en-colonne table label {
float:none;
width:auto;
}


.en-colonne .multivalue table{
background:#eee;
}

.en-colonne .multivalue table td{
padding: 15px;
}

.en-colonne .multivalue table .champ-texte{
width:150px;
}

.en-colonne .multivalue select {
	width:350px;
	height:108px;
}

#liste-fichier {
	float:left;
	clear: none;
	margin-top:0;
	width:30%;
}

#liste-fichier input {
	margin-bottom: 4px;
}

#inner-fichier {
	margin: 0px;
	padding:0px;
}

/*** Nb Resultats par page ***/

.gestion #resultats_par_page input.champ-texte{
width:3em;
}

/** Tableau de Bord - Ecran de =Gestion **************/

.gestion table,
.gestion th,
.gestion td  {
font-size: 100%;
font-family:verdana, arial, sans-serif;
}

.gestion table {
line-height:1.3;
border-collapse: collapse;
margin: 1em 0;
width:100%;
border-top:1px solid #ccc;
}

.gestion .conteneursousparagrapheaccueil table {
margin-top:0;
}

.gestion th{
text-align:left;
color:#332e44;
}

.gestion th a {
color:#332e44;
text-decoration:underline;
}

.gestion td, .gestion th {
padding: 3px 10px;
vertical-align:text-top;
}

.gestion tr  {
border-bottom:1px solid #ccc;
}

.gestion .odd td {
background-color:#D2E0E2;
}

.gestion .even td {
background-color:#fff;
}

.gestion table img { 
border:0;
vertical-align: bottom;
}

.gestion table.layout td img {
border: 0;
vertical-align: bottom;
}
/*** Liste horizontale de liens ***/

.liste-horizontale,
.liste-horizontale li {
margin:0;
padding:0;
}

.liste-horizontale {
list-style-type: none;
}

.liste-horizontale li {
display:inline;
}

.liste-horizontale li a {
margin: 0 0 0 5px;
padding: 0 0 0 5px;
border-left:1px solid #ccc;
}

.liste-horizontale li:first-child  a{
border-left:0;
padding-left:0;
margin-left:0;
}


/*************************************
	=commentaires =collaboratif
*************************************/
body.collaboratif .com-outer {
	margin-top: 15px;
}


/* écran préférences utilisateur */

form#preferences_utilisateur fieldset {
	background: #fff;
	border-bottom: 2px solid #eee;
	margin-bottom: 1.5em;
	padding-bottom: 1em;
}

form#preferences_utilisateur legend {
display: block;
font-weight: 700 !important;
margin-bottom: 0.5em;
font-size: 1.1em;
color: #f16d15;
background: #fff;
}

/*********************************
	= Bloc =Portlet =JSR
*********************************/
.portlet-titre,
.style1 .portlet-titre,
.style2 .portlet-titre,
.style3 .portlet-titre,
.style4 .portlet-titre,
.sansstyle .portlet-titre {
background-color: #332e44;
color: #ffb622;
margin:0;
padding: .5em 5px;
}

.portlet-actions {
margin:0;
padding: 1px 5px;
background-color: #fff;
border: 1px solid #332e44;
border-width: 0 1px 1px 1px;
font-size:95%;
height:18px;
}

.portlet-actions a,
.portlet-actions span {
float:left;
width:11px;
height:0;
padding: 17px 2px 0 2px;
overflow:hidden;
}

.portlet-actions a:hover {
text-decoration : none;
}

.portlet-edit {
background:url(/adminsite/portal/img/edit.gif) no-repeat 50% 50%;
}

.portlet-help {
background:url(/adminsite/portal/img/help.gif) no-repeat 50% 50%;
}

.portlet-view {
background:url(/adminsite/portal/img/view.gif) no-repeat 50% 50%;
}

.portlet-actions .portlet-max {
float: right;
background:url(/adminsite/portal/img/max.gif) no-repeat 50% 4px;
}

.portlet-actions .portlet-min {
float: right;
background:url(/adminsite/portal/img/min.gif) no-repeat 50% 4px;
}

.portlet-actions .portlet-nor {
float: right;
background:url(/adminsite/portal/img/norm.gif) no-repeat 50% 4px;
}

.portlet-contenu,
.portlet-contenu table,
.portlet-contenu td {
font-size:1em;
font-family: Verdana, Arial, sans-serif;
}

.portlet-contenu {
padding: .4em 5px;
border: 1px solid #332e44;
border-width: 0 1px 1px 1px;
overflow: auto;
}

/*** Pagination ***/
.pagination {
text-align: center;
}

.pagination img{
border: 0;
vertical-align: baseline;
margin: 0 5px;
}

.pagination{
font-weight: 700;
}

.pagination a,
.pagination a:hover {
font-weight: normal;
text-decoration: none;
}