/*
	Project name: AdLitteram
	Project url: http://www.adlitteram.be/
	Version: 1.0
	Author: Blue4You
	Author URI: http://www.blue4you.be/
	
	Main colors:
	red			: #d30514
	red dark	: #c0000e
	pink/red	: #e7636e
*/

/* General */
html				{ height:100%;}
body				{ height:100%; margin:0; padding:0; background:#d20211 url('http://www.adlitteram.be//front/images/background/bg-default.jpg') no-repeat top center; color:#fff; font-style:normal; font-variant:normal; font-weight:normal; font-size:13px; font-family:Lucida Sans Unicode, Arial, Helvetica, sans-serif}
body.bg-home		{ background:#d20211 url('http://www.adlitteram.be//front/images/background/bg-home.jpg') no-repeat top center;}
/* layout */
#wrap				{ position:relative; padding:0; margin:0 auto; width:950px; min-height:100%; text-align:left; overflow:hidden;}
#animation			{ padding:25px 0 0; margin:0; width:950px; height:325px;}
#content			{ width:558px; padding:20px 50px 30px 55px; margin:0; float:left; line-height:20px;}
#narrowcolumn		{ position:absolute; top:195px; right:0; width:285px; margin:0; z-index:99999;}
#narrowcolumn-home	{ position:absolute; top:195px; right:0; width:285px; margin:0; float:right;}
#narrowcolumn-home ul{ margin:0; padding:0; list-style:none;}

#extra				{ width:235px; min-height:170px; padding:25px !important; background:url('http://www.adlitteram.be//front/images/home/bg-extra.png') no-repeat top left;; margin-left:0; margin-right:0; margin-top:5px; margin-bottom:0}
#extra li h3		{ color:#fff; border-bottom:1px solid #e95c69;}
#extra p			{ line-height:20px;}

#subnav				{ width:235px; min-height:170px; padding:25px !important; background:url('http://www.adlitteram.be//front/images/home/bg-extra.png') no-repeat top left;; list-style-type:none; margin-left:0; margin-right:0; margin-top:5px; margin-bottom:0}
#subnav li			{}
#subnav li.last		{ display:none;}
#subnav li a		{ display:block; width:210px; color:#fff; border-bottom:1px solid #e95c69; text-decoration:none; background:url('http://www.adlitteram.be//front/images/layout/arow-subnav.gif') no-repeat 5px center;; padding-left:20px; padding-right:5px; padding-top:8px; padding-bottom:8px}
#subnav li a:hover, #subnav li.current a
					{ color:#f5a2ab; background:#c0000e url('http://www.adlitteram.be//front/images/layout/arow-subnav.gif') no-repeat 5px center;}

#subnav li ul		{ display:none; margin:0; padding:0; list-style:none;}
#subnav li.current ul
					{ display:block;}
#subnav li ul li a	{ color:#f5a2ab; padding:4px 5px; width:225px; font-size:11px; border-bottom:1px solid #e22938; background:none !important;}
#subnav li ul li a:hover, #subnav li ul li.current a
					{ background:#e7636e !important; color:#c0000e;}
#subnav p			{ line-height:20px;}

/* html element */
h1, h2, h3, h4, h5, h6	{ margin:0; padding:0;}
p					{ margin:0 0 15px; padding:0;}

a, a:visited			{ color:#f5a2ab; outline:none;}
a:hover				{ text-decoration:none;}

.hide				{ display:none;}
.show				{ display:none;}
.no-screen			{ display:none;}
#content h3			{ font-size:24px; color:#ff8686; margin:0 0 15px;}
#content h4			{ font-size:16px; color:#ff8686; margin:0 0 5px;}
#content .last		{ display:none;}

.highlight			{ color:#ff8686;}
.titre				{ padding:0; margin:0 auto; font-size:26px; color:#f6b5bc;}
.spec-text			{ font-size:20px;}
#pagetitle			{ position:relative; height:90px; font-size:30px; margin:0 0 0 10px; font-weight:normal;}
#pagetitle .title-part-1	{ font-size:34px; display:block; color:#810001;}
#pagetitle .title-part-2	{ position:absolute; top:30px; font-size:45px;}

/* pagination */
.pagination			{ float:right; margin:0; padding:0; overflow:hidden; list-style:none;}
.pagination li		{ float:left; font-size:12px; color:#fff; font-weight:bold;}
.pagination li.current		{ padding:2px 4px 2px;}
.pagination a		{ display:block; padding:0 5px; color:#e7636e; line-height:25px; text-decoration:none;}
.pagination a:hover	{ text-decoration:underline;}

/* logo and baseline */
h1					{ position:absolute; top:10px; width:150px; height:62px;}
h1 a				{ display:block; width:100%; height:100%; text-indent:-200em;}
h1#logo-xx a		{ background:url('http://www.focusgroups.com.au/mrweb/readrs2/images/banner.jpg') no-repeat top left; width:600px;}
h2					{ display:none;}

/* navigation */
#navigation			{ height:33px; margin:0; padding:0 0 0 57px; color:#d20211; font-size:14px; list-style:none;}
#navigation li		{ display:block; float:left; overflow:hidden;}
#navigation li.last	{ float:none !important; margin:0 287px 0 0; height:33px; background:#fff; opacity:0.50;}
#navigation li a	{ display:block; line-height:33px; color:#d20211; text-decoration:none; background:url('http://www.adlitteram.be//front/images/imamenu.gif') no-repeat top left;; margin-left:0; margin-right:1px; margin-top:0; margin-bottom:0; padding-left:10px; padding-right:10px; padding-top:0; padding-bottom:0}
#navigation li a:hover, #navigation li.current a
					{ color:#fff; background:none;}

/* language */
#language			{ position:absolute; top:0; right:0; margin:0; padding:0; list-style:none; overflow:hidden;}
#language li		{ float:left;}
#language li a		{ display:block; width:25px; line-height:25px; color:#fff; text-align:center; text-decoration:none; background:url('http://www.adlitteram.be//front/images/layout/bg-lang.gif') no-repeat top left;; margin-left:5px; margin-right:0; margin-top:0; margin-bottom:0}
#language li a:hover, #language li.current a
					{ opacity:0.5;}

/* footer */
#footer				{ position:relative; width:100%; line-height:26px; height:26px; padding:0; margin:-26px auto 0;  background-color:#c0000e;}
#footermillieu		{ width:950px; line-height:26px; margin:0 auto; padding:0; color:#fff; font-size:9px;}
#footermillieu a	{ color:#f6b5bc;}
#footergauche		{ line-height:26px; margin:0 auto; padding:0; float:left; text-align:left;}
#footerdroit		{ line-height:26px; margin:0 auto; padding:0; float:right; text-align:right;}

/* homepage */
#extra-home			{ padding:15px !important; width:255px; background:url('http://www.adlitteram.be//front/images/home/bg-extra.png') no-repeat top left;}
#extra-home li		{ border-bottom:1px solid #e95c69; width:255px; overflow:hidden;}
#extra-home li h3	{ color:#fff;}
#extra-home li h3 a	{ display:block; position:relative; color:#fff; line-height:29px; text-indent:-200em; background:url('http://www.adlitteram.be//front/images/layout/bg-title-extra-home.gif') no-repeat top left;}

.extra-fr #title-news						{ background-position:0 0;}
.extra-fr #title-folder a					{ background-position:0 -28px;}
.extra-fr #title-price a					{ background-position:0 -56px;}
.extra-fr #title-newsletter a				{ background-position:0 -84px;}
.extra-fr #title-comment a					{ background-position:0 -112px;}
.extra-fr #title-job a						{ background-position:0 -140px;}

.extra-en #title-news						{ background-position:0 -168px;}
.extra-en #title-folder a					{ background-position:0 -196px;}
.extra-en #title-price a					{ background-position:0 -224px;}
.extra-en #title-newsletter a				{ background-position:0 -252px;}
.extra-en #title-comment a					{ background-position:0 -280px;}
.extra-en #title-job a						{ background-position:0 -308px;}

.extra-nl #title-news						{ background-position:0 -336px;}
.extra-nl #title-folder a					{ background-position:0 -364px;}
.extra-nl #title-price a					{ background-position:0 -392px;}
.extra-nl #title-newsletter a				{ background-position:0 -420px;}
.extra-nl #title-comment a					{ background-position:0 -448px;}
.extra-nl #title-job a						{ background-position:0 -476px;}

.extra-es #title-news						{ background-position:0 -504px;}
.extra-es #title-folder a					{ background-position:0 -532px;}
.extra-es #title-price a					{ background-position:0 -560px;}
.extra-es #title-newsletter a				{ background-position:0 -588px;}
.extra-es #title-comment a					{ background-position:0 -616px;}
.extra-es #title-job a						{ background-position:0 -644px;}


#news-list			{ position:relative; height:135px; margin:10px 0 0; padding:0; overflow:hidden;}
#title-news			{ border-bottom:1px solid #e95c69; margin:0 0 10px;}
#carousel-container	{ position:absolute; top:0; left:0;}
.news-item			{ width:100%; height:135px; margin:0; padding:0; overflow:hidden;}
.news-item a:hover	{ text-decoration:underline;}
.news-item h4		{ font-size:13px; margin:0; padding:0;}
.news-item h4 a		{ color:#fff; text-decoration:none;}
.news-item strong	{ float:left; display:block; width:35px; height:52px; font-size:22px; text-align:center; line-height:23px; color:#e74252; background: url('http://www.adlitteram.be//front/images/home/bg-news-date.png') no-repeat top left;; margin-left:0; margin-right:15px; margin-top:0; margin-bottom:0}
.news-item strong span	{ display:block; padding:0; font-weight:normal; font-size:9px; letter-spacing:normal; line-height:9px;}
.news-item p		{ margin:0 0 0 50px; padding:0; font-size:11px;}
.news-item p a		{ color:#fff;}
.news-item p a:hover{ text-decoration:none;}
a.view-archives		{ position:absolute; bottom:3px; right:0; text-align:right; line-height:20px; color:#ff9ba2;}
a.view-archives:hover{ text-decoration:none;}

#content .news-item	{ height:auto; margin:0 0 7px;}
#content .news-item p	{ padding:0 0 7px; border-bottom:1px solid #e95c69;}

/* who */
#collaborators		{ margin:0; padding:0; list-style:none;}
#collaborators li	{ float:left; width:250px; height:60px; margin:0 20px 10px 0; padding:0; font-size:14px; line-height:normal; border-bottom:1px solid #e7636e; /*background:url(../images/team/default.gif) no-repeat bottom left;*/}
#collaborators li strong	{ font-size:10px; line-height:11px; font-weight:normal;}
#collaborators li img	{ float:left; margin:0 10px 0 0; border:2px solid #e64957;}

.manager img		{ float:left; margin:0 10px 0 0; border:5px solid #e64957;}

#caroline			{}
#colette			{}
#francis			{}
#helena				{}
#marcellin			{}
#margaret			{}
#maria				{}
#marlene			{}
#nathalie			{}
#norman				{}
#olivier			{}
#prado				{}
#sabrina			{}
#sarah				{}
#tom				{}

/* contact */
#accessmap			{ float:left; padding:3px !important; border:1px solid #ff8686;}
#accessmap a		{ display:block; margin:0 !important; padding:0 !important; width:230px !important; line-height:140px !important; text-align:center;}
#coordonnees, #coordonnees-2
					{ float:left; height:150px; margin:0 0 0 40px !important; padding:0 !important;}
#skypecall			{ margin:15px 0 0; padding:0; list-style:none; overflow:hidden;}
#skypecall li		{ float:left;}
#skypecall li a		{ display:block; width:140px !important; margin:0 0 2px; padding:0; text-decoration:none; line-height:16px; font-size:11px;}
#skypecall li a:hover{ color:#fff;}
#skypecall li a span{ display:block; margin:0 0 0 20px;}
#skypecall li a em	{ display:block; font-size:10px;}
#skypecall li a img	{ float:left; margin:0 5px 0 0;}

#adresse-left		{ width:238px !important;}


/* contact form */
#contact-form						{ margin:0; padding:0;}
#contact-form fieldset				{ margin:25px 0 0; padding:0 55px; border:none;}
#contact-form fieldset legend		{ margin:0; padding:0; font-size:18px; color:#ff8686;}

#contact-form #general-info					{ padding-top:20px; background:url('http://www.adlitteram.be//front/images/contactform/bg-general-info.gif') no-repeat top left;}
#contact-form #general-info fieldset		{ margin:0; padding:0 0 0 55px;}
#contact-form #general-info label, .label	{ display:block; float:left; width:224px; margin:0 27px 0 0; font-size:11px;}
#contact-form #general-info .label label	{ width:auto; margin:0;}
#contact-form #general-info .label label input	{ margin:0;}
#contact-form #general-info input, #contact-form #general-info select, #contact-form #general-info textarea
											{ display:block; width:186px; border:2px solid #f7d2d5; background:#fff; font:12px "Lucida Sans Unicode", Arial, Helvetica, sans-serif;}
#contact-form #general-info select			{ width:188px;}

#contact-form #general-info .message		{ position:absolute; top:440px; right:0; width:230px !important; z-index:99999;}
#contact-form #general-info .message textarea	{ width:226px; height:150px;}

#contact-form .note					{ font-size:11px;}
#contact-form h3.toggler			{ margin:0 0 1px; padding:5px; cursor:pointer; font-size:13px; font-weight:normal; color:#fff; background:#a90000;}
#contact-form div.element			{ margin:0; padding:0; font-size:12px; line-height:normal;}
.padder								{ overflow:hidden; background:url('http://www.adlitteram.be//front/images/contactform/bg-togglers-content.gif') no-repeat bottom left;; margin-left:0; margin-right:0; margin-top:0; margin-bottom:10px; padding-left:20px; padding-right:20px; padding-top:0; padding-bottom:10px}
.padder p							{ margin:0; padding:0;}
.padder .note						{ margin:0 0 5px; padding:5px 0; border-bottom:1px solid #e7434e;}

.col-01								{ width:200px; float:left;}
.col-01 label, .col-02 label			{ display:block; padding:2px;}
.col-02								{ width:200px; float:left; border-left:1px solid #e7434e;}

#offre-text							{ display:block; width:403px; border:2px solid #f7d2d5; background:#fff; font:12px "Lucida Sans Unicode", Arial, Helvetica, sans-serif;}
#offre-file							{ width:408px !important; border:2px solid #f7d2d5; font:12px "Lucida Sans Unicode", Arial, Helvetica, sans-serif;}

.padder input.textfield				{ display:block; border:2px solid #f7d2d5; background:#fff; font:12px "Lucida Sans Unicode", Arial, Helvetica, sans-serif;}

#sendform							{ position:absolute; top:625px; right:27px; width:230px; height:35px; cursor:pointer; border:0px none; z-index:99999; color:#fff; background:url('http://www.adlitteram.be//front/images/contactform/btn-sendform.gif') no-repeat top left;; font-style:normal; font-variant:normal; font-weight:normal; font-size:13px; font-family:Lucida Sans Unicode, Arial, Helvetica, sans-serif}

/* jobs */
.jobs-desc						{ margin:0 0 20px; padding:0; list-style:none;}
.jobs-desc h4					{ margin:0 !important; padding:5px !important; line-height:normal !important; color:#fff !important; border-bottom:1px solid #ff8686; cursor:pointer; font-size:12px !important; background:#a90000;}
.jobs-desc .element				{ color:#fff; padding:10px; background:#da2633;}
.jobs-desc .element em			{ color:#ff8686;}

/* sitemap */
#sitemap-cotnainer				{ padding:20px !important; background:url('http://www.adlitteram.be//front/images/contactform/bg-general-info.gif') no-repeat top left;}
#sitemap						{}
#sitemap, #sitemap ul			{ margin:0; padding:0; list-style:none;}
#sitemap ul						{ margin:0 0 0 15px;}
#sitemap li						{ border-bottom:1px solid #e7636e;}
#sitemap li a					{ display:block; padding:2px; font-size:14px; color:#fff; font-weight:bold; text-decoration:none; background:#c0000e;}
#sitemap li a:hover				{ color:#fff; text-decoration:underline;}
#sitemap li ul li				{ border:none;}
#sitemap li ul li a				{ padding:0; color:#f5a2ab; font-size:13px; background:none;}
#sitemap li ul li ul li a		{ font-weight:normal;}
#sitemap li.last				{ display:none;}

#sitemap-kwick					{ margin:10px 0 0; padding:0; list-style:none;}
#sitemap-kwick li				{ width:235px; margin:0 0 1px; overflow:hidden; height:30px;}
#sitemap-kwick li.last			{ display:none;}
#sitemap-kwick a				{ display:block; width:215px; height:100%; text-decoration:none; background:url('http://www.adlitteram.be//front/images/sitemap/screenshot.jpg') no-repeat top left;; padding-left:10px; padding-right:10px; padding-top:7px; padding-bottom:0}

#sitemap-kwick li#why a			{ background-position:0 -170px;}
#sitemap-kwick li#who a			{ background-position:0 -340px;}
#sitemap-kwick li#how a			{ background-position:0 -510px;}
#sitemap-kwick li#what a		{ background-position:0 -680px;}
#sitemap-kwick li#group a		{ background-position:0 -850px;}
#sitemap-kwick li#where a		{ background-position:0 -1020px;}
#sitemap-kwick li#where-contact-form a		{ background-position:0 -1190px;}
#sitemap-kwick li#jobs a		{ background-position:0 -1360px;}