/* Begin Clearfix */
.clearfix:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
.clearfix {display: inline-block;}
html[xmlns] .clearfix {display: block;}
* html .clearfix {height: 1%;}
/* End Clearfix */

.clear {clear: both !important; height: 0; line-height: 0; font-size: 0; visibility: hidden;}


.aligncenter {text-align: center;}
.left {float: left;}
.right {float: right;}


body {margin: 0; padding: 0; background-color: #fff; font-family: Arial, Sans-Serif; font-size: 12px;}
img {border: 0;}
h1 {margin: 0px 0 10px; font-size: 20px; color: #999;}

/* Begin layout elements */
.navbar {font-size: 12px; color: #8d8e8a;}
.navbar a {color: #8d8e8a; font-size: 12px; font-weight: bold; text-decoration: none;}
.navbar a:hover {color: #b9d654; text-decoration: none;}


#flashObj {position: absolute; left: 0; top: 0; z-index: 9;}

#page {margin: 0 auto; padding: 0;}

#headerOuter {}
#header {position: relative; margin: 10px auto 25px; width: 960px;}

#contentOuter {background: url("../images/background-content.png") repeat-x;}
#content {position: relative; margin: 10px auto 0; width: 960px; background: url("../images/background_fauxcontent.png") right repeat-y;}

#footer {position: relative; height: 140px; background: url("../images/footer-logo.png") left no-repeat;}
#copyright {position: absolute; bottom: 30px; right: 250px; *width:500px; padding: 0 30px 0 200px; line-height: normal; font-size: 11px;}
#copyright a {font-size: 11px; color: #000;}

#logo {padding: 40px 0 10px;}

#topnav {font-weight: bold;}
#topnav a {font-size: 12px; text-transform: uppercase;}

#toolbar {position: absolute; top: 0; right: 0; padding: 5px 10px; background: #666; color: #fff;}
#toolbar a {color: #fff;}

#socialnetwork {position: absolute; right: 0px; top: 255px; text-align: right;}
#socialnetwork a {margin-left:5px;}


/* Main (left column) */
.main {float: left; padding: 35px 0 0; width: 685px; font-size: 12px;}
.main a {font-size: 10pt; color: #636363; text-decoration: none;}
.main a:hover {color: #000000;}
.main .panel-content {margin: 0;}
.main .header1 {border-collapse: collapse; background-color: #BDD24E; color: #000000;}
.main .header1 a {color: #000000;}
.main .header1dark {background-color: #7e0244; color: #fff;}
.main .header1dark a {color: #fff;}

/* Sidebar (right column) */
.panel {float: right; padding: 15px 0 0 15px; width: 250px;}
.panel a {color: #000; font-variant: small-caps; text-decoration: none;}
.panel a:hover {color: #000;}
.panel .panel-content {margin: 0 15px 0 0;}
.panel .header1 {width: 262px; background-color: #fff; border-collapse: collapse; color: #000;}


/* Tabbed categories */
.categories-tabs {width: 100%; margin: 0 0 30px; padding: 0px; color: #000;}
.categories-tabs a {float: left; padding: 0 19px 0 19px; height: 22px; line-height: 22px; border-right: 2px solid #fff; border-bottom: 2px solid #fff; background: #d5d5d5; text-transform: uppercase; font-size: 12px; font-weight: bold; color: #424040; cursor: pointer;}
.categories-tabs a.alt {background: #bbbaba;}
.categories-tabs a.selected {background: #434040; color: #fff;}
.categories-panels {}
.categories-panel {display: none;}

.bandeau {margin-bottom:10px;}


/* Box header */
.hTitle {margin: 0 0 5px; padding: 0; font-weight: bold;}
.hTitle .hTitleInner {display: inline-block;}
.hTitle a {text-decoration: none; font-weight: bold;}

.hTitleLong {}
.hTitleLong .hTitleInner {display: block !important;}

h2.hTitle {text-transform: uppercase; font-size: 12px; color: #000;}
h2.hTitle .hTitleInner {padding: 5px 15px; background-color: #c7dd74;}
h2.hTitle a {text-transform: uppercase; font-size: 12px; color: #000;}
h2.hTitle a:hover {color: #636363;}

h3.hTitle {text-transform: uppercase; font-size: 12px; color: #000;}
h3.hTitle .hTitleInner {padding: 2px 4px; background-color: #c7dd74;}
h3.hTitle a {text-transform: uppercase; font-size: 12px; color: #000;}
h3.hTitle a:hover {color: #636363;}
.panel h3.hTitle .hTitleInner {background-color: #fff; color: #000;}

h4.hTitle {text-transform: uppercase; font-size: 11px; color: #fff;}
h4.hTitle .hTitleInner {padding: 2px 4px; background-color: #666666;}
h4.hTitle a {text-transform: uppercase; font-size: 11px; color: #fff;}
h4.hTitle a:hover {color: #fff;}

/* In CMS Styling */
.pageheader {color: #666; height: 40px; padding-top: 18px;}
.pageheader h1 {display: inline-block; padding: 0 10px 0 0; color: #a7bd54; text-transform: uppercase;}
.pageheader a {display: inline-block; padding: 0 4px; color: #666; font-size: 11px; font-weight: bold; text-transform: uppercase;}
.pageheader h1 {display:inline-block; *zoom:1; *display:inline;}
.pageheader .anchor-list {display:inline-block; *zoom:1; *display:inline; *line-height:12px; *margin-top:-25px;}

h2.pagesubtitle {*float:left; *clear:left; display: inline-block; padding: 4px; background-color: #c7dd74; text-transform: uppercase; font-size: 12px; color: #000;}
#tdmaincontent p {*clear:left;}
h2 .subtitle-1 {*float:none; *width:360px; *clear:none; zoom:1;}
h2 .subtitle-2 {*float:none; *width:220px; *clear:none; zoom:1;}
#tdmaincontent .printemps p {*clear:none;}


/* Home */
body.home #contentOuter {background-image: url("../images/background-content-home.png");}
body.home .main {padding-top: 0;}



/* End layout elements */
.pagemetadata { 
	margin: 15px 0 30px;
	padding: 0 0 5px;
	border-bottom: 1px solid #ccc;
	font-size: 11px;
	color: #666;
}
.pagemetadata a {
	font-size: 11px;
	color: #666;
}

.publication-image-home
{
	float: left;
}

.publication-image
{
	padding: 1px 1px 1px 1px;
	background-color: Black;	
}

.link-Description
{	
	background-color: #B5B5B5;
	color: White;
}

.header-table
{
	border-collapse: collapse;
}

.header1 {padding: 3px 4px; font-size: 12px; font-weight: bold; text-transform: uppercase; text-decoration: none; color: #fff;}
.header1 a {font-size: 12px; font-weight: bold; text-transform: uppercase; text-decoration: none; color: #fff;}
.header1 a:hover {color: #A8B046;}



.header2-mini {padding-top: 0px; padding-bottom: 8px; color: #666666; font-size: 12px; font-weight: bold; text-transform: uppercase;}
.header2-mini a {color: #fff; text-decoration: none; font-size: 11px; font-weight: bold;}
.header2-mini a:hover {color: #fff;}

.header3
{
	padding: 4px 8px;
	font-size: 14pt;
	font-weight: bold;
	font-variant: small-caps;
	text-transform: lowercase;
}
.header4
{
	color: #666666;
	padding-bottom: 8px;
	font-size: 11pt;
	font-weight: bold;
	font-variant: small-caps;
	text-transform: lowercase;
}
.header5
{
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 4px;
	padding-bottom: 4px;
	background-color: #C7C5C6; 
	color: #000; 
	font-size: 9pt; 
	font-weight: bold; 	
	text-transform: uppercase;
}

.publicationdetails-menu
{
	padding-top: 2px;
	padding-bottom: 7px;
}

.publicationachat-headeritem th
{
	background-color: #FFFFFF;			
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 10px;	
	text-align: right;
	font-weight: normal;
}

.publicationachat-item-price
{
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 10px;	
	text-align: right;
	background-color: #C7C5C6;
	font-weight: bold;
}

.publicationachat-alternateitem-price
{
	padding-top: 3px;
	padding-bottom: 3px;	
	padding-left: 10px;
	text-align: right;
	background-color: #FFFFFF;			
	font-weight: bold;
}

.publicationachat-item-subcategory
{	
	text-align: left;
	font-weight: normal;
}

.publicationdetails-anchors
{
	padding-bottom: 10px;
}

#publicationdetails-content .panel-content
{
	padding-top: 35px;	
}

#publicationdetails-themedescription
{	
	padding-top: 20px;	
	
}

#publicationdetails-header a:hover
{
	color: #000000;
}

#publicationdetails-header a
{
	color: #FFFFFF;
	background-color: #B7B5B6;
	font-size: 9pt;
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 4px;
	padding-bottom: 4px;
	font-weight: bold;
	text-transform:uppercase;		
}

.publicationdetails-header-title
{
	color: #FFFFFF;
	background-color: #B7B5B6;
	font-size: 9pt;
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 4px;
	padding-bottom: 4px;
	font-weight: bold;
	text-transform:uppercase;		
}

.publicationdetails-title
{	
	padding-right: 15px;
	color: #666666;
	font-size: 13.5pt;
	text-transform:uppercase;	
	font-weight: bold;	
}

.publicationdetails-title a
{	
	padding-right: 15px;
	color: #666666;
	font-size: 13.5pt;
	text-transform:uppercase;	
	font-weight: bold;	
}

.facebook-share-link a
{
	color: #ffffff;
}

.facebook-share-link
{
	border: 1px solid #2F5890; 
	background-color: #728EBB; 
	color: #ffffff; 
	font-weight: bold; 
	font-size: 12px; 
	padding: 1px;	
}

#publicationdetails-sociallinks
{
	float: right;			
	padding-top: 10px;
}


#publicationdetails-sociallinks td
{
	vertical-align: top;
}

.publicationdetails-submenu
{	
	padding-left: 5px;
	padding-right: 5px;	
	color: #666666;	
	font-weight: bold;
	text-transform:uppercase;		
}

.publicationdetails-submenu a
{
	font-size: 9pt;
}

.publicationDescription
{
	/*text-align: justify;*/
	background-color: #FFFFFF;
	/*padding: 5px 10px 10px 10px;*/
	/*margin: 0px 0px 10px 0px;*/
}

.publicationImage-smaller
{			
	border: 1px solid #000000;	
	width: 50px;
}

.publicationImage-smaller img
{
	width: 50px;		
}

.publicationImage-smaller-spacer
{	
}

.publication-image-bigger
{	
	margin-right: 10px;
	width: 160px;
}

.publication-image-bigger-border
{
	padding: 1px 1px 1px 1px;
	background-color: Black;
}

.publicationImage-bigger
{
	width: 160px;		
	text-align: center;	
	vertical-align: top;
	padding-right: 10px;
}

.publicationDetails
{
	/*margin: 10px 10px 10px 10px;*/
	margin-bottom: 10px;	
}

.publicationTable {border-collapse: collapse;}
.publicationTable .tdMagazineLeft {vertical-align: top; padding: 0 10px 30px 0;}
.publicationTable .tdMagazineRight {vertical-align: top; padding: 0 0 30px 10px;}


.publication { }
.publicationImage {float: left; width: 92px; overflow: hidden; padding-right: 4px;}
.publicationDetails {padding: 0 0 0 92px;}
.publicationDetails .hTitle {font-size: 11px;}
.publicationDetails .hTitle a {font-size: 11px;}
.publicationTheme {margin: 4px 0 4px 0; padding-left: 4px; font-size: 11px; font-weight: bold; text-transform: uppercase; color: #666666;}
.publicationDescription {margin: 0 0 0 2px;}
.publicationPrice {margin-left: 4px; margin-top: 6px; font-weight: bold;}


.monthlyImage
{
	color: #636363;
	text-align: center;
	font-variant: small-caps;
}


.lastest-issue-item {color: #636363; text-align: center; font-variant: small-caps;}
.lastest-issue-item-title {padding-bottom: 10px;}


.price-title
{
	font-variant: small-caps;
	text-transform: lowercase;
}

.price
{
	color: #000;
	font-size: 10pt;
	font-variant: small-caps;
	text-align: right;
	text-transform: lowercase;
	font-weight: bold;
}

.searchBox
{
	text-align: right;
}

.panier-concours-participe
{
	font-weight: bold;
	color: #7E0244;
}



/* Membre Class*/

table.membre
{
	width: 100%;
	margin : 0px 0px 10px 0px;
}

td.membre
{
	padding-left: 5px;
	width: 240px;
	
}

td.responsable
{
	padding-top: 10px;
	padding-bottom: 10px;
}

span.membreNom
{
	font-size: 12px;
	font-weight: bold;
}

.membreInfo
{
	font-size: 10px;
}


#lastHourNews {margin: 0 0 20px;}
#lastHourNews .NewsDate {display: inline-block; width: 62px; font-weight: bold; font-size: 11px; color: #000;}
#lastHourNews .NewsText {font-size: 11px; font-weight: bold; color: #000;}
#lastHourNews tr {height: 20px; vertical-align: top;}
#lastHourNews table {padding-top: 5px;}

#laCultureEnRevues .panel-content {margin: 0 0px 0 0;}
#laCultureEnRevues {margin: 0 0 20px;}
#LePrintempsDesRevues {margin: 0 0 20px;}
#LePrintempsDesRevues .panel-content {margin: 0 0px 0 0;}

.news-archive {margin: 0; padding: 0;}
.news-archive li {position: relative; margin: 5px; padding: 5px 0 10px 80px; list-style: none; border-bottom: 1px solid #ccc;}
.news-archive-date {position: absolute; left: 0; top: 6px; font-weight: bold; font-size: 11px;}
.news-archive h2 {margin: 0 0 5px; font-size: 14px; font-weight: bold;}

.RSSFeedIcon {float: right;}
.RSSFeedIcon img {}

#carousel {margin: 0 0 10px;}

#lastest-issues-carousel {margin: 10px 0 10px 20px; padding: 10px 40px; width: 130px; height: 165px; overflow: hidden;}
#lastest-issues-carousel .jcarousel-clip {width: 130px; font-weight: bold; height: 165px;}
#lastest-issues-carousel .jcarousel-item {width: 130px; height: 165px;}

.addtocart-link
{
	padding-top: 7px;
	padding-bottom: 10px;
}

.addtocart-link a
{	
	text-transform: uppercase;
	font-size: 9px;	
}

#cart-publicationslist
{
	padding-top: 30px;	
}

.cart-table 
{
	border-collapse: collapse;
	width: 100%;
}

.cart-table td
{
	border: 1px solid #ccc;
	padding: 10px;
	vertical-align: top;
}

.cart-title {margin: 10px 0 20px; font-size: 16px;}
td.cart-remove {width: 1%; text-align: center; vertical-align: middle;}
td.cart-remove a.btn-remove {display: inline-block; padding: 4px 8px; background: #900; color: #fff;}

.cart-addtocart
{
	display: inline-block;
	text-transform: uppercase;
	padding: 3px 6px;
	border: 1px solid #bbb;
	background: #ddd;
	color: #000 !important;
	font-size: 11px !important;
	font-weight: bold;
}

.texteContenu
{
	padding-left: 4px;
}

.texteContenu p
{
	padding-left: 4px;
}

.video-link-disable a
{
	color: #A0A0A0;
}

.video-link-disable a:hover
{
	color: #A0A0A0;
}


/*
 *  Styles for WordPress
 */

.wp-content h2.pagesubtitle {}
.wp-content h2 span.pagesubtitle {/*float:left;*/ *clear:left; display: inline-block; padding: 4px; background-color: #c7dd74; text-transform: uppercase; font-size: 12px; color: #000; zoom: 1; *display:inline;}
.wp-content .printemps h2 span.subtitle-1,
.wp-content .printemps h2 span.subtitle-2 {*float:none; clear:right;}
.wp-content .TexteContenu td h2 {*margin-top:20px;}
.wp-content h3 {margin:30px 0 0 0; font-size:12px; font-weight:bold;}
.wp-content h3.languageNote {margin:10px 0 40px 0;}
.wp-content .printemps h3.languageNote {margin:10px 0 15px 0;}
.wp-content h4 {margin:0; font-size:12px; font-weight:normal; text-decoration:underline;}

img.alignleft {float:left; margin-top:10px; margin-right:20px;}
img.alignright {float:right; margin-top:10px; margin-left:20px;}
.photo-caption {float:left; padding:0; margin:3px 10px 10px 0; background-color:#bababa;}
.photo-caption img.alignleft {float:left; padding:0; margin:0;}
.photo-caption span {display:block; padding:5px; font-size:9px; clear:left;}
 

/*
 *  CSS pour la page Érudit
 */

.erudit {width:100%; font-family:Arial, Helvetica, sans-serif;}
.erudit * {margin:0; padding:0;}

.erudit a {color:#000;}
.erudit a:hover {text-decoration:none;}
.erudit a img {border:0;}

.erudit #header-container {background-color:#666666;}
.erudit #header {width:962px; height:203px; padding-top:42px; margin:0 auto;}

.erudit #main-body {width:962px; padding-top:45px; margin:0 auto; font-size:12px;}

.erudit #left-column {float:left; width:340px;}
.erudit #right-column {float:left; width:600px; margin-left:20px;}
.erudit h2 {float:left; margin:20px 0; text-transform:uppercase; font-size:12px; font-weight:bold; text-decoration:underline;}
.erudit p {margin-bottom:20px; clear:left;}
.erudit p.green-box {padding:10px; background-color:#c7dd74;}
.erudit p.grey-box {padding:10px; background-color:#bcbcbc;}

.erudit .video-tools {width:100%; height:18px; margin:10px 0 30px 0; font-size:9px; text-align:right;}
.erudit .video-tools span {display:inline-block;}
.erudit .button {height:18px; line-height:18px; padding:0 5px; margin-left:5px; background-color:#c7dd74; text-transform:uppercase;}
.erudit .button-mail {float:right; margin-left:5px;}
.erudit .video-byline {float:left; margin-left:5px;}
.erudit .button-pdf {display:inline-block; height:16px; line-height:16px; margin:20px 0 10px 10px; padding:0 5px; background-color:#ae1900; font-size:10px; color:#fff; font-weight:bold; text-decoration:none; text-transform:uppercase;}
.erudit .video-tools a {text-decoration:none; color:#000;}

.erudit #footer-container {background-color:#666666;}
.erudit #footer {position:relative; width:962px; height:170px; margin:0 auto; background:none;}
.erudit img#logo-sodep {margin-top:27px;}
.erudit #link-facebook {position:absolute; top:105px; left:117px;}
.erudit #footer div.jcarousel-skin-tango {float:right; margin-right:30px;}

.erudit #copyright-container {}
.erudit #copyright {position:static; width:892px; height:61px; line-height:normal; margin:24px auto 0 auto; padding:0 0 0 70px;}
.erudit #copyright img {margin-right:20px;}
.erudit #copyright span.copyright-content {display:inline-block; width:475px; font-size:9px;}