/*
Theme Name: Commission-Jeunesse du PLQ Wordpress Theme by OSF Global
Theme URI: http://www.osf-globabl.com
Description: Customized Wordpress Theme created for Commission-Jeunesse du PLQ by OSF Global <a href="http://www.osf-global.com">www.osf-global.com</a>
Version: v01 (WP2.6.2)
Author: OSF Global
Author URI: http://www.osf-globabl.com
Tags: Commission-Jeunesse du PLQ, OSF Global, customized wordpress theme
*/
@import "css/ie.css";
/* - BASIC STUFF - */
a {text-decoration:none;}
a:hover {text-decoration:underline;}

/* -- COMMENTS -- */
div.comments-wrap {margin:15px auto; padding:0;}
li.comment,li.trackback, li.pingback {margin: 10px auto;}
ul.children {margin-left:10px;}
ul.commentlist, ul.pinglist {margin:10px 0;}
textarea#comment {overflow:auto}
:focus {outline: 0;}
ins {text-decoration: none;}
del {text-decoration:line-through;}
table {	border-collapse: collapse; border-spacing: 0;}
td { vertical-align:middle; }
a:focus {outline: 1px dotted;}
a, a:link, a:visited, a:hover, a:focus {color:#004a69;	}
a img, a:link img, a:visited img, a:hover img, a:focus img {color: transparent;	}
.center {text-align:center; margin-left:auto; margin-right:auto;}
.left {float:left; text-align:left;}
.alignright, .right {float:right; text-align:right;}
img, a:link img, a:vlink img, a:alink img { border: 0px none ;}
a, a:active, a:hover, a:active, a:focus {outline: none;}
a:focus{-moz-outline-style: none;}

/*================================================
True Vector
================================================*/
html {
	height:100%;
	max-height:100%;
	padding:0;
	margin:0;
	border:0;
}
body {
	height:100%;
	max-height:100%;
	padding:0;
	margin:0;
	border:0;
	color: #414042;
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	font-size:12px;
}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, button, textarea, p, blockquote, th, td {
	margin:0;
	padding:0;
}
body, div, dl, dt, dd, ul, ol, li, pre, code, form, fieldset, legend, input, button, textarea, p, blockquote, th, td {
	font-size:12px;
	font-family: Arial, Helvetica, sans-serif;
}
div, dl, dt, dd, ul, ol, li, legend, input, button, textarea, p, blockquote, th, td {
	font-size:12px;
	line-height:1.4em;
	word-spacing:0.04em;
}
a, a:link, a:focus, a:hover, a:active {
	outline: none;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset, img {
	border:0;
}
input[type=radio] {
	vertical-align: middle;
	margin: 0;
}
address, caption, cite, code, dfn, em, th, var, optgroup {
	font-style:inherit;
	font-weight:inherit;
}
del, ins {
	text-decoration:none;
}
caption, th {
	text-align:left;
}
h1, h2, h3, h4, h5, h6 {
	font-size:100%;
	font-weight:normal;
}
sup {
	vertical-align:baseline;
}
sub {
	vertical-align:baseline;
}
input, button, textarea, select, optgroup, option {
	font-family:inherit;
	font-size:inherit;
	font-style:inherit;
	font-weight:inherit;
	padding: 0;
	margin: 0;
}
/* Default layout of input boxes and textarea */

.textarea, textarea {
	width: 500px;
  height: 150px;
	font-family: Arial, Helvetica, sans-serif;
	padding: 2px;
	font-size: 12px;
	font-weight: normal;
	border: 1px solid #ccc;
}
.inputbox, input[type="text"], .s-input{
	width: 214px;
	font-family: Arial, Helvetica, sans-serif;
	padding: 4px;
	font-size: 12px;
	line-height: 14px;
	color:#534741;
	background-color:#ffffff;
	font-weight: normal;
	vertical-align: middle;
	border: 1px solid #a9a3a0;
}
/* Default layout of select boxes */
.selectbox {
	font-family: Arial, Helvetica, sans-serif;
	padding: 2px;
	font-size: 12px;
	font-weight: normal;
	vertical-align: middle;
	border: 1px solid #ccc;
}
.radiobutton {
	display: inline;
	float: left;
	margin-right: 7px;
	vertical-align: middle;
}
fieldset {
	margin: 0px;
	padding: 0px;
	border:none;
}
a, a:link {
	color: #4d4c4c;
	background-color:inherit;
	text-decoration:none;
}
a:visited {
	color: #4d4c4c;
	text-decoration:none;
}
/*a:hover, a:visited:hover {
	color: #4d4c4c;
	background-color:inherit;
	text-decoration:none;
}*/
p a, p a:link, p a:visited, p a:active, p a:hover {color:#FC061D;}
a, .entry a:link {
	color: #fc061d;
	background-color:inherit;
	text-decoration:none;
}
.entry a:visited {
	color: #fc061d;
	text-decoration:none;
}
.entry a:hover, .entry a:visited:hover {
	color: #fc061d;
	background-color:inherit;
	text-decoration:none;
}
h1, h2, h3, h4, h5, h6 {
	color: #109AED; /*#362f2d;*/
	font-family: Georgia;
}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a, 
h1 a:link, h2 a:link, h3 a:link, h4 a:link, h5 a:link, h6 a:link,
h1 a:visited, h2 a:visited, h3 a:visited, h4 a:visited, h5 a:visited, h6 a:visited,
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover {
	color: #109AED;
	font-family: Georgia;
}
h1 {
	font-size:29px;
	font-weight: normal;
	line-height: 20px;
	line-height: 120%;
	font-family: Helvetica;
	padding-bottom: 15px;
}
h2 {
	font-size:18px;
	background-color:inherit;
	font-weight:normal;
	padding-bottom: 3px;
}
h3 {
	font-size:18px;
	background-color:inherit;
	font-family:"Myriad Pro";
	color: #534741;
}
h4 {
	font-size:18px;
	display: block;
	color: #dddacd;
	font-family: Georgia;
	padding-bottom: 10px;
	font-weight: normal;
}
h6, h5 {
	font-size:20px;
	padding-bottom: 10px;
	font-family: "Myriad Pro";
	background-color:inherit;
	color: #534741;
}
.hidden {
	display: none;
}
label {
	color: #534741;
	background-color:inherit;
}
clear {
	font-size: 0px;
	line-height: 0px;
}
/*================================================
Body Styles
================================================*/	

body {
	height: 100%;
}
/* Clearfix */
.clearfix:after {
	clear:both;
	content:' ';
	display:block;
	font-size:0;
	line-height:0;
	visibility:hidden;
	width:0;
	height:0
}
.clearfix {
	display:inline-block;
}
.clear {
	clear: both;
}
p {
	padding: 5px 0px 10px 0px;
}
/*================================================
Header Styles
================================================*/	
#header {
	width: 980px;
	background: url(images/bg/header-bg.gif) no-repeat top left;
	margin-left: auto;
	margin-right: auto;
	height: 192px;
	z-index: 10;
}
#page {
	margin: 0;
	padding: 0;
	position: relative;
	background: url(images/bg/page-bg.jpg) no-repeat center top;
	min-height: 330px;
	margin-left: auto;
	margin-right: auto;
}
#content_container {
	margin: 0 auto;
	width: 980px;
	background: url(images/bg/wrapper-bg1.gif) no-repeat bottom left;
	padding-left: 8px;
	min-height: 480px;
	padding-bottom: 20px;
}
.clearing {
	height: 0px;
	clear: both;
	font-size: 0px;
	margin: 0;
	padding: 0;
}
#outer_wrapper {
	z-index: 1;
  min-height: 330px;
	position: relative;
  background-color: #ffffff;
float : right
}
#wrapper {
	width: 970px;
	padding: 4px 5px 0px 5px;
	position: relative; 
display : align
}
#contentBox {
  background: url(images/bg/content-bg.gif) repeat-y 662px 0%;
  overflow: hidden;
}
#footer {
	height:40px;
	width: 980px;
  	text-align: center;
	margin:0px auto 0px auto;
	color:#868788;
}
#footer a,
#footer a:link,
#footer a:visited,
#footer a:active
{
	color:#FC061D;
}

/*================================================
Header
================================================*/
.motto {
	background: url(images/ma-place.png) no-repeat bottom left;
  width: 380px;
  height: 45px;
  float: left;
  clear: both;
  padding-top: 14px;
}
/*================================================
Menu Styles
================================================*/
#menu {
	height: 41px;
  float: right;
}
.nav-menu {
	margin: 0 auto;
}
#menu ul {
	padding: 0px 0px 0px 0px;
	margin: 0px;
	float: left;
}
#menu li {
	color:#534741;
	/*background-color:inherit;*/
	float: left;
	font-weight:bold;
	font-size:11px;
 	 /*background: url(images/nav/menu-nav.png) no-repeat top left;*/
	display: block;
	margin-left: 4px;
	list-style-type: none;
  width: 144px;
}
#menu li a {
	color: #ffffff;
	background-color:inherit;
	display: block;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
	list-style-type: none;
	line-height: 13px;
	font-size: 13px;
	height: 27px;
	background: url(images/nav/nav-bg.gif) no-repeat top left;
	padding: 14px 0px 0px 0px;
}
#menu li a.headlink, #menu li a.headlink:hover, #menu li a.headlink:visited {
  color: #ffffff!important;
  /*background-color: inherit;*/
}
#menu li a:hover, #menu li a:visited:hover, #menu li a:visited{
	color: #ffffff!important;
	font-size: 13px;
	background-color: inherit;
	background: url(images/nav/nav-act.png) no-repeat top center;
}

#menu li.headlink:hover , #menu li.current_page_item {
	color: #fff;
	display: block;
  background-color: inherit;
	background: url(images/nav/menu-nav.png) no-repeat top right;
}
#menu li a:visited {
	color: #625f53;
	background-color:inherit;
}
#menu, #menu ul {
	list-style: none;
}
/* Child lists and links */
#menu li.headlink ul {
	display: none;
	position: absolute;
	margin-left: 0px;
	z-index: 999;
	background: #b3e1ff url(images/nav/na-bg.gif) repeat top center;
	width: 144px;
	z-index: 65;
	padding-top: 0px;
	padding-left: 0px;
}
#menu li.headlink:hover ul {
	display: block;
}
#menu li.headlink ul li, #menu li.headlink ul li.headlink {
	padding: 0px 0px 0px 0px!important;
	display: block;
	text-align: left;
	width: 144px;
  margin: 0px;
  /*background: none;*/
}
#menu li.headlink ul li a {
	padding: 6px 4px 6px 10px;
	font-size: 11px;
	color: #535352!important;
  height: auto!important;
  text-transform: uppercase;
	width: 130px;
  background: #b3e1ff url(images/nav/na-bg.gif) repeat top center;
	font-weight: normal;
	text-align: left;
  margin: 0px;
  border-bottom: 2px solid #ffffff;
	text-transform: none;
}
#menu li.headlink ul li a:hover, #menu li.headlink ul li:hover a {
	font-size: 11px;
	color: #ffffff;
  background: #38b2fb url(images/nav/act-bg.gif) repeat top center;
	padding: 6px 4px 6px 10px;
	text-transform: none;
  border-bottom: 2px solid #ffffff;
	text-decoration: none;
}
#menu ul li a:hover {
	text-decoration: none;
}
.current {background: url(images/nav/menu-nav.png) no-repeat top right; }

#menu li a:hover, #menu li.headlink:hover {background: url(images/nav/menu-nav.png) no-repeat top right; }

.headlink {background:url(images/nav/menu-nav.png) no-repeat top left;}
.current_page_item, .current_page_parent, .current_page_ancestor {background:url(images/nav/menu-nav.png) no-repeat top right;}


/*================================================
Images Styles
================================================*/	

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
img.alignright {
	padding: 4px;
	margin: 0 0 2px 0px;
	display: inline;
}
img.alignleft {
	padding: 4px;
	margin: 0 0px 2px 0;
	display: inline;
}
.alignright {
	float: right;
}
.alignleft {
	float: left;
}
.wp-caption {
   border: 0px;
   text-align: left;
   padding-top: 4px;
   margin: 0px;
   font-size: 0px;
}

.wp-caption img {
   margin: 0;
   padding: 0;
   border: 0 none;
}

.wp-caption p.wp-caption-text {
   font-size: 11px!important;
   line-height: 17px;
   color: #777777;
   padding: 0 4px 5px;
   margin: 0;
   clear: both;
}
/* ----------- End Images ----------- */
/*================================================
Comments 
================================================*/
#respond {
  clear: both;
  margin-top: 20px;
}
/*================================================
Header Part Styles
================================================*/
.grid-part2 p {
	float: left;
	font-size: 12px;
	display: block;
	color: #736357;
	padding: 0px;
	margin: 0px;
}
.grid-part2 {
	width: 750px;
	padding: 50px 0px 0px 0px;
	float: right;
  height: 101px;
	text-align: right;
	overflow: hidden;
}
.logo {
	padding: 52px 0px 0px 30px;
	width: 200px;
	float:left;
}
.accueil {
  padding-left: 60px;
  height: 22px;
  width: auto;
  overflow: hidden;
  float:left;
  background: url(images/bg/a-right.png) no-repeat left center;
}
.accueil span{
  background: url(images/bg/a-left.png) no-repeat right center;
  display: block;
  color: #ed1b2e;
  height: 22px;
  text-align: left;
  line-height: 22px;
  padding-right: 60px;
}
.accueil a,
.accueil span a:link,
.accueil span a:visited,
.accueil span a:active {
	color: #ed1b2e;}


/*================================================
featured Article
================================================*/

.featuredArticle {
  clear: both;
  position: relative;
  padding: 0px 0px 5px 0px;
}
.featuredArticle img{
  display: block;
}
.featuredArticle h3 {
  position: absolute;
  top: 35%;
  right: 10px;
  text-align: right;
  font-size: 38px;
  color: #ffffff;
  background-color: inherit;
}
.featuredArticle h3 a {
  clear: both;
  display: block;
  font-size: 14px;
  color: #ffffff;
  background-color: inherit;
}


/*================================================
commission Article
================================================*/
.commissionArcticle a,  .commissionArcticle a:hover, .commissionArcticle a:hover:visited{
  display: block;
  background: url(images/bg/home-links.gif) no-repeat right center;
  width: 232px;
  height: 32px;
  font-size:12px;
  padding-left: 10px;
  color: #fbfaf9;
  line-height: 32px;
}
.commissionArcticle {
  clear: both;
  padding-bottom: 5px;
  height:32px;
}

/*================================================
Content
================================================*/ 
#leftSidebar {
  width: 240px;
  float: left;
  padding-right: 5px;
}
#content {
  background: url(images/bg/content-bg.gif) repeat-y 412px 0%;
  overflow: hidden;
  float: left;
  width: 720px;
}
.content {
  float: left;
  width: 650px;
  padding-right: 17px;
  font-size: 12px;
}
.content .post .entry p, .content .post .entry ul li{
  font-size: 12px;
}
.content .post .entry a, .entry a {
  color: #fc061d;
  text-transform: uppercase;
  text-decoration: underline;
  font-size: 11px;
}
.contentArea {
  width: 390px;
  padding: 10px 5px 0px 0x;
  float: left;
}
#rightSidebar {
  width: 300px;
  float: right;
}
#rightSidebar h5 {
  color: #109aed;
  font-size: 14px;
  padding: 10px 0px;
}
#rightSidebar .articlesList {
  list-style-type: none;
  padding: 0px;
}
#rightSidebar .articlesList  li a:hover, #rightSidebar .articlesList li a:visited:hover {
  text-decoration: underline;
}
#rightSidebar .blog-content {
  padding: 0px 0px 0px 5px;
}
.commentaires {
  border-bottom: 3px solid #bcbcbd;
  font-size: 12px;
  color: #525050;
  padding: 20px 0px 0px 0px;
  font-weight: bold;
}
.commentlist {
  padding: 0px!important;
  margin: 0px!important;
}
.commentlist li {
  border-bottom: 1px solid #bcbcbd;
  padding: 10px 0px;
  font-size: 11px;
  list-style-type: none!important;
}
.commentlist li p, .commentlist li a, .commentmetadata, .commentmetadata a, .commentmetadata p{
  font-size: 11px;
}
.commentmetadata {
  padding-top: 10px;
  color: #7b7878;
}
.commentlist p {
  color: #7b7878;
  padding: 2px 0px!important;
}
/*================================================
Search
================================================*/ 
#s {
  /*background: url(images/input-bg.gif) no-repeat left top;
	 border: 0px;
	 height: 28px;
	padding: 6px 4px 0px 4px;*/  
  	width: 228px; 
}
#searchsubmit {
	background: url(images/search.gif) no-repeat left top;
	padding-right: 10px;
	font-size: 12px;
	color: #362f2d;
  height: 21px;
  cursor: pointer;
  width: 22px;
  border: 0px;
	font-weight: bold;
	text-decoration: none;
}
/*================================================
Youtube, Flickr, Facebook
================================================*/ 
/*.flick {height:68px;}
.youtube {height:63px;}
.youtube, .flickr {
  margin-top: 5px;
  border: 1px solid #b8babb;
  position: relative;
}*/
.youtube img, .flickr img {
  display: block;
}
.youtube a span, .flickr a span {
  background: url(images/over-bg.png) repeat left top;
  position: absolute;
  text-align: center;
  font-size: 20px;
  color: #f1f6f8;
}
.flickr a span {
  width: 297px;
  line-height: 68px;
  height: 68px;
}
.youtube a span {
  width: 297px;
  height: 63px;
  line-height: 63px;
}
.faceCommission {
  margin-top: 5px;
  clear: both;
}      
/*================================================
Events 
================================================*/ 
.eventsArea {
  	background: url(images/bg/calendar-bg.jpg) repeat-y right 0px;
    width: 277px;
    color: #ffffff;
    background-color: inherit;
    overflow: hidden;
    padding: 10px 10px;
    border: 1px solid #9391b3;
}
.eventDate {
  float: left;
  width: 50px;
}
.name {
  float: right;
  width: 210px;
  color: #f8f2f3;
  font-size: 14px;
  line-height: 15px;
  text-transform: uppercase;
  padding: 20px 0px 15px 0px;
}
.name a {
  color: #f8f2f3;
  font-size: 14px;
  line-height: 15px;
  text-transform: uppercase;
}
.eventsArea dl {
  clear: both;
  padding: 3px 0px 0px 3px;
}
.eventsArea dt, .eventsArea dd {
  float: left;
  width: auto;
  font-size: 11px;
  text-transform: uppercase;
}
.eventsArea dd a {
  color: #ffffff;
  font-size: 11px;
  background-color: inherit;
  text-transform: uppercase;
}
.eventsArea dd a:hover {
  color: #fefefe;
  text-transform: uppercase;
}
.eventsArea dt {
  width: 22px;
}
.eventDate p{
  font-size: 25px;
  line-height: 0.7em;
  text-align: center;
  padding: 0px!important;
}
.eventDate p span{
  font-size: 34px;
  line-height: 0.7em;
  text-align: center;
}
/*================================================
social Area
================================================*/ 
.socialArea {
  border: 1px solid #628a9e;
  background: #474849;
  margin-top: 5px;
  clear: both;
  padding: 10px;
  color: #fcfdfd;
  font-size: 16px;
  overflow: hidden;
}
.socialArea p{
  font-size: 16px;
  padding: 2px 10px 0px 0px;
}
.socialArea a {
  display:block;
  height:28px;
  position:relative;
  float: left;
  margin-right: 4px;
  width:27px;
}
.socialArea a .rollover-a {
  cursor: pointer;
  display:block;
  height:28px;
  left:0;
  position:absolute;
  top:0;
  width:27px;
}
.socialArea a.tw .rollover-a {
  background: url(images/icons.gif) no-repeat scroll 0% 100%;
}
.socialArea a.item1 .rollover-a {
  background: url(images/icons.gif) no-repeat scroll -32px 100%;
}
.socialArea a.item2 .rollover-a {
  background: url(images/icons.gif) no-repeat scroll -64px 100%;
}
.socialArea a.item3 .rollover-a {
  background: url(images/icons.gif) no-repeat scroll -98px 100%;
}
.socialArea a.item4 .rollover-a {
  background: url(images/icons.gif) no-repeat scroll -132px 100%;
}
/*================================================
Post 
================================================*/
.post {
  padding-top: 0px;
  overflow: hidden;
  clear: both;
  margin-bottom: 40px;
}
.date {
  color: #109aed;
  font-size: 14px;
  font-weight: bold;
}
.entry {
  overflow: hidden;
}
.title {
  padding-top: 10px;
}
.post h2 {
  font-size: 25px;
  padding-bottom: 20px;
  color: #109aed;
}
.post h3 {
  font-size: 13px;
  color: #414042;
  font-weight: bold;
}
.post p{
  line-height: 1.4em;
  padding: 5px 0px 15px 0px;
}
.meta-date {
  border-bottom: 1px solid #00aaff;
  display: block;
  overflow: hidden;
  padding: 3px;
  font-size: 10px;
  color: #868788;
}
.meta-date .read-more {
  text-align: right;
  float: right;
  clear: right;
  color: #868788;
  text-transform: none;
  display: block;
}
/*================================================
Tags
================================================*/

.tags {
  color: #868788;
  clear: both;
  font-size: 10px;
  text-transform: none;
  text-decoration: none;
  padding-top: 4px;
}
.tags a{
  color: #868788;
  font-size: 10px;
  text-transform: none;
  text-decoration: none;
  padding-right: 5px;
  margin-right: 5px;
  text-decoratio
  n: none;
  background: url(images/bg/t-bg.gif) no-repeat right center;
}
/*================================================
favoris
================================================*/
.favoris {
  padding: 0px;
}
.favoris ul li{
  background: url(images/marker.gif) no-repeat left 4px;
  padding: 0px 0px 0px 15px;
}
.favoris ul li a:hover{
 text-decoration: underline;
}
.socialArea p {
  float: left;
}
/*================================================
Content Texst
================================================*/ 
.blue-txt {
  color: #09a0fa;
  font-weight: bold;
}
.red-txt {
  color: #dc2003;
  font-weight: bold;
}
.content ul, .content ol{
  margin: 0px 0px 0px 20px;
}
.content ul li, .content ol li, .entry ul li, .entry ol li {
list-style: none/*disc inside*/;
}
.contentArea .entry a {
  font-size: 11px;
}

/*================================================
Widgets
================================================*/

#calendar-1 {background:url(images/bg/calendar-bg.jpg) top left no-repeat; height:173px;}

#calendar-agenda {background:url(images/bg/calendar-bg.jpg) top left no-repeat; height:150px; color:white; padding:10px;}
#agenda-date-month-year {float:left; width:60px; text-align:center; }
#agenda-title {
	float:left; 
	width:220px;
	font-weight:bold; 
	text-transform: uppercase;
}
#agenda-events {font-weight:bold; text-transform: uppercase; padding-top:30px;}
#agenda-date-month {font-size:28px;}
#agenda-date-year {font-size:40px; line-height:30px;}

.widgets-area li {list-style:none; }
.flickr a {float:left;}
.flickr_photo {width:99px;}
#videos object {float:left;}

/* others */
li ul li{list-style:none;}