/*
Theme Name: upsfb-theme
Theme URI: http://www.mwp.be
Description: Versatile, clean and elegant 3 column theme with a serene header image. 
Version: 1.0
Author: mwp
Author URI: mwp.be
Tags: fixed width, three columns, valid XHTML, widgets
*/

/* begin Page */


/* Css Reset */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{ margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent; }
ol,ul{ list-style:none; }
blockquote,q{ quotes:none; }
blockquote:before,blockquote:after,q:before,q:after{ content:''; content:none; }
:focus{ outline:0; }
ins{ text-decoration:none; }
del{ text-decoration:line-through; }
table{ border-collapse:collapse; border-spacing:0; }


div.cleared{ clear:both;}
/* General Styles */
label{ cursor:pointer; }
a,a:visited{ color:#000; text-decoration:none;}
h1 { color:#00A5DD; font-size:24px; font-weight:500; font-family: stonesans; font-style:italic; margin-bottom:28px; line-height: 26px;}

h1.titre-event { color:#00A5DD; font-size:20px; font-weight:normal; font-style:italic; margin-bottom:16px; line-height: 22px;}


h2 { color:#1A171B; font-size:12px; line-height: 14px; margin-bottom:6px;}
p { margin-bottom:22px;}

a:focus,a:hover{ text-decoration:underline; }
body{ color:#1A171B; font:11px/14px Arial, Helvetica, sans-serif; background:url(backgrounds/point4repeat.gif) repeat;
}
.wrapper{ margin:0 auto; width:980px; }
/* header */
.top-header{width:100%; height:30px; margin-top:7px;}
.search-box{
	width:200px;
	height:30px;
	float:right;
	background-image: url(backgrounds/form.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	padding-left:0px;
	padding-top:0px;
}


fieldset.search {
	border: none;
	width: 175px;
	margin: 0 auto;
}
.search input, .search button {
	border: none;
	float: left;
}
.search input.box {
	color: #333333;
	font-size: 1.2em;
	width: 150px;
	height: 18px;
	padding: 2px 2px 0;
	background-color: #FFFFFF;
	margin-right: 5px;
	margin-top:2px;
}
.search input.box:focus {
	background-color: #FFFFFF;
	outline: none;
}
.search button.btn {
margin-top:5px;
	width: 14px;
	height: 14px;
	cursor: pointer;
	text-indent: -9999px;
	background: #ffffff url(boutons/loupe-light.jpg) no-repeat top right;	
}
.search button.btn:hover {
	background: #ffffff url(boutons/loupe.jpg) no-repeat bottom right;	
}





#banner{
	width:100%;
	height:315px;
	clear:both;
	background-image: url(backgrounds/bg-banner.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
.top-links{width:100%; height:15px; padding-top:5px; text-align:right;}
.top-links a{color:#FFFFFF; text-decoration:none; text-shadow: -1px 1px 1px #000;
}
.top-links a:hover, .top-links li.active a{color:#3A8BD9;}
.top-links li
{
display: inline;
list-style-type: none;
margin-right:10px;
}
.top-links li.credits
{
margin-right:15px;
}
.logo{width:100%; height:135px; margin-bottom:40px;}
.menu-left{width:160px; float:left; clear:both; text-align:center;}
.menu-right{width:160px; float:right; text-align:center;}

.menu-left ul, .menu-right ul
{
margin-left: 0;
padding-left: 0;
list-style-type: none;
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
}

.menu-left a
{
display: block;
padding: 3px;
width: 154px;
border-bottom: 1px solid #eee;
}
.menu-right a
{
	display: block;
	padding: 3px;
	width: 154px;
	margin-bottom: 1px;
	background-image: url(backgrounds/menu-transp-light.png);
	background-repeat: repeat;
}

.menu-left a:link, #navlist a:visited, .menu-right a:link
{
color: #FFFFFF;
text-decoration: none;
}

.menu-left a:hover, .menu-left li.current_page_item a, .menu-left li.current_page_parent a
{
background-color: #3A8BD9; 
color: #FFFFFF;
border-bottom: 1px solid #3A8BD9;

}
.menu-right a:hover, .menu-right li.current_page_item a
{
background-image: url(backgrounds/menu-transp-dark2.png);
	background-repeat: repeat;
	color: #FFFFFF;
}

.logo a
{
border:0px; text-decoration:none;
}

img.logo-upsfb
{
margin-left:15px;
}



/* content */

#global-content{background: url(backgrounds/bg-contentunder9px.gif) repeat-x 0px 0px;  }
.wrapper-content {
	margin:0 auto;
	width:980px;
	padding-top:0px;
	background-color:#FFFFFF;
	background-image: url(backgrounds/bg-degrad-content-top.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
.content-bottom {
clear:both;
	width:220px;
height:94px;
	background-color:#FFFFFF;
	background-image: url(backgrounds/bg-bottom-content.gif);
	background-repeat: no-repeat;
	background-position: 60px bottom;
	padding-top:50px;
	padding-left:90px;
	padding-right:670px;


	color:#FFFFFF;
}

.content-col1 {float:left; width:140px; margin-top:20px; padding-left:20px; margin-bottom:20px;}
.content-col2 {float:left; width:555px; margin-top:20px; padding-left:50px; padding-right:40px; margin-bottom:20px;}
.content-col3 {float:right;width:175px; margin-top:20px;  margin-bottom:20px;}

.content-col2 a {color:#00A5DD;}




.content-col2 li {
 background-image: url(images/puce.gif);
 background-repeat: no-repeat;
 background-position: 0px 6px;
 list-style-type: none;
 padding-left: 8px;
 }
.content-col2 ul {
 margin-bottom:6px;
 }


.rss a {
display:block;
height:20px; width:125px;
padding-top:1px;
padding-left:15px;
	color:#f38d36;
	background-image: url(boutons/rss.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
.rss a:hover {
color:#1CA2E7;
	background-image: url(boutons/rss-hover.gif);

}


#sous-nav-container { width: 140px; margin-top:89px; }

#sous-nav-container ul
{
margin-left: 0;
padding-left: 0;
list-style-type: none;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
}
#sous-nav-container li
{
margin-bottom: 8px;

}

#sous-nav-container a
{
display: block;
padding: 0px;
width: 140px;
}

#sous-nav-container a:link, #sous-nav-list a:visited
{
color: #000000;
text-decoration: none;
}

#sous-nav-container a:hover, #sous-nav-container li.current_page_item a, #sous-nav-container li.current_page_ancestor a
{
color:#00A5DD;
}


/* footer */
#footer{background:url(backgrounds/bg-footer.png) repeat-x; height:72px; color:#FFFFFF;}
#footer a{color:#FFFFFF;}
.wrapper-footer{ margin:0 auto; width:980px; padding-top:6px; }

.copy{float:left; margin-left:14px;}
.mwp{float:right; margin-right:14px;}



/* breadcrumbs */

#crumbs {color:#00A5DD; margin-bottom:20px;}
#crumbs a {color:#00A5DD;}
#crumbs .current {font-weight:bold;}


/* agenda personnalisation */

#pre-agenda { height:99px; background-image: url(images/pastille-agenda.jpg);
	background-repeat: no-repeat;
	background-position: top left;
	}
#pre-agenda a.urlmacaron { display:block; height:95px; width:95px; cursor:pointer; text-decoration: none; text-indent: -9999;
	}
	
.content-col2 #pre-agenda { display:none;
	}


.dbem-calendar {  float: right; padding-bottom:32px; background-image: url(images/sous-agenda.jpg);
	background-repeat: repeat-x;
	background-position: bottom left; margin-bottom:-32px;  }
	
	
/* accueil - entree */

.enter-buttons { height:128px; width:100%; padding-top:3px; 
	}	
	
#enter li
{
display: inline;
list-style-type: none;
}
#enter li.page-item-2{width:253px; display:block; float:left; margin-left:85px;}

#enter li.page-item-5{width:272px; display:block; float:left; margin-left:35px;}


#enter li.page-item-7{width:218px; display:block; float:left; margin-left:38px;}
#enter li a
{
display: block;
height: 128px;
text-indent: -9999px;




}


#enter li.page-item-2 a{background-image: url(backgrounds/UpsfbBoutonParentsOFF.png);
	background-repeat: no-repeat;
	background-position: center center;}
	
	
#enter li.page-item-2 a:hover {background-image: url(backgrounds/UpsfbBoutonParentsON.png);
	}
	
	
	
#enter li.page-item-5 a{background-image: url(backgrounds/UpsfbBoutonSfemmeOFF.png);
	background-repeat: no-repeat;
	background-position: center center;}
	
	
#enter li.page-item-5 a:hover {background-image: url(backgrounds/UpsfbBoutonSfemmeON.png);
	}
	
#enter li.page-item-7 a{background-image: url(backgrounds/UpsfbBoutonEtudiantsOFF.png);
	background-repeat: no-repeat;
	background-position: center center;}
	
	
#enter li.page-item-7 a:hover {background-image: url(backgrounds/UpsfbBoutonEtudiantsON.png);
	}
	

.pre-footer-home { height:150px; width:100%;  background-image: url(backgrounds/bg-prefoot-home.jpg);
	background-repeat: no-repeat;
	background-position: bottom left;
	clear:both;
}
.pre-footer-home-left { 
	float:left;
	width:220px;
height:94px;
		padding-top:50px;
	margin-left:90px;
	color:#FFFFFF;
	}

.pre-footer-home-right { 
	float:right;
	width:600px;
height:94px;
		padding-top:50px;
	margin-right:15px;
	color:#3CB7D7
	}
.pre-footer-home-right h1 { 
text-align:right;
	}	
	
#macaron { 

display: none;
width:97px;
height:106px;
background-color: black;
	}	
	
	
	
	
	
	p.jobmanpromo, div.wpc_head { 

display: none;

	}
	
a.imag{
position: relative;
z-index: 1;
}
a.imag:hover{
cursor: default;
z-index: 2;
}
a.imag span{
display: none;
}
a.imag:hover span{
display:block;
position:absolute;
z-index: 3;
top: -40px;
left: -130px;
} 
.blue { color:#00A5DD; font-weight: normal;}

.blue-bold { color:#00A5DD; font-weight: bold;}
.nom-sf {font-weight: bold; text-transform: uppercase;}
.prenom-sf {font-weight: bold; text-transform: capitalize;}

ul.children {display:none;}
#webdirectory span.submitbutton {display:none;}


table{ border-collapse:collapse; border-spacing:0; }


div.tablepage table {
border: medium solid #00A5DD;
border-collapse: collapse;
}
div.tablepage table strong {color:#00A5DD;}
div.tablepage table th {
border: thin solid #efefef;
padding: 5px;

}
div.tablepage table td {
font-family: sans-serif;
border: thin solid #efefef;
padding:5px;

text-align: center;
background-color: #ffffff;
}
div.tablepage table caption {
font-family: sans-serif;
}	



td.jobs-applynow a {
display:none;
}
#cases .wpcf7-list-item { width:400px; display:block;}