/*		Structure générale du site
**********************************/
html, body { height: 100%; }

body {
	margin: 0; padding: 0;
	font: 11px Verdana, Geneva, Arial, Helvetica, sans-serif;
	min-width: 975px;
	text-align: center;
	background: #17a2f5 url(../img/bg.jpg)  repeat-x top left;
}
h1 {
	margin: 0;
	height: 62px;
	background: transparent url(../img/coin-droit.gif) top right no-repeat;
}
img { border: none; }
p { margin: 0; }
a { text-decoration: none; color: #555; }
a:hover { color: #f36; }
table { border: 1px solid #aaa; padding: 0; border-collapse: collapse;	margin-bottom: 30px; margin: auto; background-color: #FFFACD;}
caption { display: none; }
th,td { font-size: 13px; font-weight: normal; padding: 10px; border: 1px solid #aaa; text-align: left; }
th {font-weight: bold;}
acronym {cursor: help;}
input, textarea, select {
	background: #fff url(../img/input.png) repeat-x top left;
	border: 1px solid #A8B2BB;
	margin: 1px;
}
form, label { margin: 0; padding: 0; }
address { font-style: normal; }
.clear { clear: both; }


/* ====================================== */
/* ============ Mise en page ============ */
/* ====================================== */

#containeur {
	margin: 15px auto 0px auto;
	padding:0;
	background: #fff url(../img/fond-containeur.gif) top right repeat-y;
	width: 975px;
	text-align: left;
	position: relative;
	min-height: 100%;
}

* html #containeur { height: 100%; }

#entete {
	height: 62px;
   background: transparent url(../img/ligne-haut.gif) top left repeat-x;
}

/* à 3 colonnes */
#containeur-contenu {
	background: transparent;
	padding: 0 0 10px 0;
	float:left;
	width: 100%;
}

/* à 2 colonnes avec contenu large */
.large {
	float: none;
	width: 750px !important;
}

#contenu {
	margin-left: 5px;
	margin-right: 380px;
	width: 575px;
}

.large #contenu {
	width: 750px !important;
	margin-right: 0px !important;
	float: left !important;
}

.article {
	padding-top: 5px !important;
}
.large #contenu .article {
	width: 730px;
}

#contenu .article {
width: 553px;
}

#sous-menu {
	padding-bottom: 20px;
	-moz-border-radius: 0px 0px 5px 5px;
	background-color: #ccda45;
	float:left;
	width: 160px;
	margin: 155px 0px 10px -380px;
}

#sous-menu.normal {
	margin-top: 22px;
}

#menu {
	background: transparent url(../img/fond-menu.gif) top left;
	float:left;
	width: 191px;
	margin-left:-201px;
	margin-top: -62px;
}

#menu-article {
	background: transparent url(../img/fond-menu.gif) top left;
	float:right;
	width: 192px;
	margin: -62px 7px 10px 0px;
}

#footer {
	text-align: center;
	padding: 5px 5px 10px 5px;
	background: #E1F0FF url(../img/logo-UPF-est-une-chance.png) top right no-repeat;
	width: 965px;
	margin: auto;
	position: relative;
	
}

#backtotop { float: left; color: #889DA1; }

/*		Contenu
=================================*/
/* Photos du haut */
.diaporama { margin: 0px; margin-left: 5px; }

/* Les profils */
#identite { margin: 0px 5px 10px; }
#identite, #identite a { margin-top: 0px; font-size: 14px; color: #f36; font-weight:bold; }
#identite a:hover { color: #6b6b6b;  }
#identite span { color: #AEC440; font-weight: bold; }

/* Actualités */
#contenu h2.h2-general {
	font-size: 16px;
	color: #555;
	border-bottom: 5px solid #E1D5FE;
	margin-top: 10px;
	margin-bottom: 0px;
}

/* Style des différentes actus */
#contenu h2.h2-article, #contenu h3.h3-article  {
	background: transparent url(../img/h2.gif) top left repeat-x;
	margin-top: 2px;
	margin-bottom: 0px;
	height: 19px;
	padding-left: 5px;
	padding-top: 2px;
	font-size: 12px;
}

#contenu .article {
	background: #ffffe2 url(../img/article-fond.gif) bottom left repeat-x;
	padding: 0px 10px 5px;
	border: 1px solid #f9f9f9;
	text-align: justify;
	font-size: 11px;
	line-height: 14px;
}

#contenu p.article-info {
	text-align: right;
	font-size: 9px;
	color: #ACCF49;
	border-bottom: #ACCF49 solid 1px;
	margin-bottom: 5px;
	margin-top:0;
}

#contenu p.ss-h2-article {
	font-weight: bold;
	margin: 0px 0px 10px 5px;
	color: #90ad3d;
	border-bottom: 1px solid #fafac7;
	font-size: 12px;
}


#contenu h3 {
	border-bottom: 1px solid #D5DEFE;
	font-size: 13px;
	color: #5274A4;
}

#contenu h3.h3-article {
	background-image: url(../img/h3.gif);
	margin-bottom: 3px;
}

.article-suite { text-align: right; }
.article-suite a { font-weight: bold; color: #690; }

.news-container { height:auto !important;}

.col {
	width: 270px; float: left; margin: 0px 2px 5px;
	text-align: left;
}
.col p {
	margin: 3px 0px 0px;
}

/*		Sous-menu : 2ème colonne
=================================*/
#sous-menu h2#h2-cap-sur {
	border: none;
	height: 28px;
	margin:0px;
}

#cap-sur {
	background-color: #fffea8;
}

#cap-sur-ss-titre {
	font-weight: bold;
	color: #686f23;
	text-align: center;
	background: transparent url(../img/h2-ss-titre.jpg) bottom left repeat-x;
	padding-bottom: 2px;
}

#sous-menu h2#h2-pratique {
	border: none;
	height: 23px;
	margin: 0px;
}

#sous-menu h2#h2-pratique span {
	display: none;
}

#pratique ul {
	margin: 0;
	padding: 0;
	background-color: #E8CD4C;
	border-bottom: 1px solid #e3b944;
}

#pratique ul li {
	margin: 0;
	padding: 0;
	list-style: none;
	border-bottom: 1px solid #eadf8c;
	border-top: 1px solid #e3b944;
	color: #555;
}

#pratique ul li a {
	display: block;
	margin: 0;
	padding: 3px;
	padding-left: 20px;
	background-position: 2px 1px;
	background-repeat: no-repeat;
	background-color: transparent;
}

#pratique ul li a:hover {
	background-position: 3px 2px;
	background-color: #FFEC77;
}

#p-studentsite { background-image: url(../img/ico/group.png); }
.p-acces { background-image: url(../img/ico/map.png); }
#p-site { background-image: url(../img/ico/sitemap.png); }
#p-calend { background-image: url(../img/ico/calendar.png); }
#p-edt { background-image: url(../img/ico/book_edit.png); }
#p-mail { background-image: url(../img/ico/icon_email.gif); }
#p-liens { background-image: url(../img/ico/world_link.png); }
#p-docs { background-image: url(../img/ico/page.png); }
#p-outils { background-image: url(../img/ico/wrench.png); }
#p-annuaire { background-image: url(../img/ico/book_addresses.png); }
#p-wifi { background-image: url(../img/ico/wifi_logo.gif); }
#p-recrutement { background-image: url(../img/ico/user_suit.png); }
#p-rss { background-image: url(../img/ico/rss.png); }
#p-absences { background-image: url(../img/ico/whonot.gif); }
#p-affichages { background-image: url(../img/ico/report.png); }
#p-uecg { background-image: url(../img/ico/starburst.gif); }
#p-resultats { background-image: url(../img/ico/results.png); }
#p-stagesemplois { background-image: url(../img/ico/stages-emplois.png); }


/*		Menu avec formulaires
=================================*/
#menu-connexion-container {
	background: transparent url(../img/menu-connexion-back.gif) bottom left no-repeat;
	margin: 0;
	padding-bottom: 7px;
}

#menu-connexion {
	background-color: #fff;	
	padding: 5px 0px;
}

#menu-connexion ul {
	margin: 0;
	padding: 0 0 3px 3px;
}

#menu-connexion ul li {
	display: inline;
}

#search, #mail, #annuaire {
	display: block;
	height: 26px;
	width: 26px;
	float: left;
	margin: 0px 0px 0px 2px;
}
input#recherche {
	width: 112px;
}

input.submit {
	background: url(../img/validation.png) no-repeat center left;
	color: #fff;
}

#search { background:transparent url(../img/ico/search-off.jpg) top left no-repeat; }
#mail { background: url(../img/ico/mail-off.jpg) top left no-repeat; }
#annuaire { background: url(../img/ico/annuaire-off.jpg) top left no-repeat; }

#search:active, #search:hover { background: url(../img/ico/search-on.jpg) 1px 1px no-repeat; }
#mail:active, #mail:hover { background: url(../img/ico/mail-on.jpg) 1px 1px no-repeat; }
#annuaire:active, #annuaire:hover { background: url(../img/ico/annuaire-on.jpg) 1px 1px no-repeat; }

#search span, #annuaire span, #mail span { display: none; }

.nav-search, .nav-search a { font-size: 10px; color: #999!important; }
.liste-search ul { margin: 0; padding: 0;}
.liste-search li {
	margin: 5px 0px;
	background-color: #F6EEFF;
	padding: 5px;
	list-style: none;
	-moz-border-radius: 10px;
	border-bottom: 1px solid #ccc; border-right: 1px solid #ccc;
}

/*		Menu principal
=================================*/
#menu-institution, #ss-menu-institution {
	margin-top: 10px;
	padding-bottom: 8px;
	background: transparent  url(../img/menu-bas.gif) bottom left no-repeat;
	width: 192px;
}

#menu-institution li:hover {
	background-color: #C0D7F1;
}

#ss-menu-institution {
	background: #EBCAA5;
	-moz-border-radius: 5px;
	font-size: 10px;
}

#ss-menu-institution li:hover {
	background-color: #F2D9BD;
}

#menu-institution-contenu {
	background-color: #A5C6EB;
}

#menu-institution h2 {
	 margin: 0px;
	 padding: 0px;
	 background: transparent url(../img/h2-institution.gif) top left no-repeat;
	 width: 192px;
	 height: 24px;
	 text-align: center;
	 font-size: 15px;
}

#ss-menu-institution h2 {
	text-align: center;
	font-size: 12px;
	 margin: 0px;
	 padding: 0px;
	 color: #555;
	 border-bottom: 1px dotted #555;
}

#menu-institution ul {
	margin: 0;
	padding: 5px 0px 2px 0px;
}

#ss-menu-institution ul {
	margin: 0;
	padding: 0px 0px 2px 0px;
}

#menu-institution h3 {
	display: block;
	margin: 0px 0px 2px;
	cursor: pointer;
	padding: 3px;
	text-align: center;
	color: #3f4864;
	background: transparent url(../img/menu-li.gif) top left repeat-x;
	font-weight: bold;
	font-size: 11px;
}

#menu-institution ul li,#ss-menu-institution ul li  {
	list-style: none;
	padding-left: 7px;
	margin-bottom: 2px;
	background: transparent url(../img/ico/puce.gif) no-repeat 2px 4px;
}

#menu-institution ul li.on {
	padding-left: 14px;
	background: #C0D7F1 url(../img/ico/indicator.gif) no-repeat 1px 3px !important;
}

#ss-menu-institution ul li.on {
	padding-left: 14px;
	background:#F2D9BD url(../img/ico/indicator.gif) no-repeat 1px 3px !important;
}

/* ============ La merde de SPIP ============ */
.spip_documents_center {
	text-align: center;
	display: block;
}

.spip_documents {
	padding: 3px;
	text-align: center;
	margin: auto auto 10px auto;
}

.spip_documents_left {
	margin-right: 7px;
	margin-left : 2px;
}

.spip_documents_right {
	margin-right: 2px;
	margin-left : 7px;
}

p.spip {
		margin: 10px auto;
}

li.spip {
	background: transparent url(../img/ico/li.gif) 2px 4px no-repeat;
	padding: 0 0 0 14px;
	list-style-type: none;
}

ul.spip {
	margin-left: 0px;
	padding: 0 0 0 5px;
}

.row_even {
	background-color: #FFFACD;
}

.row_even {
	background-color: #FFE0CC;
}

/* ============ Internationalisation ============ */
.formulaire_menu_lang {
	position: absolute;
	top: 10px;
	right: 220px;
}

/* ============ Contenu Images ============ */
.img-article, .logo-article, .logo-rubrique {
	margin: 0px 5px;
	background: transparent url(../img/ombre-bg.png) bottom right no-repeat;
}

.logo-article, .logo-rubrique  {
	float: left;
}

.img-article img, .logo-article img, .logo-rubrique img {
	border: #fff 4px solid !important;
	display: block;
}

.ombre-tr {
	background: transparent url(../img/ombre-tr.png) top  right no-repeat;
}

.ombre-bl {
	padding: 0px 4px 4px 0px;
	background: transparent url(../img/ombre-bl.png) bottom left no-repeat;
}

.caption-image {
	text-align: center;
	font-size: 11px;
	line-height: 15px;
	margin: 5px auto;
}

.caption-image span {
	background-color: #fff;
	margin: 5px auto;
	padding: 3px;
	border-bottom: 1px solid #ccc;
	border-right: 1px solid #ccc;
}

#portfolio {
	text-align: center;
}

/* ============ Lightbox ============ */
#lightbox{
    background-color:#fff;
    padding: 0 10px;
    }
#lightboxCaption, #lightboxClose{
    font-size: 0.8em;
    padding-bottom: 10px;
    color: #666666;
    text-align: center;
    }
#lightboxClose {
    padding: 10px 0 0 0;
    text-align: right;
}
#lightboxPhoto {
    display: block;
    padding: 10px 0;
}
#lightboxClose a {
    color: #666;
}
#lightboxClose a:hover {
    color: #333;
}
#lightbox img{ border: none; }
#overlay img{ border: none; }
#overlay{ background-color: #FFF594; }

.archives { text-align: right; font-weight: bold; font-size: 15px; }