/*
Theme Name: Lep Loup 
Description: Le Loup Theme.
Author: Mike Bailey  
Author URI: http://www.creativehappy.com/
.
Copyright (c) Creative Happy.
.
*/


/* 
	***********
	* GENERIC *
	***********
*/

body 
{
	font: 75% Arial, Helvetica, sans-serif;
	background: url(images/main-bg.jpg) repeat-x 0 0;
}

/* 
	***********
	* GLOBALS *
	***********
*/

/* FORMS */

.form
{
	
}

.form legend
{
	display: none;
}

.form .hide-label
{
	display: none;
}

.form .form-field
{
	overflow: hidden;
}

.form input
{
	float: left;
}

.form label
{
	float: left;
}

.form textarea
{
	font-fmaily: Arial, Helvetica, sans-serif !important;
	font-size: 12px !important;
	font-weight: normal;
	overflow: hidden;
}

.form button
{
	float: left;
	border: none;
	text-indent: -1000% !important;
	overflow:hidden !important;
	
	font-size: 0px !important;
	display:block!important;
	line-height: 0px !important;
}

/* HEADERS */

.header-img
{
	text-indent: -1000%;
	overflow:hidden;
	display: block;
}

/* Headers */

.newsletter-top
{
	width: 171px;
	height: 36px;
	background: url(images/headers/top-newsletter.png) no-repeat 0 0;
}

.en-ondes
{
	width: 134px;
	height: 27px;
	background: url(images/headers/en-ondes.png) no-repeat 0 0;
}

.demandes-speciales
{
	width: 161px;
	height: 18px;
	background: url(images/headers/demandes-speciales.png) no-repeat 0 0;
}

.aux-nouvelles
{
	width: 108px;
	height: 17px;
	background: url(images/headers/aux-nouvelles.png) no-repeat 0 0;
}

.plan-du-site
{
	width: 89px;
	height: 15px;
	background: url(images/headers/plan-du-site.png) no-repeat 0 0;
}

.contactez-nous
{
	width: 120px;
	height: 15px;
	background: url(images/headers/contactez-nous.png) no-repeat 0 0;
}

.site-par-bureau
{
	width: 118px;
	height: 18px;
	background: url(images/headers/site-par-bureau.png) no-repeat 0 0;
}

.meteo
{
	width: 51px;
	height: 17px;
	background: url(images/headers/meteo.png) no-repeat 0 0;
}

.visiteurs
{
	width: 66px;
	height: 17px;
	background: url(images/headers/visiteurs.png) no-repeat 0 0;
}

.quoi-de-neuf
{
	width: 108px;
	height: 39px;
	background: url(images/headers/quoi-de-neuf.png) no-repeat 0 0;
}

.suivez-nous-au
{
	width: 118px;
	height: 19px;
	background: url(images/headers/suivez-nous-au.png) no-repeat 0 0;
}

.ressources
{
	width: 88px;
	height: 19px;
	background: url(images/headers/ressources.png) no-repeat 0 0;
}

.emissions
{
	width: 81px;
	height: 39px;
	background: url(images/headers/emissions.png) no-repeat 0 0;
}

.horaire-de-programmation
{
	width: 213px;
	height: 39px;
	background: url(images/headers/horaire-de-programmation.png) no-repeat 0 0;
}

.photos
{
	width: 55px;
	height: 39px;
	background: url(images/headers/photos.png) no-repeat 0 0;
}

.offre-emploi
{
	width: 113px;
	height: 39px;
	background: url(images/headers/offre-emploi.png) no-repeat 0 0;
}

.contactez-nous-page
{
	width: 131px;
	height: 39px;
	background: url(images/headers/contactez-nous-page.png) no-repeat 0 0;
}

.concours
{
	width: 79px;
	height: 39px;
	background: url(images/headers/concours.png) no-repeat 0 0;
}

.le-loup-podcast
{
	width: 136px;
	height: 20px;
	background: url(images/headers/le-loup-podcasts.png) no-repeat 0 0;
}


/* OTHER */

.column
{
	float: left;
}

strong
{
	font-weight: bold;
}

/* TABLE */

.table
{
	display: block;
	margin: 15px 0 15px 0;
}

.table td, .table th
{
	height: 22px;
	padding: 0 10px 0 10px;
	line-height: 22px;
}

.table th
{
	background: url(images/tabe-header.jpg) repeat-x 0 0;
	border-left: solid 1px #88AE03;
	border-right: solid 1px #88AE03;
	border-bottom: solid 1px #88AE03;
	border-top: none;
	color: #FFF;
	font-weight: bold;
}

.table td
{
	border: solid 1px #D9D9D9;
	color: #323135;
}

.table .align-center
{
	text-align: center;
}

.table .no-top-border
{
	border-top: none;
}

.table .smaller-text
{
	font-size: 11px;
}

/* 
	********
	* PAGE *
	********
*/

#page-wrapper
{
	width: 100%;
	background: url(images/main-bg-brush.png) no-repeat 50% 0;
}

#page
{
	width: 973px;
	margin: 0 auto;
	min-height: 500px;
}

/* 
	**********
	* HEADER *
	**********
*/

#header 
{
	position: relative;
	width: 973px;
	height: 269px;
}

#header .logo
{
	position: absolute;
	top: 110px;
	left: 0;
}

#header .advert
{
	position: absolute;
	top: 5px;
	left: 0;
}

#header .wolf
{
	position: absolute;
	top: 104px;
	left: 212px;
}
	

/* NEWS LETTER */


#header .newsletter
{
	position: absolute;
	top: 5px;
	right: 0;
	width: 212px;
	height: 95px;
	background: url(images/newsletter-bg.png) no-repeat;
}

#header .newsletter:hover
{
	background-position: 0 -95px;
}

#header .newsletter span
{
	margin: 8px 0 0 13px;
}

#header .newsletter form
{
	margin-top: 10px;
}

#header .newsletter button
{
	width: 55px;
	height: 30px;
	background:url(images/newsletter-top-button-bg.png);
	text-indent: -1000%;
	overflow: hidden;
	cursor: pointer;
	margin: 2px 0 0 5px;
}

#header .newsletter .button
{
	width: 55px;
	height: 30px;
	background:url(images/newsletter-top-button-bg.png);
	text-indent: -1000%;
	overflow: hidden;
	cursor: pointer;
	margin: 2px 0 0 5px;
	
	text-indent: -1000% !important;
	overflow:hidden !important;
	
	font-size: 0px !important;
	display:block!important;
	line-height: 0px !important;
}

#header .newsletter input
{
	width: 112px;
	height: 16px;
	background:url(images/newsletter-textfield-bg.png);
	border: none;
	margin: 8px 0 0 13px;
	color: #afafaf;
	padding: 1px 7px 0 7px;
}

#header .newsletter .widgettitle
{
	display: none;
}

#header .newsletter .msg
{
	position: absolute;
	top: 47px;
	left: 15px;
	font-size: 11px;
}

#header .newsletter .error
{
	color: #900;
	font-weight: bold;
}

#header .newsletter .pass
{
	color: #060;
	font-weight: bold;
}

/* NOW PLAYING */

#header .now-playing
{
	position:absolute;
	top: 109px;
	right: 2px;
	width: 461px;
	height: 122px;
	background: url(images/now-playing-bg.png) no-repeat 0 0;
}

#header .now-playing .display-header
{
	margin: 10px 10px 0 10px;
	overflow: hidden;
	border-bottom: solid 1px #8C8D8D;
	padding-bottom: 9px;
}

#header .now-playing .display-header span
{
	float: left;
}

#header .now-playing .display-header .bars
{
	float: left;
	margin-left: 9px;
	margin-top: -4px;
}

#header .now-playing .display-header .direct
{
	width: 194px;
	height: 25px;
	float: right;
	background: url(images/direct-play-button-bg.png) no-repeat;
}

#header .now-playing .display-header .direct:hover
{
	background-position: 0 -25px;
}

#header .now-playing .display-content
{
	margin: 8px 10px 0 10px;
	font-size: 10px;
}

#header .now-playing .display-content .column
{
	width: 215px;
}

#header .now-playing .display-content .column-spacing
{
	margin-right: 10px;
}

#header .now-playing .display-content .column .v-space
{
}

/* NAV */

#header .nav
{
	position: absolute;
	top: 236px;
	left: 0;
	width: 973px;
	height: 33px;
}

#header .nav li
{
	display: block;
	float: left;
}

#header .nav li a
{
	display: block;
	float: left;
	height: 33px;
	text-indent: -1000%;
	overflow: hidden;
	background: url(images/nav-bg.jpg) no-repeat 0 0;
}

/* items */

#header .nav .item1 a { width: 146px; background-position: 0 0; }
#header .nav .item2 a { width: 162px; background-position: -146px 0; }
#header .nav .item3 a { width: 142px; background-position: -308px 0; }
#header .nav .item4 a { width: 161px; background-position: -450px 0; }
#header .nav .item5 a { width: 191px; background-position: -611px 0; }
#header .nav .item6 a { width: 171px; background-position: -802px 0; }

#header .nav .item1 a:hover { width: 146px; background-position: 0 -33px; }
#header .nav .item2 a:hover { width: 162px; background-position: -146px -33px; }
#header .nav .item3 a:hover { width: 142px; background-position: -308px -33px; }
#header .nav .item4 a:hover { width: 161px; background-position: -450px -33px; }
#header .nav .item5 a:hover { width: 191px; background-position: -611px -33px; }
#header .nav .item6 a:hover { width: 171px; background-position: -802px -33px; }


#header .nav .item1 .active { width: 146px; background-position: 0 -33px; }
#header .nav .item2 .active { width: 162px; background-position: -146px -33px; }
#header .nav .item3 .active { width: 142px; background-position: -308px -33px; }
#header .nav .item4 .active { width: 161px; background-position: -450px -33px; }
#header .nav .item5 .active { width: 191px; background-position: -611px -33px; }
#header .nav .item6 .active { width: 171px; background-position: -802px -33px; }

#header .nav .item1 .active:hover { width: 146px; background-position: 0 -33px; }
#header .nav .item2 .active:hover { width: 162px; background-position: -146px -33px; }
#header .nav .item3 .active:hover { width: 142px; background-position: -308px -33px; }
#header .nav .item4 .active:hover { width: 161px; background-position: -450px -33px; }
#header .nav .item5 .active:hover { width: 191px; background-position: -611px -33px; }
#header .nav .item6 .active:hover { width: 171px; background-position: -802px -33px; }

/* 
	***********
	* CONTENT *
	***********
*/

#content
{
	width: 973px;
	padding-top: 32px;
	overflow: hidden;
	margin-bottom: 44px;
}

/* Left */

#content .left
{
	width: 211px;
	margin-right: 18px;
}

/* Green Hover Box */

#content .left .lghb
{
	position: relative;
	width: 191px;
	height: 186px;
	padding: 10px;
	background: url(images/left-green-form-bg.jpg) no-repeat 0 0;
	margin-bottom: 13px;
}

#content .left .lghb:hover
{
	background-position: 0 -206px;
}

#content .left .lghb .border-space
{
	width: 188px;
	border-bottom: solid 1px #A6B956;
	background-position: 8px 0;
	margin: 6px 0 0 0;
	padding-bottom: 5px;
}

/* Green Hover Box Form */

#content .left .lghb .form
{
	margin-top: 10px;
}

#content .left .lghb .form .form-field
{
	margin: 0 0 3px 7px;
}

#content .left .lghb .form input
{
	width: 119px;
	height: 16px;
	background: url(images/lghb-form-elements-bg.png) no-repeat 0 0;
	border: none;
	font-size: 11px;
	color: #AAAAAA;
	padding: 1px 7px 0 7px;
}

#content .left .lghb .form textarea
{
	width: 167px;
	height: 69px;
	background: url(images/lghb-form-elements-bg.png) no-repeat 0 100%;
	border: none;
	font-size: 11px;
	color: #AAAAAA;
	padding: 5px 7px 0 7px;
}

#content .left .lghb .form button
{
	width: 55px;
	height: 30px;
	background:url(images/newsletter-top-button-bg.png);
	text-indent: -1000%;
	overflow: hidden;
	cursor: pointer;
	margin: 2px 0 0 5px;
	float: right;
}

#content .left .lghb .msg
{
	position: absolute;
	bottom: 15px;
	left: 15px;
	font-size: 11px;
}

#content .left .lghb .error
{
	color: #900;
	font-weight: bold;
}

#content .left .lghb .pass
{
	color: #060;
	font-weight: bold;
}

/* Grey Box */

#content .left .lgb
{
	background:url(images/left-grey-box-center-bg.jpg) repeat-y;
	margin-bottom: 13px;
}

#content .left .lgb .lgb-top
{
	height: 8px;
	background: url(images/left-grey-box-top-bg.jpg) no-repeat;
}

#content .left .lgb .lgb-content
{
	min-height: 50px;
	background: url(images/left-grey-box-bottom-bg.jpg) no-repeat 0 100%;
	padding: 4px 10px 10px 10px;
}

#content .left .lgb .lgb-content h3
{
	width: 192px;
	border-bottom: solid 1px #AEAEAF;
	padding-bottom: 6px;
	margin-bottom: 10px;
		background-position: 5px 0;
}

#content .left .lgb .lgb-content h3 span
{
	display: block;
	width: 15px;
	height: 16px;
	float: right;
	background: url(images/left-column-header-icons.png) no-repeat 0 0;
}

/* Headr Icons */

#content .left .lgb .lgb-content .icon-one span
{
	background-position: 0 0;
}

#content .left .lgb .lgb-content .icon-two span
{
	background-position: -18px 0;
}

/* Grey Box Others */

#content .left .lgb .lgb-content .hit-count
{
	font-size: 15px;
	color: #2B2B2B;
	margin-left: 5px;
}

/* Center */

#content .center
{
	width: 515px;
}

/* Green Box (New Only) */

#content .center .cgb
{
	width: 495px;
	height: 185px;
	background: url(images/cgb-bg.jpg) no-repeat 0 0;
	margin-bottom: 13px;
	padding: 10px;
}

#content .center .cgb h2
{
	width: 495px;
	margin-top: 6px;
	background-position: 8px 0;
}

#content .center .cgb ul
{
	margin-top: 6px;
	border-top: solid 1px #A1B73C;
}

#content .center .cgb ul li a
{
	display: block;
	border-bottom: solid 1px #A1B73C;
	font-size: 12px;
	color: #000;
	text-decoration: none;
	font-weight: bold;
}

#content .center .cgb ul li a span
{
	background: url(images/arrow-icon.png) no-repeat 5px 50%;
	text-indent: 25px;
	display: block;
	height: 35px;
	line-height: 35px;
}

#content .center .cgb ul li a:hover
{
	background: url(images/cgb-a-hover-bg.jpg) repeat-x 0 0;
	text-decoration: underline;
}

/* Grey/Green Box */

#content .center .cggb
{
	background: url(images/center-greengrey-tiled-bg.jpg) repeat-y;
	margin-bottom: 15px;
}

#content .center .cggb h2
{
	background: url(images/center-greengrey-top-bg.jpg) no-repeat 0 0;
	height: 39px;
}

#content .center .cggb h2 span
{
	margin-left: 16px;
}

#content .center .cggb h1
{
	background: url(images/center-greengrey-top-bg.jpg) no-repeat 0 0;
	height: 39px;
}

#content .center .cggb h1 span
{
	margin-left: 16px;
}

#content .center .cggb .cggb-content
{
	background: url(images/center-greengrey-bottom-bg.jpg) no-repeat 0 100%;
	padding: 22px 16px 16px 16px;
}

#content .center .cggb .cggb-content .hspace
{
	margin-bottom: 15px;
}

#content .center .cggb .cggb-content h2
{
	color: #2B2B2B;
	padding: 0;
	margin: 0;
	background: none;
	height: auto;
	font-size: 17px;
	font-weight: bold;
}

#content .center .cggb .cggb-content h3
{
	color: #2B2B2B;
	padding: 0;
	margin: 0;
	background: none;
	height: auto;
	font-size: 15px;
	font-weight: bold;
}

#content .center .cggb .cggb-content p
{
	margin: 7px 0 7px 0;
}

/* Entry */

#content .center .cggb .cggb-content .entry
{
	margin-bottom: 20px;
	border-bottom: solid 1px #BDBDBE;
	padding-bottom: 15px;
	overflow: hidden;
}

#content .center .cggb .cggb-content .page
{
	border: none;
}

#content .center .cggb .cggb-content .entry h2
{
	color: #2B2B2B;
	padding: 0;
	margin: 0;
	background: none;
	height: auto;
	font-size: 17px;
	font-weight: bold;
}

#content .center .cggb .cggb-content .entry h2 a
{
	text-decoration: none;
	color: #2B2B2B
}

#content .center .cggb .cggb-content .entry small
{
	color: #41413F;
	font-size: 12px;
}

#content .center .cggb .cggb-content .entry .entry-content
{
	margin: 15px 0 15px 0;
}

#content .center .cggb .cggb-content .entry .set-width
{
	width: 250px;
	padding-left: 10px;
	margin: 0;
}

#content .center .cggb .cggb-content .entry .set-width .intro
{
	font-size: 11px;
}

#content .center .cggb .cggb-content .entry .entry-content p
{
	line-height: 20px;
	margin: 7px 0 7px 0;
	color: #323135;
}

#content .center .cggb .cggb-content a
{
	color: #97A71F;
}

#content .center .cggb .cggb-content .entry .light-green
{
	color: #97A71F;
	font-weight: bold;
}

/* Comments */

#content .center .cggb .cggb-content .comment-body
{
	margin: 10px 0 15px 0;
	border-bottom: solid 1px #BCBDBE;
	padding-bottom: 5px;
}

#content .center .cggb .cggb-content .comment-body .comment-author
{
	margin-bottom: 3px;
}

#content .center .cggb .cggb-content .comment-body .comment-author a
{
	font-weight: bold;
	font-size: 14px;
	text-decoration: none;
}

#content .center .cggb .cggb-content .comment-body .comment-author a:hover
{
	text-decoration: underline;
}

#content .center .cggb .cggb-content .comment-body .comment-author cite
{
	font-weight: bold;
	font-size: 14px;
	color: #97A71F;
}

#content .center .cggb .cggb-content .comment-body .comment-meta a
{
	font-size: 10px;
	text-transform: uppercase;
	color: #97A71F;
}

#content .center .cggb .cggb-content .comment-body p
{
	margin: 7px 0 7px 0;
	line-height: 20px;
}

#content .center .cggb .cggb-content .comment-body .reply
{
	display: none;
}

/* Comment Form */

#content .center .cggb .cggb-content .comment
{
	margin: 15px 0 0 0;
}

#content .center .cggb .cggb-content .comment .form-field
{
	margin-bottom: 10px;
}

#content .center .cggb .cggb-content .comment label
{
	width: 90px;
	font-size: 11px;
	font-weight: bold;
	line-height: 20px;
	color: #999999;
}

#content .center .cggb .cggb-content .comment input
{
	width: 385px;
	border: solid 1px #AAAAAA;
	padding: 3px;
}


#content .center .cggb .cggb-content .comment textarea
{
	width: 472px;
	border: solid 1px #AAAAAA;
	padding: 4px;
}

#content .center .cggb .cggb-content .comment p
{
	margin-bottom: 10px;
}

#content .center .cggb .cggb-content .comment button
{
	width: 55px;
	height: 30px;
	background:url(images/newsletter-top-button-bg.png);
	text-indent: -1000%;
	overflow: hidden;
	cursor: pointer;
	margin: 2px 0 0 5px;
	float: right;
	display: block;
}


/* Entry Nav */

#content .center .cggb .cggb-content .navigation
{
	overflow: hidden;
	margin-top: 5px;
}

#content .center .cggb .cggb-content .navigation .alignleft
{
	float: left;	
}

#content .center .cggb .cggb-content .navigation .alignright
{
	float: right;	
}

/* Right */

#content .right
{
	width: 210px;
	margin-left: 19px;
}

/* Grey Box */

#content .right .rgb
{
	background:url(images/right-grey-box-tiled-bg.jpg) repeat-y;
	margin-bottom: 13px;
}

#content .right .rgb .rgb-top
{
	height: 8px;
	background: url(images/right-grey-box-top-bg.jpg) no-repeat;
}

#content .right .rgb .rgb-content
{
	min-height: 50px;
	background: url(images/right-grey-box-bottom-bg.jpg) no-repeat 0 100%;
	padding: 5px 10px 10px 10px;
}

#content .right .rgb .rgb-content h3
{
	width: 192px;
	border-bottom: solid 1px #AEAEAF;
	padding-bottom: 7px;
	margin-bottom: 10px;
	background-position: 5px 0;
}

#content .right .rgb .rgb-content h3 span
{
	display: block;
	width: 15px;
	height: 18px;
	float: right;
	background: url(images/right-column-header-icons.png) no-repeat 0 0;
}

#content .right .rgb .rgb-content ul
{
	
}

#content .right .rgb .rgb-content ul li
{
	overflow: hidden;
	border-bottom: solid 1px #D8D9DB;
}

#content .right .rgb .rgb-content ul li:hover
{
	background: #F7F7F7;
}

#content .right .rgb .rgb-content ul li a
{
	display: block;
	color: #2B2B2B;
	height: 23px;
	line-height: 23px;
	text-decoration: none;
	float: left;
	margin-left: 8px;
}

#content .right .rgb .rgb-content ul li a:hover
{
	text-decoration: underline;
}

#content .right .rgb .rgb-content ul li span
{
	float: left;
	background: url(images/right-column-header-icons.png) no-repeat;
	height: 18px;
	display: block;
	text-indent: -1000%;
	overflow: hidden;
	margin-left: 5px;
}

/* List Icons */

#content .right .rgb .rgb-content ul li .twitter
{
	width: 17px;
	height: 18px;
	background-position: -55px 0;
	margin-top: 3px;
}

#content .right .rgb .rgb-content ul li .facebook
{
	width: 18px;
	height: 18px;
	background-position: -37px 0;
	margin-top: 3px;
}

#content .right .rgb .rgb-content ul li .tumblr
{
	width: 18px;
	height: 18px;
	background-position: -19px 0;
	margin-top: 3px;
}

#content .right .rgb .rgb-content ul li .tumblr
{
	width: 18px;
	height: 18px;
	background-position: -19px 0;
	margin-top: 3px;
}

#content .right .rgb .rgb-content ul li .admin
{
	width: 18px;
	height: 18px;
	background-position: -111px 0;
	margin-top: 3px;
}

#content .right .rgb .rgb-content ul li .courriel
{
	width: 18px;
	height: 18px;
	background-position: -91px 0;
	margin-top: 3px;
}

/* Headr Icons */

#content .right .rgb .rgb-content .icon-one span
{
	width: 17px !important;
	background-position: 0 0;
}

#content .right .rgb .rgb-content .icon-two span
{
	width: 17px;
	background-position: -72px 0;
}

/* Podcast Box */

#content .right .dtb
{
	position:relative;
	width: 208px;
	height: 208px;
	background: url(images/podcast-bg.jpg) no-repeat 0 0;
	margin-bottom: 13px;
}

#content .right .dtb .dtb-content
{
	width: 203px;
	height: 203px;
	min-height: 50px;
	padding: 5px;
}

#content .right .dtb .dtb-content h3
{
	width: 198px;
	border-bottom: solid 1px #AEAEAF;
	padding-bottom: 7px;
	margin-top: 10px;
	background-position: 10px 0;
}

#content .right .dtb .dtb-content h3 span
{
	display: block;
	width: 22px;
	height: 19px;
	float: right;
	margin-right: 5px;
	background: url(images/podcast-header-icon.jpg) no-repeat 0 0 !important;
}

#content .right .dtb .dtb-content ul
{
	
}

#content .right .dtb .dtb-content ul li
{
	overflow: hidden;
	border-bottom: solid 1px #D8D9DB;
		width: 198px;
}

#content .right .dtb .dtb-content ul .last
{
	border: none;
}

#content .right .dtb .dtb-content ul li:hover
{
	background: #F7F7F7;
}

#content .right .dtb .dtb-content ul li a
{
	display: block;
	color: #2B2B2B;
	height: 25px;
	line-height: 25px;
	text-decoration: none;
	float: left;
}

#content .right .dtb .dtb-content ul li a:hover
{
	text-decoration: underline;
}

#content .right .dtb .dtb-content ul li span
{
	float: left;
	background: url(images/postcast-list-icons.png) no-repeat 0 4px;
	height: 22px;
	display: block;
	text-indent: -1000%;
	overflow: hidden;
	margin-left: 5px;
}

#content .right .dtb .dtb-content ul li .prize-list
{
	background-position: 0 -22px;
}

#content .right .dtb .dtb-content .podcast-mic
{
	position:absolute;
	bottom: 3px;
	right: 20px;
}


/* 
	**********
	* FOOTER *
	**********
*/

#footer-wrapper
{
	/*position: fixed;
    bottom: 0;
    left: 0;*/
	width: 100%;
	height: 268px;
	background: url(images/footer-bg.png) repeat-x 0 0;
}

#footer
{
	width: 973px;
	height: 268px;
	margin: 0 auto;
}

#footer span
{
	margin-top: 27px;	
}

/* Left */
#footer .left
{
	width: 229px;
}

#footer .left span
{
	width: 126px;
	border-bottom: solid 1px #9AB23F;
	padding-bottom: 6px;
	background-position: 5px 0;
}

#footer .left ul
{
	margin: 18px 0 0 5px;
}

#footer .left ul li a
{
	display: block;
	margin-bottom: 5px;
	color: #2B2B2B;
	text-decoration: none;
}

#footer .left ul li .active
{
	text-decoration: underline;
}

/* Center */
#footer .center
{
	width: 518px;
}

#footer .center span
{
	width: 518px;
	border-bottom: solid 1px #9AB23F;
	padding-bottom: 6px;
	background-position: 5px 0;
}

/* Center Contact Form */

#footer .center .contact-form .form
{
	width: 205px;
	margin: 15px 0 0 5px;
}

#footer .center .contact-form .form .form-field
{
	margin-bottom: 5px;
}

#footer .center .contact-form .form input
{
	width: 205px;
	height: 16px;
	background: url(images/contact-from-fields.png) no-repeat 0 0;
	border: none;
	color: #AAAAAA;
	padding: 1px 7px 0 7px;
	font-size: 11px;
}

#footer .center .contact-form .form textarea
{
	width: 205px;
	height: 74px;
	background: url(images/contact-from-fields.png) no-repeat 0 -22px;
	border: none;
	padding: 7px 7px 0 7px;
	color: #AAAAAA;
	font-size: 11px;
}

#footer .center .contact-form .form button
{
	width: 55px;
	height: 30px;
	background:url(images/newsletter-top-button-bg.png);
	text-indent: -1000%;
	overflow: hidden;
	cursor: pointer;
	margin: 2px 15px 0 0;
	float: right;
}

#footer .center .contact-form .msg
{
	float: left;
	font-size: 11px;
	line-height: 30px;
}

#footer .center .contact-form .error
{
	color: #900;
	font-weight: bold;
}

#footer .center .contact-form .pass
{
	color: #060;
	font-weight: bold;
}

/* Center address */

#footer .center .address
{
	width: 266px;
	color: #2B2B2B;
	margin: 15px 0 0 38px;
}

/* Right */
#footer .right
{
	width: 226px;
}

#footer .right a
{
	margin: 27px 0 0 36px;
}

/* 
	**********
	* EXTRAS *
	**********
*/

.box-border
{
	margin-bottom: 20px;
	border-bottom: solid 1px #BDBDBE;
	padding-bottom: 15px;
	overflow: hidden;
}

.offre-employi-icons
{
	background: url(images/offre-emploi-icons.png);
	width: 22px;
	height:19px;
}

.offre-employi-icons li 
{
	display: block;
	float: left;
}

.offre-employi-icons li a
{
	text-indent: -1000%;
	overflow: hidden;
}

.offre-employi-icons .icon-one a
{
	width: 22px;
	height: 19px;
	float: left;
	display: block;
	margin-right: 5px;
}

.offre-employi-icons .icon-two a
{
	width: 16px;
	height: 19px;
	float: left;
	display: block;
	margin-right: 4px;
}

.offre-employi-icons .icon-three a
{
	width: 22px;
	height: 19px;
	float: left;
	display: block;
}

.hide
{
	display: none;
}

/* Left List Links */

.left-links
{
	width: 200px;
	height: 381px;
	background: url(images/left-links.jpg) no-repeat 0 0;
	display: block;
}

.left-links li a
{
	text-indent: -1000%;
	overflow: hidden;
}

.left-links .link1 a
{
	width: 200px;
	height: 75px;
	display: block;
}

.left-links .link2 a
{
	width: 200px;
	height: 57px;
	display: block;
}

.left-links .link3 a
{
	width: 200px;
	height: 38px;
	display: block;
}

.left-links .link4 
{
	width: 200px;
	height: 109px;
	display: block;
}

.left-links .link5 a
{
	width: 200px;
	height: 102px;
	display: block;
}