/*
Theme Name: Grafkar 2010
Theme URI: http://grafkar.com
Description: Le site de Grafkar est realise par <a href="http://grafkar.com">Jean-Francois Blais</a>
Version: 2.9.1
Author: Jean-Francois Blais
Author URI: http://grafkar.com
Tags: mont�r�gie, site web, sites web, site internet, sites internet, design web, design internet, design, web, internet, saint-basile-le-grand, st-basile-le-grand, saint-hilaire, st-hilaire, saint-bruno, st-bruno, saint-basile, st-basile, saint-bruno-de-montarville, st-bruno-de-montarville, rive-sud de montr�al, rive-sud de montreal
*/

@import "style/css/reset.css";
@import "style/css/typography.css";
@import "style/css/layout.css";

* {
	margin:0;
}


html {

}
body {
	color: #333333;
	background:white;
	font-family: Arial, Helvetica, sans-serif;
	background:url(images/fond.jpg) top center no-repeat;
	font-size: 85%;
}

#fond {	
}



/**************************    ELEMENTS COMMUNS    **************************/

.clear {
	clear: both;
}

a {
	color:#2c451e;
	text-decoration:none;
}

a:hover {
	color:#669966;
	font-style:italic;
}

/* images */

.entry-content img {
	margin: 0 0 1.5em 0;
}

.alignleft, img.alignleft {
	display: inline;
	float: left;
  	margin-right: 1.5em;
	padding-bottom: 10px;
}

.alignright, img.alignright {
	display: inline;
	float: right;
 	 margin-left: 1.5em;
	padding-bottom: 10px;
}

.aligncenter, img.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
	padding-bottom: 10px;
}

.wp-caption {
	text-align: center;
	margin-bottom: 1.5em;
}

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

.wp-caption p.wp-caption-text {
	margin: 0;
}

.wp-smiley { 
	max-height: 1em;
	margin:0 !important;
}

.gallery dl {
	margin: 0;
}

.gallery-caption {
	margin:-1.5em 0 0 0;
}

/* Pullquotes */

blockquote {
	color:#520701;
	margin: 20px;
	padding: 20px;
	background:#fff6ec;
	border-left: thick solid #660000;
	font-style: oblique;
}


blockquote.left {
	float: left;
	margin-left: 0;
	margin-right: 20px;
	text-align: right;
	width: 33%;
}
blockquote.right {
	float: right;
	margin-left: 20px;
	margin-right: 0;
	text-align: left;
	width: 33%;
}

/* Address */

address {
	margin: 20px;
	padding: 20px;
	border-left: thick solid #999999;
	font-style: oblique;
}

/* Pre */
pre {
	width: 400px;
}

/******************** TABLES **********************************/
			
table {
margin: 10px 30px 0 0;  
border-collapse:collapse;
}

th {
    font-size:1.2em;
    padding:4px 6px;
    border-width:1px;
    border-style:solid;
}

thead {
	font-size: 1.2em;
	text-align:center;
	color:#FFFFCC;
	padding: 0.5em 1.5em;
	background:url(images/thead_fond.jpg) repeat top left;
}

thead tr td {
	padding: 0.5em 1.5em;
}

tbody {
	font-size:0.8em;
}

tbody tr {
width:100px;
}

tbody tr td {
	padding:0.5em 1.5em;
}

tbody tr td p {
	font-size:0.8em;
	}

tfoot {
	font-size: 1em;
	text-align:center;
	background:url(images/thead_fond.jpg) repeat top left;
}

td {
    padding:4px;
    border:1px solid #e0e99a;
}



/**************************    WRAPPER    **************************/
#wrapper {
	width:1000px;
	margin:0 auto;
}


/***************************************  EN-TETE **************************/
#header {
	width: 1000px;
	height: 195px;
	background:url(images/header_fond.jpg) no-repeat top left;
}

#header ul {
	float: right;
	font-size:1.2em;
	padding: 5px 0 0 0;
}

#header ul li {
	display:inline;
	margin: 0 15px 0 0;
}

#header ul li a {
	float:right;
	font-weight:bold;
	text-decoration:none;
}

#header ul li a:hover {
	font-style: oblique;	
}


/***************************************  NAVBARSUP **************************/

#navbarsup {
	width:1000px;
	height:30px;
	background:url(images/navbarsup_fond.jpg) no-repeat top left;
}

#navbarsup ul {
	width:1000px;
	margin: auto;
	padding: 25px 0 0 0;
	text-align:center;
}

#navbarsup ul li {
	display:inline;
	padding: 0 0 0 0;
}

#navbarsup ul li a {
	color:#7a3208;
}

#navbarsup ul li a:hover {
	color:#fa7c01;
	font-style: italic;	
}

#navbarsup ul li:before {
	padding: 10px;
	content:"|";	
	color: #ebd8aa;
}

#navbarsup ul li:first-child:before {
	content:"";
}

/**************************    FEATURE (BANDE SUPERIEURE)    **************************/
#feature {
	width:1000px;
	height:210px;
	padding: 0px 0 0 0px;
	background:url(images/feature_fond.jpg) no-repeat left top;
}

/***************************************  MENU HORIZONTAL INFERIEUR **************************/
#navbarinf {
	width: 1000px;
	height: 59px;
	color:white;
	background: url(images/navbarinf_fond.jpg) no-repeat left top;
}

#navbarinf ul {
	width:960px;
	float:left;
	font-size:1.3em;
	margin: 0 20px;
	padding: 10px 15px 0 0;
}

#navbarinf ul a {
	text-align:center;
}

#navbarinf ul li {
	display:inline;
	padding: 25px 10px 10px 5px;
}

#navbarinf ul li a {
	color:white;
	font-weight:lighter;
}

#navbarinf ul li a:hover {
	font-style: italic;
}

/***************************************  SLIDESHOW **************************/

#slideshow {
	position:relative;
    height:252px;
	float:left;
	padding: 0 0 30px 0;
}

#slideshow IMG {
    position:absolute;
    top:0;
    left:0;
	padding: 0px 0 0 0px;
    z-index:8;
    opacity:0.0;
}

#slideshow IMG.active {
    z-index:10;
    opacity:1.0;
}

#slideshow IMG.last-active {
    z-index:9;
}

/***************************************  CONTAINER **************************/
#container {
	width:1000px;
	float:left;
}

#content {
	width:674px;
	margin: 0 0 0 0;
	float:left;
}

#content .top {
	width:903px;
	height: 38px;
	background:url(images/content_top.jpg) no-repeat left top;
}

#content_bottom {
	width:903px;
	height:11px;
	margin: 0 0 10px 30px;
	background:url(images/content_bottom.jpg) no-repeat left top;
}

#content .navbar {
	width:579px;
	text-align:center;
	background:#CCCCCC;
	margin:0 0 20px 0;
}

#content .navbar ul {
	margin:0;
	padding:5px 0;
}

#content .navbar ul li {
	font-size:1.2em;
	color:#333333;
	padding: 5px 10px;
	list-style-type: none;
	display: inline;
}

#content .navbar ul li a {
	color:#333333;
}

#content .titre {
	width:674px;
	color:#2f384c;
	font-size:1.5em;
	text-align:center;
	padding: 10px 0 10px 0;
	font-weight: lighter;
}

#content h1 {
	font-size:2em;
	color:#FF6600;
	margin:5px 0 10px 0;
	padding: 5px 0 0 0;
}

#content h2 {
	font-size:1.8em;
	color:#FF6600;
	padding: 15px 0 0 0;
}

#content h3 {
	font-size:1.5em;
	color:#FF6600;
	padding: 15px 0 0 0;
	}

#content h4 {
	font-size:1.3em;
	color:#FF6600;
	padding: 15px 0 0 0;
	}

#content h5 {
	font-size:1em;
	color:#FF6600;
	padding: 15px 0 0 0;
}

#content h6 {
	font-size:0.8em;
	color:#FF6600;
	padding: 15px 0 0 0;

}

#content ul li {
	margin: 0 10px 0 10px;
	font-size:1em;
	text-align: justify;
	line-height: 1.6em;
	list-style: disc inside;
}

#content ul li ul li {
	list-style:circle inside;
	padding: 0 0 0 20px;
}

#content ol li {
	margin: 0 10px 0 60px;
	font-size:1em;
	text-align: justify;
	line-height: 1.6em;
	list-style: decimal outside;
}

#content ol li ol li {
	list-style: upper-roman outside;
	margin:0 0 0 20px;
	padding: 0 0 0 0;
}

#content ol li ol li ol li{
	list-style: lower-alpha outside;
	padding: 0 0 0 0;
}

#content .entry {
	margin: 10px 20px;
}

#content .entry p {
	font-size:1.2em;
	color:#333333;
	text-align: justify;
	padding: 5px 0;
}

#content .entry a {
	color:#006699;
	font-weight: bold;
}

/*******  CONTENU *********/
#portfolio {
	width: 900px;
	margin: 10px 0 20px 10px;
	float:left;
}

#portfolio .entry {
	background:none;
}

#portfolio .titre {
	width:900px;
	color:#2f384c;
	font-size:1.8em;
	text-align:center;
	padding: 10px 0 10px 0;
	background:none;
}

#portfolio .navbar {
	width:900px;
	text-align:center;
	background:#CCCCCC;
	height:35px;	
}

#portfolio .navbar ul {
	margin:0;
	padding:5px 0;
}

#portfolio .navbar ul li {
	font-size:1.2em;
	color:#333333;
	padding: 5px 10px;
	list-style-type: none;
	display: inline;
}

#portfolio .navbar ul li a {
	color:#333333;
}

/******* BLOG ENTRY ********/

#content .blog_entry {
	margin: 0 0 0 0;
}

#content .blog_entry .entry {
	width: 674px;
	text-align:justify;
	padding: 25px 0 0 0;
}

#content .blog_entry .entry p {
	width: 674px;
	line-height:1.5em;
	margin: 0;
	padding: 0 0 1.5em 0;
}

#content .blog_entry .titre {
	width: 674px;
	color:#f88727;
	font-size:1.4em;
	font-weight:bold;
	text-align:right;
	margin: 0 auto;
	padding: 10px 0 10px 0;
}

#content .blog_entry .titre a {
	color:#2f384c;
}

#content .blog_entry_top {
	width: 674px;
	height: 12px;
	background:url(images/blog_entry_top.jpg) no-repeat top left;
}

#content .blog_entry_bottom {
	width: 674px;
	height: 12px;
	margin:0 0 20px 0;
	background:url(images/blog_entry_bottom.jpg) no-repeat left top;
}

#content .blog_entry h1 {
	font-size:2em;
	color:#660000;
	margin:10px 0 0 0;
	padding: 15px 0 0 25px;
}

#content .blog_entry .entry h2 {
	font-size:1.5em;
	padding: 15px 0 0 25px;
}

#content .blog_entry h3 {
	font-size:1.3em;
	color:#666666;
	padding: 15px 0 0 25px;
	}

#content .blog_entry h4 {
	font-size:1.2em;
	color:#660000;
	padding: 15px 0 0 25px;
	}

#content .blog_entry h5 {
	font-size:1em;
	color:#660000;
	padding: 15px 0 0 25px;
}

#content .blog_entry h6 {
	font-size:0.8em;
	color:#660000;
	padding: 15px 0 0 25px;
}

#content .blog_entry .excerpt_entry {
	width: 674px;
	height:16.8em;
	overflow:hidden;
	margin: 0 0 0 0;
}

#content .blog_entry .excerpt_entry p {
	font-size:1em;
	line-height:1.4em;
	margin: 1.4em 0 1.4em 25px;
	padding:0;
	text-align:justify;
}

#content .blog_entry .excerpt_entry h2 {
	font-size:1.4em;
	padding:0 0 2px 0;
}

#content .blog_entry .excerpt_entry h2 a {
	color:#520701;
}

#content .blog_entry .excerpt_entry h2 a:hover {
	font-style: oblique;
	color:#ba9e82;
}

.index_thumb {
	list-style: none;
	float:left;
	padding:  1.4em 1.4em 0.7em 1.4em;
}

#content .blog_entry .more {
	width:674px;
	font-size:1.4em;
	padding: 0.5em 0px;
	margin: 0 0 2em 0;
	text-align:right;
}

#content .blog_entry .more  a {
	color:#2c451e;
	padding: 0 20px;
	text-decoration:none;
}

#content .blog_entry .more a:hover {
	color:#669966;
	font-style:italic;
}


/***************************************  SIDEBAR **************************/

#sidebar {
	width:304px;
	float: right;
	margin: 0 0 0 0;
}

#sidebar h2.widgettitle {
	font-size: 1.5em;
	margin:0;
	padding: 0px 0px 0px 0px;
	text-align:right;
	color:#f88729;
	font-weight: lighter;
	font-variant: small-caps;
}

#sidebar ul.widget {
	background:none;
}

#sidebar ul.widget img {
	padding: 0;
}

#sidebar ul.widget li {
	width: 304px;
	color:#6a2f00;
	padding:0px;
}

#sidebar ul.widget li ul {
	margin:0;
	display:block;
}

#sidebar ul.widget li ul li {
	height:33px;
	margin:0 auto;
	padding: 5px 0 0 0;
	text-align:justify;
	font-variant: small-caps;
}

#sidebar ul.widget li ul li a {
	diplay:block;
}

#sidebar ul.widget li ul li:hover {
	width:263px;
	font-style: italic;
}

#sidebar ul.widget li ul li a:hover {
	width:263px;
	color:#333333;	
}

#sidebar .textwidget {
}

#sidebar .textwidget p {
	width:240px;
	margin: 0 0 0 10px;
	text-align: justify;
}	

.sidebar_espace {
	width:304px;
	height: 20px;
	padding: 23px 0 0 22px;
	display:block;
}

.sidebar_speciaux {
	width:263px;
	font-size: 1.5em;
	padding: 10px 0px 10px 0px;
	text-align:center;
	color:#333333;
	font-weight: lighter;
	font-variant: small-caps;
	vertical-align: middle;
}

.sidebar_speciaux_bottom {
	height:6px;
	display:block;
	background:url(images/sidebar_speciaux_bottom.jpg) no-repeat top left;
}

#sidebar .textwidget .more {
        font-size:1.3em;
        text-align:right;
}

#sidebar .textwidget .more a {
      	color:#7a3208;
}


#sidebar .textwidget .more a:hover {
	color:#fa7c01;
	font-style: italic;	
}

#sidebar .execphpwidget {
	border:1px solid #e5d3d3;
}

#sidebar .execphpwidget ul {
	padding: 0 0 0 15px;
}

#sidebar .execphpwidget ul li {
	font-variant: normal;	
}

#sidebar .execphpwidget .excerpt {
	height:14.58em;
	font-size:0.9em;
	overflow:hidden;
	padding: 0.45em 10px;
}

#sidebar .execphpwidget .excerpt p {
	padding: 0 0 0.45em 0;
	margin:0;
    display:block;
	line-height: 1.35em;
	text-align:justify;
}

#sidebar .execphpwidget .excerpt a {
	color:#2c451e;
	text-decoration:none;
}

#sidebar .execphpwidget .excerpt a:hover {
	color:#669966;
	font-style:italic;
}

#sidebar .execphpwidget .projets_excerpt {
	height:14.58em;
	font-size:0.9em;
	overflow:hidden;
	padding: 0.45em 10px;
}

#sidebar .execphpwidget .projets_excerpt img {
	width:263px;
	height:auto;
}

#sidebar .execphpwidget .projets_excerpt p {
	padding: 0 0 0.45em 0;
	margin:0;
    display:block;
	line-height: 1.35em;
	text-align:justify;
}

#sidebar .execphpwidget .projets_excerpt h2 {
	text-align:center;
	font-size:1.3em;
}

#sidebar .execphpwidget .projets_excerpt a {
	color:#2c451e;
	text-decoration:none;
}

#sidebar .execphpwidget .projets_excerpt a:hover {
	color:#669966;
	font-style:italic;
}

#sidebar .execphpwidget .more {
	padding: 0.45em 0;
	text-align:right;
}

#sidebar .execphpwidget .more  a {
	color:#2c451e;
	text-decoration:none;
}

#sidebar .execphpwidget .more a:hover {
	color:#669966;
	font-style:italic;
}

#sidebar .execphpwidget .index_articles {
	padding: 0.45em 0.9em;
	text-align:center;
	background:url(images/titre_fond.jpg) no-repeat top;
}

#sidebar .execphpwidget .index_articles  a {
	color:#2c451e;
        font-weight:bold;
	text-decoration:none;
}

#sidebar .execphpwidget .excerpt h1 {
	font-size:2em;
	color:#2c451e;
	margin:10px 0 0 0;
	padding: 5px 0 0 0;
	background:url(images/h1_fond.jpg) repeat top;
}

#sidebar .execphpwidget .excerpt h2 {
	font-size:1.35em;
        line-height:1.35em;
	padding: 0 0 0.45em 0;
	display:block;
	text-align:center;
	color:#636363;
}

#sidebar .execphpwidget .excerpt h2 a {
	color:#636363;
}

#sidebar .execphpwidget .excerpt h3 {
	font-size:1.3em;
	color:#2c451e;
	padding: 5px 0;
}

#sidebar .execphpwidget .excerpt h4 {
	font-size:1.2em;
	color:#2c451e;
	padding: 5px 0;
}

#sidebar .execphpwidget .excerpt h5 {
	font-size:1em;
	color:#2c451e;
	padding: 5px 0;
}

#sidebar .execphpwidget .excerpt h6 {
	font-size:0.8em;
	color:#2c451e;
	padding: 5px 0;
}

#sidebar .execphpwidget .derniers_articles {
	width:304px;
	padding: 10px 5px;
	color:#333333;
	font-weight:bold;
	font-size:0.9em;
}

#sidebar .execphpwidget .derniers_articles .preview {
	width:50px;
	height:50px;
	float:left;
	visibility: visible;
}

#sidebar .execphpwidget .derniers_articles h2 {
	width: 280px;
	padding: 0 0 0 20px;
}

/***************************************  SIDEBAR DU BLOGUE **************************/

#sidebar_blog {
	width:304px;
	float: right;
	margin: 0 0 0 0;
}

#sidebar_blog h2.widgettitle {
	font-size: 1.4em;
	color:#f88729;
}

#sidebar_blog ul {
	font-size:1.2em;
	float:right;

}

#sidebar_blog ul li {
	text-align:right;
	display:block;

}

#sidebar_blog ul li a {

}

#sidebar_bolg ul li a:hover {

}

/******** PORTFOLIO DE LA PAGE D ENTREE (SIDEBAR) *************/
.ngg-widget {
	width:260px;
	margin:0 auto;
	text-align:center;
}

/***************************************  FOOTER **************************/
#footer {
	background:url(images/footer_fond.jpg) repeat-x center top;
	height: 216px;
}

#footer .text {
width:1000px;
margin: 0 auto;
padding: 50px 0 0 0;
}

#footer p {
	color:white;
	padding: 10px 0 0 0;
	text-align:center;
}

#footer p a {
	color:#7e0f07;
}

#footer p a:hover {
	font-style: italic;	
}

/************************* NGG GALLERY ***************************/
.ngg-albumoverview {
	margin-top: 10px;
	width: 100%;
	clear:both; 
	display:block !important;
}

.ngg-album {
    height: 100%;
    padding: 5px;
    margin-bottom: 5px;
    border: 1px solid #fff;
}

.ngg-gallery-imagewrap {
    height:150px;
    padding:0 0 5px 0;
}

.ngg-gallery-imagewrap a .thickbox {
    padding: 0 0 0 0;
}

/* IE6 will ignore this , again I hate IE6 */
/* See also http://www.sitepoint.com/article/browser-specific-css-hacks */
html>body .ngg-album {
    overflow:hidden;
    padding: 5px;
    margin-bottom: 5px;
    border: 1px solid #cccccc;
} 

.ngg-album {
	overflow: hidden;
	padding: 5px;
	margin-bottom: 5px;
	border: 1px solid #cccccc;
}

.ngg-albumtitle {
	text-align: left;
 	font-weight: bold;
	margin:0px;
	padding:0px;
	font-size: 1.4em;
	margin-bottom: 10px;
}

.ngg-thumbnail {
	float: left;
	margin-right: 12px;
}

.ngg-thumbnail img {
	background-color:#FFFFFF;
	border:1px solid #A9A9A9;
	margin:4px 0px 4px 5px;
	padding:4px;
	position:relative;
}

.ngg-thumbnail img:hover {
	background-color: #A9A9A9;
}

.ngg-description {
	text-align: left;
}

/* ----------- Album Styles Compact -------------*/

.ngg-album-compact {
	float:left;
	height:180px;
	padding-right:6px !important;
	margin:0px !important; 
	text-align:left;
	width:120px;	
}

.ngg-album-compactbox {
	background:transparent url(albumset.gif) no-repeat scroll 0%;
	height:86px;
	margin:0pt 0pt 6px !important;
	padding:12px 0pt 0pt 7px !important;
	width:120px;
}


.ngg-album-compactbox .Thumb {
	border:1px solid #000000;
	margin:0px !important;
	padding:0px !important;
	width:91px; 
	height:68px;
}

.ngg-album-compact h4 {
	font-size:15px;
	font-weight:bold;
	margin-bottom:0px;
	margin-top:0px;
	width:110px;
}

.ngg-album-compact p {
	font-size:11px;
	margin-top:2px;
}

/* ----------- Gallery style -------------*/

.ngg-galleryoverview {
	overflow: hidden;
	margin-top: 10px;
	width: 100%;
	clear:both; 
	display:block !important;
}

.ngg-galleryoverview .desc {
/* required for description */
   margin:0px 10px 10px 0px;
   padding:5px;
}

.ngg-gallery-thumbnail-box {
	float: left;
margin:10px 2px;
border:1px solid #cccccc;
display:block;
text-align:center;
background:url(images/nggthumbnail_fond.jpg) repeat top left;
}

.ngg-gallery-thumbnail {
	float: left;
	margin-right: 0px;
	text-align: center;
}

.ngg-gallery-thumbnail p {
     text-align:center;
padding: 0 0 10px 0;
}

.onglets-titres {
	padding: 0 0 10px 0;
	font-variant: small-caps;
}

.ngg-gallery-thumbnail img {
	background-color:#FFFFFF;
	border:1px solid #A9A9A9;
	display:block;  
	margin:4px 4px 4px 5px;
	padding:4px;
	position:relative;
}

.ngg-gallery-thumbnail img:hover {
	background-color: #A9A9A9;
} 

.ngg-gallery-thumbnail span {
	/* Images description */
	font-size:90%;
	padding-left:5px;
	display:block;
}

.ngg-clear {
	clear: both;
}

/* ----------- Gallery navigation -------------*/

.ngg-navigation {
	font-size:0.9em !important;
	clear:both !important;
	display:block !important;
	padding-top:15px;
	text-align:center;
	
}

.ngg-navigation span {
	font-weight:bold;
	margin:0pt 6px;
}

.ngg-navigation a.page-numbers,
.ngg-navigation a.next,
.ngg-navigation a.prev, 
.ngg-navigation span.page-numbers,
.ngg-navigation span.next,
.ngg-navigation span.prev {
	border:1px solid #DDDDDD;
	margin-right:3px;
	padding:3px 7px;
}

.ngg-navigation a.page-numbers:hover,
.ngg-navigation a.next:hover,
.ngg-navigation a.prev:hover, 
.ngg-navigation span.page-numbers:hover,
.ngg-navigation span.next:hover,
.ngg-navigation span.prev:hover {
	background-color: #0066CC;
	color: #FFFFFF !important;
	text-decoration: none !important;
}

/* ----------- Image browser style -------------*/

.ngg-imagebrowser {
	
}

.ngg-imagebrowser h3 {
	text-align:center;
}

.ngg-imagebrowser img {
	border:1px solid #A9A9A9;
	margin-top: 10px; 
	margin-bottom: 10px; 
	width: 100%;
	display:block !important;
	padding:5px;
}

.ngg-imagebrowser-nav {
	padding:5px;
	margin-left:10px;	
}

.ngg-imagebrowser-nav .back {
	float:left;
	border:1px solid #DDDDDD;
	margin-right:3px;
	padding:3px 7px;
}

.ngg-imagebrowser-nav .next {
	float:right;
	border:1px solid #DDDDDD;
	margin-right:3px;
	padding:3px 7px;
}

.ngg-imagebrowser-nav .counter {
	text-align:center;
	font-size:0.9em !important;
}

.exif-data {
  	margin-left: auto !important;
    margin-right: auto !important;	
}

/* ----------- Slideshow -------------*/
.slideshow {
	margin-left: auto; 
	margin-right: auto;
	text-align:center;
	outline: none;	
}

.slideshowlink {
	
}

/* ----------- Single picture -------------*/
.ngg-singlepic {
	background-color:#FFFFFF;
	display:block;  
	padding:4px;
}

.ngg-left {
	float: left;
	margin-right:10px;
}

.ngg-right {
	float: right;
	margin-left:10px;
}

.ngg-center {
  	margin-left: auto !important;
    margin-right: auto !important;
}

/* ----------- Sidebar widget -------------*/
.ngg-widget,
.ngg-widget-slideshow {
	overflow: hidden;
	margin:0px;
	padding:5px 0px 0px 0pt;
	text-align:left;
}

.ngg-widget img {
	border:2px solid #A9A9A9;
	margin:0pt 2px 2px 0px; 
	padding:1px; 
}

/* ----------- Related images -------------*/
.ngg-related-gallery {
	background:#F9F9F9;
	border:1px solid #E0E0E0;
	overflow:hidden;
	margin-bottom:1em;
	margin-top:1em;
	padding:5px;
}
.ngg-related-gallery img {
	border: 1px solid #DDDDDD;
	float: left;
	margin: 0pt 3px;
	padding: 2px;
	height: 50px;
	width:  50px;
}

.ngg-related-gallery img:hover {
	border: 1px solid #000000;
} 

/* ----------- Gallery list -------------*/

.ngg-galleryoverview ul li:before {
	content: '' !important;
}

.ngg-gallery-list {
	list-style-type:none;
	padding: 0px !important;
	text-indent:0px !important;	
}

.ngg-galleryoverview div.pic img{
	width: 100%;	
}

.ngg-gallery-list li {
	float:left;
	margin:0 2px 0px 2px !important;
	overflow:hidden;
}

.ngg-gallery-list li a {
	border:1px solid #CCCCCC;
	display:block;
	padding:2px;
}

.ngg-gallery-list li.selected a{
	-moz-background-clip:border;
	-moz-background-inline-policy:continuous;
	-moz-background-origin:padding;
	background:#000000 none repeat scroll 0 0;
}

.ngg-gallery-list li img {
	height:40px;
	width:40px;	
}

li.ngg-next, li.ngg-prev {
	height:40px;
	width:40px;	
	font-size:3.5em;
}

li.ngg-next a, li.ngg-prev a  {
	padding-top: 10px;
	border: none;
	text-decoration: none;
}

#TB_Image {
padding:0 20px 0 0;
}

/* ----------- RSS DANS LA SIDEBAR -------------*/

#feed-control .gfg-root {
	border:none;
}

#feed-control .gfg-root .gfg-title {
	background:url(images/widgettitle_fond.jpg) repeat top left;
	padding: 0.2em 0;
}

#feed-control .gfg-root .gfg-title a {
	color:#333333;
}

#feed-control .gfg-root .gfg-title a.gfg-collapse-href {
	float:none;
	height:auto;
	font-size:1.1em;
	color:white;
	padding: 0.2em 0;
	font-variant: small-caps;
}

#feed-control .gfg-root .gfg-subtitle {
	font-size:1.3em;
	padding: 0.2em 0;
	color:#CC3300;
	background:url(images/widgettitle_fond02.jpg) repeat top left;
	font-weight: lighter;
}

#feed-control .gfg-root .gfg-subtitle a {
	float:none;
	color:black;
	padding: 0 5px 0 0;
}

#feed-control .gfg-entry .gf-author {
	display:none;
}

#feed-control .gfg-entry .gf-result .gf-title {
	width:260px;
	white-space: pre;
}

#feed-control .gfg-listentry-odd {
	font-weight:bold;
	color:black;
}

#feed-control .gfg-listentry-odd a {
	color:black;
	}
	
	
	
	/*-- CSS PRIS DANS GOOGLE --*/


.gfg-entry {
  width : 100%;
  height : 6.9em;
  position : relative;
  overflow : hidden;
  text-align : left;
  margin-top : 3px;
}

/* To allow correct behavior for overlay */
.gfg-root .gfg-entry .gf-result {
  position : relative;
  width : auto;
  height : 100%;
  padding-left : 20px;
  padding-right : 5px;
}

.gfg-list {
  position : relative;
  overflow : hidden;
  text-align : left;
  margin-bottom : 5px;
}

.gfg-listentry {
  line-height : 1.5em;
  overflow : hidden;
  white-space : nowrap;
  text-overflow : ellipsis;
  -o-text-overflow : ellipsis;
  padding-left : 15px;
  padding-right : 5px;
  margin-left : 5px;
  margin-right : 5px;
}

.gfg-listentry-odd {
  background-color : #F6F6F6;
}

.gfg-listentry-even {
}

.gfg-listentry-highlight { 
  background-image : url('garrow.gif');
  background-repeat: no-repeat;
  background-position : center left;
}

/*
 * FeedControl customizations.
 */

.gfg-root .gfg-entry .gf-result .gf-title {
  font-size: 14px;
  line-height : 1.2em;
  overflow : hidden;
  white-space : nowrap;
  text-overflow : ellipsis;
  -o-text-overflow : ellipsis;
  margin-bottom : 2px;
}

.gfg-root .gfg-entry .gf-result .gf-snippet {
  height : 3.8em;
  color: #000000;
  margin-top : 3px;
}

/*
 * Easy way to get horizontal mode, applicable via js options to gadget.
 */

.gfg-horizontal-container {
  position : relative;
}

.gfg-horizontal-root {
  height : 1.5em;
  _height : 100%;
  position : relative;
  white-space : nowrap;
  overflow : hidden;
  text-align : center;
  font-family: "Arial", sans-serif;
  font-size: 13px;
  border: 1px solid #AAAAAA;
  padding : 5px;
  margin-right : 80px;
}

.gfg-horizontal-root .gfg-title {
  font-weight : bold;
  background-color: #FFFFFF;
  line-height : 1.5em;
  overflow : hidden;
  white-space : nowrap;
  float : left;
  padding-left : 10px;
  padding-right : 12px;
  border-right: 1px solid #AAAAAA;
}

.gfg-horizontal-root .gfg-title a {
  color : #444444;
  text-decoration : none;
}

.gfg-horizontal-root .gfg-entry {
  width : auto;
  height : 1.5em;
  position : relative;
  overflow : hidden;
  text-align : left;
  margin-top : 0px;
  margin-left : 0px;
  padding-left : 10px;
}

/* To allow correct behavior for overlay */
.gfg-horizontal-root .gfg-entry .gf-result {
  position : relative;
  background-color : white;
  width : 100%;
  height : 100%;
  line-height : 1.5em;
  overflow : hidden;
  white-space : nowrap;
}

.gfg-horizontal-root .gfg-list {
  display : none;
}

/*
 * FeedControl customizations.
 */

.gfg-horizontal-root .gfg-entry .gf-result .gf-snippet,
.gfg-horizontal-root .gfg-entry .gf-result .gf-author {
  display : none;
}

.gfg-horizontal-root .gfg-entry  .gf-result .gf-title {
  color: #0000cc;
  margin-right : 3px;
  float : left;
}

.gfg-horizontal-root .gfg-entry .gf-result .gf-spacer {
  float : left;
}

.gfg-horizontal-root .gfg-entry .gf-result .gf-spacer,
.gfg-horizontal-root .gfg-entry .gf-result .gf-relativePublishedDate {
  display : block;
  color: #AAAAAA;
}

.gfg-branding {
  white-space : nowrap;
  overflow : hidden;
  text-align : left;
  position : absolute;
  right : 0px;
  top : 0px;
  width : 80px;
}

.gfg-collapse-open, .gfg-collapse-closed {
  background-repeat : no-repeat;
  background-position : center;
  cursor : pointer;
  float : right;
  width : 17px;
  height : 20px;
}

.gfg-collapse-open {
  background-image : url('arrow_open.gif');
}

.gfg-collapse-closed {
  background-image : url('arrow_close.gif');
}

.gfg-collapse-href {
  float : left;
}

.clearFloat {
  clear : both;
}