/* CSS Document pour page intérieure UNETP */

body {
	margin: 5px 0 0 5px;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif !important;
	font-size: 0.8em;
	line-height: normal;
	background-image: url(../images/menuGbas.gif);
	background-repeat: no-repeat;
	background-position: 5px 0px;
}


a {
	color: #000000;
	text-decoration: none;
}

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

a:visited{	color: #000000;}

img {
	border: 0 none;
}

h1, h2 {
	border: 0 none;
}


/**** Ce carré englobe le bandeau et le menu gauche *****/
/**** pour pouvoir faire flotter la partie droite  *****/

#carreG {
	/*position: relative;
	float: left;*/
}



/*******************************************/
/*************** Bandeau ******************/
/*****************************************/


#bandeau {
	margin: 0;
	padding: 0;
	width: 807px;
	height: 142px;
}

#part1 {
	width: 472px;
	height: 142px;
	background-image: url(../images/bandeauPart1.gif);
	background-repeat: no-repeat;
}

#part2 {
	width: 18px;
	height: 142px;
	background-image: url(../images/bandeauPart2.gif);
	background-repeat: no-repeat;
}

#part3 {
	width: 19px;
	height: 142px;
	background-image: url(../images/bandeauPart3.gif);
	background-repeat: no-repeat;
}

#part4 {
	width: 73px;
	height: 142px;
	background-image: url(../images/bandeauPart4.gif);
	background-repeat: no-repeat;
}

#contact {
	width: 53px;
	height: 75px;
	background-image: url(../images/bandeauContact.gif);
	background-repeat: no-repeat;
}

#contact:hover {
	background-image: url(../images/bandeauContactH.gif);
}

#adherents {
	width: 102px;
	height: 75px;
	background-image: url(../images/bandeauAdherents.gif);
	background-repeat: no-repeat;
}

#adherents:hover {
	background-image: url(../images/bandeauAdherentsH.gif);
}

#partenaires {
	width: 70px;
	height: 75px;
	background-image: url(../images/bandeauPartenaires.gif);
	background-repeat: no-repeat;
}

#partenaires:hover {
	background-image: url(../images/bandeauPartenairesH.gif);
}



/*******************************************/
/********** Colonne de gauche *************/
/*****************************************/


#gauche {
	width: 170px;
	position: relative;
	clear: left;
	float: left;
}


#menuGhaut {
	width: 177px;
	height: 43px;
	background-image: url(../images/menuGhaut.gif);
	background-repeat: no-repeat;
}


/*** Qui sommes-nous ***/

#qui, #secteur, #codeefor {
	width: 160px;
	height: auto;
	background: white url(../images/menuGdeg2.gif) left bottom no-repeat;
	margin: 0;
	padding: 0;
}

#qui h2 {
	width: 156px;
	height: 19px;
	background-image: url(../images/menuGqui.gif);
	background-repeat: no-repeat;
	margin:0;
	padding: 0;
}

#gauche ul {
	margin: 10px 0 0 33px;
	padding: 0 0 40px 0;
	list-style-image: url(../images/puceRectVert.gif);
	font-size: 0.85em;
}

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


/*** Secteur ***/

#secteur h2 {
	width: 156px;
	height: 37px;
	background-image: url(../images/menuGsecteur.gif);
	background-repeat: no-repeat;
	margin:0;
	padding: 0;
}

/*** Codeefor ***/
#codeefor h2 {
	width: 156px;
	height: 48px;
	background-image: url(../images/codeefor-interieur.png);
	background-repeat: no-repeat;
	margin:0;
	padding: 0;
}

/*** Bouton Annuaire ***/

#annuaire {
	margin:0;
	padding: 0 0 0 1px;
}

#annuaire a {
	width: 168px;
	height: 32px;
	background-image: url(../images/annuaire2.gif);
	background-repeat: no-repeat;
	position: relative;
	float: left;
	clear: left;
}


/*** Bouton Bourse à l'emploi ***/

#bourse {
	margin:0;
	padding: 0;
}

#bourse a {
	width: 172px;
	height: 47px;
	background-image: url(../images/bourse2.gif);
	background-repeat: no-repeat;
	position: relative;
	clear: left;
	float: left;
}



/*******************************************/
/********** Partie Centrale ***************/
/*****************************************/

#centre {
	position: relative;
	float: left;
	margin: 0 0 0 25px;
	padding: 0;
	width: 555px;
}

.txt div.plain a, .txt p a, #contenu_texte a {
    color: #016E64 !important;
    text-decoration: underline !important;
}



/*******************************************/
/********** Colonne de droite *************/
/*****************************************/


#droite {
	position: absolute;
	top: 5px;
	left: 806px;
	width: 190px;
	height: 720px;
	background-image: url(../images/menuD.gif);
	background-repeat: no-repeat;
}


/*** Logo ***/

#logo {
	width: 159px;
	height: 145px;
	background-image: url(../images/logo2.gif);
	background-repeat: no-repeat;
	margin: 23px 0 0 30px;
	padding: 0;
}


/*** Champ de recherche ***/

#droite #form #portal-searchbox form .LSBox{
    margin: 11px -10px 0 0;
	padding: 0px !important;
    padding-left:0px;
    padding-right: 0px !important;
    display:inline; overflow : visible !important;
}


#droite #form #portal-searchbox form .LSBox input {
	background-color: #016E64;
	background-image: none; /** pour neutraliser Plone **/
	color: #FFFFFF;
	border: 0 none;
	font-size: 0.9em;
	margin: 0;
	padding: 2px;
    width:130px;overflow : visible !important;
}


/*** Acualités ***/

#actuBloc {
	width: 175px;
	height: auto;
	margin: 40px 0 0 16px;
	padding: 0 0 0 0;
	background-image: url(../images/mDombreBas.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
}

#actuBloc h2 {
	width: 175px;
	height: 51px;
	background-image: url(../images/actu2.gif);
	background-repeat: no-repeat;
	background-position: right top;
	text-align: right;
	margin: 0;
	padding: 0;
}

.actu {
	width: 160px;
	height: auto;
	background-color: white;
	margin: 0;
	padding: 5px 3px 0 12px;
	background-image: url(../images/mDombreF.gif);
	background-repeat: repeat;
}


.actu h3{
	margin: 0;
	padding: 5px 0 5px 0;
	font-size: 1em;
}

.actu p{
	margin: 0;
	padding: 0 0 5px 0;
	font-size: 0.85em;
}

#actu1 {
	margin:0;
	padding: 10px 3px 0 12px;
}

.sdate {
	font-size: 0.85em !important;
}
/** Lire la suite **/
.actu p.lire{
	margin: 0;
	padding: 0 0 15px 0;
}

p.lire a {
	padding: 0 0 0 15px;
	/*color: #4D410A;*/
	color: #005B52;
	text-decoration: underline;
	background-image: url(../images/puceTriMarron.gif);
	background-repeat: no-repeat;
	background-position: 0% 10%;
}

p.lire a:hover, p.lire a:visited{
	color: #000000;
	text-decoration: underline;
}

#actu1 p.lire {
	background-image: url(../images/sepactu.gif);
	background-repeat: no-repeat;
	background-position: center bottom;
}



/*** Mentions Légales ***/

#mentions {
	width: 183px;
	font-size: 0.8em;
	text-align: right;
	position: absolute;
	top: 694px;
}

#mentions a{
	color: #005B52;
}


/***** ------------------------------------------------------------------------- *****/
/***** DEFINITION DU SPACER *****/
/***** ------------------------------------------------------------------------- *****/

.spacer{
	clear:both;
	line-height:0px;
	margin:0px;
	padding:0px;
}

#portal-breadcrumbs {
    /* The path bar, including breadcrumbs and add to favorites */
    border-bottom:none!important;
    padding-left: 2em;
    padding-right: 2em;
    text-transform: &dtml-textTransform;;
    line-height: 1.6em;
}


.actuImp h2.actu{
	color: #4D410A;
	width:auto;
	margin: 30px 0 10px 0px !important;
	padding: 0 0 0 20px;
	font-size: 1.1em;
	font-weight:bold;
	background-image:url(../images/flecheVert.gif) !important;
	background-position: 5px 3px !important;
	background-repeat:no-repeat !important;
}


h2.art{
	color: #4D410A;
	width:auto;
	margin: 1em 0 10px 0!important;
	font-size: 1em;
	font-weight:bold;
	padding: 0 0 0 5px;
	background-color:#fffee3; /**   ***/
	background-image:none!important;	
}
.image_droite {float: right; display : block;}

 .formHelp {padding-bottom : 0px !important;}
 
 #relatedItems a:visited {
	color: #000000;
}

#gauche ul ul {
 margin: 0 0 0 0px;
 padding: 0 0 0 0;
 list-style-image: none;
 list-style-type:none;
 font-size: 1em;
}
 
#gauche ul ul li {
 margin: 0 ;
 padding: 0 0 0 7px;
 background:url(../images/puce_interieure.gif) 0 5px no-repeat;
}

div.folder {
	margin: 0px !important;
	padding: 0px !important;
	border-left: 1px dotted #AAF0EA !important;
}

div.folder p {
	margin: 0px !important;
	padding: 0px !important;
}

.nettoyeur {
	clear: both;
	font-size: 0em !important;
	margin: 0px !important;
	padding: 0px !important;
	line-height: 0px !important;
	height: 0px !important;
}

h2.rub, .folder h2{
	color: Black !important; /** ancien : #4D410A; **/
	margin: 0px !important;
	padding: 0.5em 0em 0.5em 0.5em !important;
	width:auto;
	font-size: 1em;
	font-weight:bold;
	background-color:#AAF0EA !important; /** #fffcba; /** ancien : FFFDC9 	fffcba **/
	background-image:none!important;
}

.vue > dl > div {
	margin: 0em 0em 2em 0em !important;
	padding: 0px !important;
}

.vue > dl > div  > h2 {
	margin: 0em 0em 0.5em 0em !important;
	padding: 0em 0em 0em 1em !important;
}

.vue > dl > div.actuImp  > h2 {
	padding: 0em 0em 0em 1.5em !important;
}

.vue > dl > div  > h3.actu {
	margin: 0em 0em 0em 0em !important;
	padding: 0em 0em 0em 0em !important;
}

.vue > dl > div.folder > h3.actu {
	margin: 0em 0em 0em 1em !important;
}

h2.rub a, .folder h2.actu a{
	color: Black !important; /** ancien : #4D410A; **/
}