/*
	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.degre-2-3				{ background:url(../images/2-3-degre/bg-2-3-degre.jpg) no-repeat top center;}
body.enseignant				{ background:url(../images/enseignant/bg-enseignant.jpg) no-repeat top center;}
body.employeur				{ background:url(../images/employeur/bg-employeur.jpg) no-repeat top center;}
body.classic-page				{ background:url(../images/layout/bg-classic.jpg) no-repeat top center;}
body.accros				{ background:url(../images/accros/accros.jpg) no-repeat top center;}


#container					{ position:relative; width:950px; margin:0 auto; text-align:left;}
#header						{ position:relative; width:100%; height:280px;}
#header-small				{ position:relative; width:100%; height:80px;}
#wrapper					{}
#footer						{ clear:both; font-size:10px;}


/* header */
h1							{ display:block; width:270px; height:28px; margin:9px 13px; text-indent:-200em; float:left;}
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;}

/* footer */
#footer					{ width:720px; padding:5px 0; margin: 0 0 15px; border-top:1px solid #959595;}
#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;}

/* content */
#wrapper					{ width:720px; float:right; background:url(../images/layout/bg-content.png) no-repeat top left;}
#wrapper h3.titlepage		{ padding:0 40px; line-height:45px; font-family: "MS Trebuchet", Arial, Helvetica, sans-serif; font-weight:bold; font-size:18px; color:#7b7b7b;}
#content					{ width:100%; min-height:500px; margin:10px 0 0; background:#fff;}
#content h3					{ padding:0 7px; margin:0 0 10px; border-left:3px solid #42acde; font-family: "MS Trebuchet", Arial, Helvetica, sans-serif; line-height:16px; font-weight:bold; font-size:16px; color:#7b7b7b; }
/* .narrow-column				{ width:230px; padding:10px 5px 15px 0; margin:0 0 10px; float:right;} */
.narrow-column				{ position:relative; width:230px; padding:10px 5px 15px 0; margin:0 0 10px; float:right;}


.wide-column				{ width:465px; padding:10px 0 15px 15px; float:left;}
.wide-column ul				{ margin:auto; padding:inherit; list-style-image:url(../images/icons/ico-Bullet.gif);}
.wide-column ul ul			{ margin:auto; padding:inherit; list-style-image:url(../images/icons/ico-subullet.gif);}
.large-column				{ width:690px; padding:10px 15px 15px 15px; overflow:hidden;}
.large-column h3			{ clear:both;}
.large-column p				{ margin:15px 0 15px;}
.large-column h5 			{ margin:0 0 10px; font-family: "MS Trebuchet", Arial, Helvetica, sans-serif; font-weight:bold; font-size:14px; color:#7b7b7b;}
.large-column h4 			{ margin:0 0 15px; padding:5px 0 0; border-top:1px solid #42acde; font-family: "MS Trebuchet", Arial, Helvetica, sans-serif; font-weight:bold; font-size:16px; color:#42acde;}
.large-column ul			{ margin:auto 0 auto 15px !important; padding:inherit; list-style-image:url(../images/icons/ico-Bullet.gif);}
.large-column ul ul			{ list-style-image:url(../images/icons/ico-subbullet.gif);}

/* int pages */
#sidebar-classic				{ position:absolute; z-index:9; padding:0 20px 0 0; width:210px; top:330px; text-align:right; }
#sidebar-classic p				{ padding:5px 0; font-style:italic; border-top:1px solid #959595; border-bottom:1px solid #959595;}

.bg-contact						{ background:url(../images/contact/banner-contact.jpg) no-repeat top left;}
.bg-apropos						{ background:url(../images/apropos/banner-apropos.jpg) no-repeat top left;}
.bg-sondage						{ background:url(../images/sondage/banner-sondage.jpg) no-repeat top left;}
.bg-technique					{ background:url(../images/technique/banner-technique.jpg) no-repeat top left;}
.bg-news						{ background:url(../images/news/banner-news.jpg) no-repeat top left;}

#banner-photo					{ position:absolute; z-index:8; width:720px; height:235px; top:45px; right:0;}
#banner-photo li				{ display:inline; border-left:1px solid #fff; padding: 0 4px 0 7px;}
#banner-photo ul				{ float:right; color:#fff; line-height:30px; padding:0 12px 0;}
#banner-photo a					{ color:#fff; text-decoration:none; outline:none;}
#banner-photo a:visited			{ color:#fff; outline:none;}
#banner-photo a:hover			{ color:#42acde; text-decoration:underline;}

/* toolbar */
#toolbar					{ position:absolute; z-index:10; width:720px; height:45px; top:0; right:0;}
#toolbar-bg					{ width:720px; height:45px; background:url(../images/layout/bg-toolbar.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;}

/* sidebar */
#sidebar					{ position:absolute; z-index:9; padding:0 10px 0 0; width:220px;  top:280px; text-align:right;}
#sidebar ul.navigation		{ font-size:16px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-weight:bold;}
ul.navigation ul			{ display:none; }
 
ul.navigation li.active-item a				{ color:#9C4742 !important; text-decoration:none;} 
ul.navigation li.active-item ul				{ display:block;}
ul.navigation li.active-item ul li			{ font-size:13px;}
ul.navigation li.active-item ul a			{ color:#45b1bd !important; line-height:12px !important;}
ul.navigation li.active-item ul a:hover		{ color:#327f91;}




.navigation a				{ color:#959595; outline:none; text-decoration:none;}
.navigation a:visited  		{ color:#959595; outline:none;}
.navigation a:hover			{ text-decoration:none; color:#9C4742;}

.nav-profile				{ width:230px; margin:10px 0; background:url(../images/layout/bg-nav-profile.gif) no-repeat top left;}
.nav-profile ul				{ padding:10px 20px 10px 0; font-family:Impact, Arial, Helvetica, sans-serif; background:url(../images/layout/bg-nav-profile-footer.jpg) no-repeat bottom left;}
 .sous-menu li				{ padding:6px 0px 6px 0; } 

.nav-profile a				{ display:block; color:#7b7b7b; outline:none; text-decoration:none; width:180px; padding:2px 30px 2px 0 !important; font-size:16px; background:url(../images/icons/item-nav-profile.jpg) no-repeat center right;}
.nav-profile a:visited		{ color:#7b7b7b; outline:none;}
.nav-profile li.active-item a	{ color:#327f91 !important; text-decoration:none;}
.nav-profile a:hover			{ text-decoration:none; color:#45b1bd !important;}


.nav-contact				{ width:230px; margin:10px 0;  /* background:url(../images/layout/bg-nav-profile.gif) no-repeat top left;*/}
.nav-contact ul				{ padding:10px 20px 10px 0; font-family:Impact, Arial, Helvetica, sans-serif; /* background:url(../images/layout/bg-nav-profile-footer.jpg) no-repeat bottom left;*/}
.nav-contact a				{ display:block; color:#7b7b7b; outline:none; text-decoration:none; width:180px; padding:2px 30px 2px 0 !important; font-size:16px; background:url(../images/icons/ico-mail.gif) no-repeat center right;}
.nav-contact a:visited		{ color:#7b7b7b; outline:none;}
.nav-contact li.active-item a	{ color:#327f91 !important; text-decoration:none;}
.nav-contact a:hover			{ text-decoration:none; color:#45b1bd !important;}



#sidebar p					{ padding:5px 0; font-style:italic; border-top:1px solid #959595; border-bottom:1px solid #959595;}

/* banner */
#banner-container			{ position:absolute; z-index:8; width:950px; height:325px;}
#banner						{}

/* news */
/* 21052008 - cacher la colonne à droite des news dans la page archives */
 
/* news */
.news-item				{ margin:0 10px 10px 0;}
.news-item p			{ margin:0 0 0 40px;}
.news-item p strong		{ display:block;}
.news-item ul                { margin:5px 0 5px 55px !important;}
.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:10px; 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;}



/* forms */
.form-h							{ width:100%; margin:0; padding:0;}
.form-h fieldset				{ border:none; margin:0; padding:0;}
.form-h label					{ display:block; width:220px; float:left; margin:0 10px 10px 0; padding:0;}
.form-h .textarea				{ clear:both;}
.form-h .textarea textarea		{ width:430px; margin:0; padding:0; border:1px solid #ccc;}
.form-h input					{ display:block; width:200px; border:1px solid #ccc;}
.form-h .radio label			{ float:none; width:100%; margin:0; padding:0; overflow:hidden;}
.form-h .radio input			{ width:auto; display:block; float:left; border:none; margin:0 5px 10px 0;}

.form-h .validation				{ border-top:1px solid #f0f0f0; padding:5px 0 0;}
.form-h .validation input		{ float:right; border:3px double #e6f4fb; width:auto; margin:0 0 0 10px; padding:0 10px; color:#fff; background:#42acde;}

/* contact */
.plan-acces						{ display:block; width:220px; height:125px; margin:10px -5px; background:url(../images/contact/plan-access.jpg) no-repeat top left;}

/* module technique */
#tech-list						{ position:relative; overflow:hidden; width:690px; height:91px; margin:0; background:#e5e5e5;}
#tech-list ul					{ position:absolute; top:5px; margin-left:20px; width:2070px; list-style:none;}
#tech-list li						{display:block; float:left; margin:5px 6px 0 5px; background-color:#ccc;}
#tech-list li a					{ display:block; width:70px; height:70px; text-indent:-200em;}

#carousel-nav					{ position:relative;}
#carousel-prev					{ position:absolute; left:0; top:0; cursor:pointer; width:20px; height:91px;}
#carousel-next					{ position:absolute; right:0; top:0; cursor:pointer; width:20px; height:91px;}

#bg-turbo						{ background: url(../images/technique/bg-turbo.jpg) no-repeat top left;}
#bg-boite-vitesse				{ background: url(../images/technique/bg-boite-vitesse.jpg) no-repeat top left;}
#bg-pneu						{ background: url(../images/technique/bg-pneu.jpg) no-repeat top left;}
#bg-esp							{ background: url(../images/technique/bg-esp.jpg) no-repeat top left;}
#bg-common						{ background: url(../images/technique/bg-common-rail.jpg) no-repeat top left;}
#bg-suspenssion					{ background: url(../images/technique/bg-suspenssion.jpg) no-repeat top left;}
#bg-voiture-solaire				{ background: url(../images/technique/bg-voiture-solaire.jpg) no-repeat top left;}
#bg-refroidissement				{ background: url(../images/technique/bg-refroidissement.jpg) no-repeat top left;}

/**/
#tab-btn				{ margin:0; padding:0; list-style:none; overflow:hidden; text-align:center;}
#tab-btn li				{ padding:3px 7px; font-weight:bold; cursor:pointer; border-left:2px solid #ccc; }
#tab-btn li.active		{ color:#42acde;}
#tab-btn li.last 			{border-right:2px solid #ccc; }
#tab-content			{ width:690px; margin:0; padding:0; float:left; overflow:hidden;}

.contenttab				{ display:block; width:690px; margin:0; padding:0; float:left; overflow:hidden;}
.tab-container			{ width:6000px; float:left;}

/* module technique text */
#tech-text						{ margin:15px 0; padding:10px; font-style:italic; border:2px solid #ddd; background:#fafafa;}
#tech-text li					{ display:inline; padding:0 7px 0 10px;}

#tech-left-column				{ float:left; width:280px; padding:0; margin:10px 0 0; overflow:hidden;}
#tech-right-column				{ float:right; width:400px; padding:0; margin:10px 0 0; overflow:hidden;}

/* pagination */
.pagin-topright					{ float:right; margin:0 0 10px; padding:0 0 5px; overflow:hidden; border-bottom:1px solid #f2f2f2;}
.pagin-bottomright				{ float:right; margin:5px 0 0; padding:5px 0 0; overflow:hidden; border-top:1px solid #f2f2f2;}
.pagination						{ float:right;}
.pagination li					{ float:left; font-size:12px !important; color:#999; font-weight:bold; padding:0 3px !important; list-style:none;}
.pagination li a				{ padding:0 3px; color:#42acde !important; text-decoration:underline !important; color:#ccc; font-size:12px !important;}
.pagination li.active-item		{ }

/* turbo start */
.large-column-turbostart		{ width:690px; margin:0 15px; padding:10px 0; overflow:hidden; border-bottom:1px solid #959595;}

.wide-column-turbostart			{ float:left; width:272px; padding:0;}
.wide-column-turbostart a		{ display:block; text-decoration:none;}
.wide-column-turbostart a span	{ display:block; width:235px; padding:0 0 0 37px; line-height:30px; cursor:pointer; background:url(../images/turbostart/bg-turbostart-download.gif) no-repeat top left;}
.wide-column-turbostart img		{ padding:11px; margin:0; border:none; background:url(../images/turbostart/bg-turbostart-cover.gif) no-repeat 0 0;}

.narrow-column-turbostart		{ width:400px; float:right; padding:0;}
.narrow-column-turbostart ul	{ list-style-image:url(../images/icons/ico-Bullet.gif); margin:0 0 0 15px !important; padding:0;}
.narrow-column-turbostart li	{ margin:0; padding:0 0 2px;}

/* team */
#team span 						{ margin:0 0 10px; display:block; font-family: "MS Trebuchet", Arial, Helvetica, sans-serif; font-weight:bold; font-size:14px; color:#7b7b7b;}
#team img						{ float:left; padding:5px; width:120px; height:120px; background:url(../images/apropos/bg-team.gif) no-repeat top left;}
#team p							{ float:left; padding:5px 0 0 10px;}
#team li						{ float:left; margin:0 0 10px; padding:0 0 10px; width:100%; border-bottom:1px solid #e5e5e5; list-style:none; list-style-image:none;}

/* metiers */
#metier-text					{ width:690px; height:230px; margin:0 0 10px; overflow:hidden; background:url(../images/metier/bg-metier.gif) no-repeat top left;}
#metier-text ul					{ float:left; padding:20px 0 0 20px; list-style:none; list-style-image:none;}
#metier-text li					{ padding:0 0 3px;}
#metier-text li	span			{ margin:0 10px 0 0; font-family: "MS Trebuchet", Arial, Helvetica, sans-serif; font-size:18px; color:#fff;}
#metier-text li	a				{ font-size:16px; text-decoration:none;}
#metier-text li	a:hover			{ text-decoration:underline; color:#959595;}
#video-container				{ float:right; width:340px; height:230px;}

/* kit communication */
#kit-communication						{ margin:15px 0; padding:10px; height:200px; font-style:italic; border:2px solid #ddd; background:#fafafa;}
#kit-communication 	img					{ float:left;}
#kit-communication-sommaire				{ float:left; margin:20px 30px; padding:0 20px; border-left:3px solid #ddd;}
#kit-communication-sommaire a			{ text-decoration:none;}
#kit-communication-sommaire a:hover		{ text-decoration:underline;}

.kit-communication-details				{ float:left; margin:10px 0 5px 0; padding:0 0 30px 0; border-bottom:2px solid #ddd; width:100%;}
.kit-communication-details h3 a			{ color:#7b7b7b; }
.kit-communication-details	 img,object	{ margin-left:10px; border:none;}
.kit-communication-details-last			{ float:left; margin:10px 0 5px 0; padding:0 0 5px 0; width:100%;}
.kit-communication-details-last h3 a		{ color:#7b7b7b; }
.kit-communication-details-last	 img		{ margin-left:10px; border:none;}
.item									{ float:left; margin:0; padding:0 2px;}
.item p									{ margin:0; padding:0; text-align:center;}

.toppage								{ float:right; margin:0; padding:0 0 0 18px; color:#42acde; text-decoration:none; background:url("../images/icons/ico-top.gif") no-repeat top left;}

.show									{}
.hidden									{ display:none !important;}

a.mention						{ text-decoration:none; color:#888;}