/*
	Project name: unavenirquiroule
	Project url: http://www.unavenirquiroule.be
	Version: 1.0
	
	
	Main color(s): define below the color code for main colors
	darkred : #900a0e
*/

body				{ background:url(../images/layout/bg-homepage.jpg) no-repeat top center;}

#container			{ width:900px; margin:0 auto; text-align:left;}
#header				{ position:relative; width:100%; clear:both;}
#content			{}
#footer				{ margin:0 10px; padding:10px 0; border-top:1px solid #f0f0f0; overflow:hidden;}

/*******************
 layout
********************/

/* header */
h1							{ display:block; float:left; width:270px; height:28px; margin:9px 13px; text-indent:-200em;}
h1.logo-fr					{ background:url(../images/layout/logo-int-fr.png) no-repeat top left;}
h1.logo-nl					{ background:url(../images/layout/logo-int-nl.png) no-repeat top left;}
h1.logo-de					{ background:url(../images/layout/logo-int-de.png) no-repeat top left;}
h1 a						{ position:relative !important; display:block; width:250px; height:28px;}

#navigation				{ margin:25px 0; overflow:hidden;}
#navigation li			{ float:left; border-right:1px solid #ccc; line-height:20px;}
#navigation li a		{ display:block; float:left; padding: 13px; color:#7b7b7b; font-size:18px; text-decoration:none;}
#navigation li a:hover,#navigation li.active-item a
						{ color:#42acde;}
#navigation li#firstitem a			{ padding-left:0;}


/* toolbar */
#toolbar					{ width:900px; height:45px; top:0; right:0;}
#toolbar-bg					{ width:900px; height:45px; background:url(../images/layout/bg-toolbar-home.png) no-repeat top left;}
#toolbar ul					{ margin:0 5px; overflow:hidden; float:left;}
#toolbar ul li				{ float:left;}
#toolbar ul li a			{ width:22px; height:20px; line-height:24px; font-weight:bold; color:#3c6275; text-transform:uppercase; text-decoration:none; font-size:11px;}
#toolbar ul li a:hover		{ color:#333;}
#toolbar ul li.active-item a{ color:#333;}
#toolbar #tools				{ float:right; padding:10px;}

.searchform					{}
#searcharea					{ float:left; margin:0;}
#search-field				{ width:150px; padding:0; color:#666; border:1px solid #e1e1e1; background:#f3f3f3;}
#search-submit				{ width:20px; height:20px; padding:0 !important; color:#fff; border:none; background:#3c6275;}
.overlabel					{}

#sections li.home a			{ display:block; height:22px; text-indent:-200em; background:url(../images/icons/ico-home.gif) no-repeat center center;}
#printpage li a				{ display:block; text-indent:-200em; background:url(../images/icons/ico-print.gif) no-repeat center center;}
#textsize li a				{ display:block; text-align:center !important;}
#language li a				{ display:block; text-align:center;}

/* banner */
#banner-home		{ position:relative;}
#banner-home ul		{ position:absolute; width:890px; padding:6px 10px 0 0; text-align:right;}
#banner-home li		{ display:inline; border-left:1px solid #fff; padding: 0 4px 0 7px;}
#banner-home a		{ color:#fff; text-decoration:none; outline:none;}
#banner-home a:hover{ color:#42acde; text-decoration:underline;}

#banner				{}

/* profile */
#profile			{ overflow:hidden; padding:13px 0;}
#profile ul			{ width:100%;}
#profile ul li		{ float:left; width:25%;}
#profile ul li h3	{ width:200px; height:140px; margin:0 auto; padding:5px; font-size:18px;}
#profile ul li h3 a	{ display:block; width:190px; height:29px; padding:111px 5px 0; color:#7b7b7b; text-decoration:none;}
#profile ul li h3 a:hover	{ color:#444;}

.profile-fr ul li h3 a span	{ display:block; width:190px; height:24px; text-indent:-200em; background:url(../images/home/bg-profile-btn-fr.gif) no-repeat;}
.profile-nl ul li h3 a span	{ display:block; width:190px; height:24px; text-indent:-200em; background:url(../images/home/bg-profile-btn-nl.gif) no-repeat;}
.profile-de ul li h3 a span	{ display:block; width:190px; height:24px; text-indent:-200em; background:url(../images/home/bg-profile-btn-de.gif) no-repeat;}

#profile #profile-1degre a:hover span		{ background-position:0 -24px;}
#profile #profile-2-3degre a span			{ background-position:0 -48px;}
#profile #profile-2-3degre a:hover span		{ background-position:0 -72px;}
#profile #profile-enseignants a span			{ background-position:0 -96px;}
#profile #profile-enseignants a:hover span	{ background-position:0 -120px;}
#profile #profile-employeurs a span			{ background-position:0 -144px;}
#profile #profile-employeurs a:hover span	{ background-position:0 -168px;}

#profile-1degre h3		{ background:url(../images/home/bg-secondaire-1-degre.jpg) no-repeat top left; float:left;}
#profile-2-3degre h3	{ background:url(../images/home/bg-secondaire-2-3-degre.jpg) no-repeat top left;}
#profile-enseignants h3	{ background:url(../images/home/bg-enseignants.jpg) no-repeat top left;}
#profile-employeurs h3	{ background:url(../images/home/bg-employeurs.jpg) no-repeat top left; float:right;}

/* bottom content */
#content-box			{ padding:10px; overflow:hidden;}
.item-content-box		{ position:relative; float:left; width:33%;}
.item-content-box h3	{ margin:0 0 10px; padding:0 0 0 10px; color:#3c6275; border-left:3px solid #b9b9b9; font:24px "Trebuchet MS", Arial, Helvetica, sans-serif;}
.item-content-box p		{ padding:0 20px 0 13px; margin:0;}
.item-content-box p strong	{ display:block;}

.news-item				{ margin:0 0 10px 13px;}
.news-item p			{ margin:0 0 0 30px;}
.news-item p strong		{ display:block;}
.news-date				{ display:block; float:left; width:31px; height:55px; text-align:center; color:#fff; font-weight:normal; font-size:9px; line-height:9px; background:url(../images/icons/ico-datenews.gif) no-repeat top left;}
.news-date span			{ display:block; font-size:18px; line-height:20px;}

a#rss-link	{ position:absolute; top:0; right:0; line-height:31px; padding:0 30px 0 0; font-size:10px; text-decoration:none; color:#CCC; background:url(../images/icons/ico_rss.gif) no-repeat center right;}



/* footer */
#copyright			{ float:left;}
#copyright ul		{ clear:both;}
#copyright ul li	{ float:left; padding:0 5px; border-right:1px solid #f1f1f1;}
#mention			{ float:right; text-align:right;}



.imgFloatRight {
	float:right;
	padding: 1em 0em 1em 1em;
}

.imgFloatLeft {
	float:left;
	padding: 1em 1em 1em 0em;
}

/* facebook add this */
.addthis_toolbox											{ float:left; width:16px; height:20px; margin:0; padding:0 0 0 10px; overflow:hidden;}
.addthis_toolbox a.addthis_button_facebook					{ float:none; display:inline-block; margin:0; padding:2px 0;}
.addthis_toolbox a.addthis_button_facebook span				{ display:block; width:16px; height:16px; margin:0; padding:0;}
.addthis_toolbox div.atclear								{ display:none;}