/*
Theme Name: Petrone Architectes 2010
Theme URI: http://petronearchitectes.com
Description: Theme à deux colonnes, code XHTML et CSS valide.
Version: 3.4, septembre 2010
Author: Simon Lachance

*/

/*---------------------------------------------------------------------------------

/*---------------------------------------------------------------------------------

[Table des matières]

1. Style initial - Balisage général, fond de page, attributs globaux (redéfinis si nécessaire dans les sections suivantes).
2. En-tête - Styles spécifiques à l'en-tête, titre, slug, menu du haut, etc.
3. Contenu - Styles pour l'apparence du contenu,breadcrumbs, citations, billets, pages, wp-caption, etc.
4. Commentaires – Styles pour les commentaires, les formulaires, etc.
5. Barre de droite  – Styles pour widgets, menus additionels et liens en page de droite.
6. Pied de page – Styles spécifiques  au pied de page.
7. Divers. & Plugins – Fontes utilisées pour le site, divers, redéfinitions des styles des plugins, derniers ajustements, anomalies, etc.

-----------------------------------------------------------------------------------*/

/*=== Début SECTION 1 - Style initial ===*/
body{
	margin: 0; 
   padding: 0;
   border: 0;
	background: #ffffff url("images/bg.png")no-repeat fixed 50% 0;   
   z-index: 0;
	width: 100%;
	font-family: Arial, sans-serif;
}

#conteneur_tete {
   position: relative;
   text-align: center;
   margin: 0 auto;
   width: 800px;
   border-left: 2px solid #38393b;
   border-top: 2px solid #38393b;
   border-right: 2px solid #38393b;
}

#conteneur_bas {
	position: relative;
   text-align: center;
   margin: 0 auto;
   width: 800px;
   background:  #ffffff url('images/faux_c.png') repeat-y left;
   border-left: 2px solid #38393b;
   border-right: 2px solid #38393b;
}
#conteneur_content {
  float: left;
  width: 100%;
  text-align: left;
  margin-right: -256px;
  background:  #ffffff url('images/faux_c_546.png') repeat-y left;
}
#content {
   margin-right: 256px;
   background-color: #ffffff;
   padding: 20px 10px;
}

#wrapper {
  background:
    #ffffff url('images/faux_c.png') repeat-y left;
}
.clearing {
  height: 0;
  clear: both;
}

.alignleft { float: left;}
.alignright {float: right;}

.aligncenter {
	display: block;
	margin: 0 auto;
}

.alignright {
	margin: 1px 0 2px 10px;
	display: inline;
}

.alignleft {
	margin: 1px 10px 2px 0;
	display: inline;
}

/*=== Fin SECTION 1 - Style initial ===*/

/*=== Début SECTION 2 - En-tête ===*/
#tete {
   background: #ffffff url('images/en_tete_Petrone_alpha3_04.png')  no-repeat;
   width: 800px;
   height:250px;
   top: 0;
   left: 0;
   margin: 0;
   padding: 0;
}

div#fils {
	margin:0 0 0 auto;
	font-weight:bold;
	font-size:0.6875em;
	color:#38393b;
	font-family:"Arial Bold",arial,sans-serif;
	letter-spacing:0em;
	display:block;
	position:relative;
	left: 0px;
	width:520px;
	height:22px;
	text-align:right;
	/*background-color: #ffffff;*/
}
span.rss {
	background:url('images/feed-icon-14x14.png');
	width:16px;
	height:16px;
	display:inline-block;
	position:relative;
	top:3px;
}
span.dl {
	background:url('images/delicious.png');
	width:16px;
	height:16px;
	display:inline-block;
	position:relative;
	top:3px;
	}
span.fb {
	background:url('images/facebook.gif');
	width:16px;
	height:16px;
	display:inline-block;
	position:relative;
	top:3px;
}
span.tw {
	background:url('images/twitter.gif');
	width:16px;
	height:16px;
	display:inline-block;
	position:relative;
	top:3px;
}
span.fl {
	background:url('images/flickr.png');
	width:16px;
	height:16px;
	display:inline-block;
	position:relative;
	top:3px;
}
span.li {
	background:url('images/Linkedin.png');
	width:16px;
	height:16px;
	display:inline-block;
	position:relative;
	top:3px;
}
div#fils a {
	color:#38393b;
	text-decoration:none;
	padding: 0 4px 0 0;
}
div#fils a:hover {
	text-decoration:underline;
}

#navcontainer{
	position: absolute;
   top:220px;
   left: 0;
	width: 800px;
	padding: 2px;
	z-index: 50;
}
#navlist{
	background-color:#ffffff;
	font-family:"LatinModernSans10Bold","Arial Bold",sans-serif;
	font-size:1.2em;
	display:block;
	margin:0; 
	padding:0 15px; 
	list-style-type: none; 
	clear:both;
}
#navlist li{
	overflow:hidden; 
	display:inline; 
	float:left; 
	padding-right: 15px;
}
#navlist ul, #navlist li li {
margin:0;
padding:0;

}
#navlist li ul {
display:none;
}
#navlist li li {
float:none;
text-align: left;
}
#navlist li a{
	background:url('images/sprite_menu.png') no-repeat; 
	width:100%; 
	height:100%; 
	display:block;
	color: #000000;
	text-decoration: none;
}
#navlist li a:hover{color:#38393b;}
/*menu accueil*/
#navlist li.m1{width:80px; height:25px;}
#navlist li.m1 a{background-position:0px 0px;}
#navlist li.m1 a:hover{background-position:-5px -25px;color:#ffffff;}
/*#navlist li.m1 a.selected{background-position:-5px -25px;}*/
/*menu entreprise*/
#navlist li.page-item-1308{width:152px; height:25px;}
#navlist li.page-item-1308 a{background-position:-120px 0px;}
#navlist li.page-item-1308 a:hover{background-position:-120px -25px;}
/*#navlist li.m2 a.selected{bLatinModernSans10Boldackground-position:-120px -25px;}*/
/*menu projets*/
#navlist li.page-item-1309{width:112px; height:25px;}
#navlist li.page-item-1309 a{background-position:-300px 0px;}
#navlist li.page-item-1309 a:hover{background-position:-300px -25px;}
/*#navlist li.page-item-71 a.selected{background-position:-300px -25px;}*/
/*menu expertise*/
#navlist li.page-item-76{width:142px; height:25px;}
#navlist li.page-item-76 a{background-position:-500px 0px;}
#navlist li.page-item-76 a:hover{background-position:-500px -25px;}
/*#navlist li.page-item-76 a.selected{background-position:-500px -25px;}*/
/*menu pour nous joindre*/
#navlist li.page-item-1310{width:180px; height:25px;}
#navlist li.page-item-1310 a{background-position:-820px 0px;}
#navlist li.page-item-1310 a:hover{background-position:-820px -25px;}
/*#navlist li.page-item-80 a.selected{background-position:-820px -25px;}*/

#navlist li:hover ul, #navlist li li:hover ul, #navlist li li li:hover ul {
display:block;
position:absolute;
}
#navlist li li a, #navlist li li a:visited {
margin:0;
padding:0 10px;
}
/*=== Fin SECTION 2 - En-tête  ===*/
/*Note: des classes multiples sont attribuées à certains éléments du contenu pour appliquer les couleurs de rehaut relatives à chaque section
(liens on hover, encadré de la barre latérale et couleur de fond du pied de page (gris pour page d'accueil, Jaune pour notre entreprise, bleu pour les projets,
vert pour expertise et rouge pour contact)
/*=== Début SECTION 3 - Contenu ===*/
.breadcrumbs {
	font-size: 0.7em;
}

#content {
	width: 515px;
	padding: 20px 10px;
	float: left;
	line-height: 1.3em;
	margin-right: 256px;
}

#content a:link, #content a:visited {
	text-decoration: none;
	padding: 2px;
}

#content a:hover {
	text-decoration: underline;
}

h1,h2,h3,h4{font-family: "LatinModernSans10Bold", sans-serif;}
#content h1 {
	margin-top: 0;
	padding-top: 10px;
	color: #38393b;
	font-size: 2em;
	line-height: 1em;
}

#content h2,h3{
	margin-top: 0;
	color: #38393b;
}
#content h2{
	font-size: 1.8em;
	margin: 0 auto;
	padding: 30px 0 20px 0;
	text-align: left;
}
/*Pour le centrage des titres dans les pages utilisant single.php*/
.single #content h2{
	font-size: 1.8em;
	margin: 0 auto;
	padding: 30px 0 20px 0;
	text-align: center;
	}
#content h3{
	font-size: 1.6em;
}

#content p#dernier{
	margin-bottom: 0;
}
.wp-caption {
	border: 1px solid #ddd;
	text-align: center;
	background-color: #f3f3f3;
	padding-top: 4px;
	margin: 4px;}

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

.wp-caption p.wp-caption-text {
	font-size: 11px;
	line-height: 17px;
	padding: 0 4px 5px;
	margin: 0;
}

.post {
	padding: 5px;
	font-size: .9em;
}
.post h2 {
	font-size: 1.8em;
	margin: 45px 0 10px 0;
	padding: 0;
}
.post h3 {
  font-size: 1.8em;
  margin: 0;
  padding: 0;
}
.post-edit-link img{
	border: none;
}
a.post-edit-link:link, a.post-edit-link:visited {
	text-decoration: none;
}
.entry-content, .entry-excerpt {
	clear: left;
}
/*Pour reserrer dans la page réalisés*/
.entry-content h4, .entry-content p {
		margin: 10px 0 5px 0;
	}
.entry-content blockquote {
  font: 1.2em/1.5em Arial, sans-serif;
  color: #000000;
  width: 350px;
  background: url('images/blockquote1.png') no-repeat right bottom;
  padding: 0 0 0 30px;
  text-indent: -15px;
}
.entry-content blockquote p {
  background: url('images/blockquote2.png') no-repeat left top;
  padding: 0 0 0 60px;
  font: italic 1.5em Arial, sans-serif;
}
a.image:link, a.image:visited, a.image:hover {
	background: none;
	padding: 0;
}
a.image img {
	border: none;
}
.entry-date {
	height: 89px;
	width: 71px;
	display: inline;
	float: left;
	margin: 0 10px 20px 0;
	border: 2px solid #38393b;
	color: #38393b;
	font-family: "LatinModernSans10Bold", sans-serif;
}
.entry-js{
font-size: 12px;
background-color: #c31e2f;
text-align: center;
font-weight: bold;
}

.entry-day {
	font-size: 20px;
	text-align: center;
	height: 22px;
	width: 71px;
	margin: 4px 0 0 0;
	font-weight: bold;
	line-height: 30px;
}
.entry-month {
	font-size: 14px;
	width: 71px;
	text-align: center;
	line-height: 16px;
	margin: 5px 0 0 0;
	font-weight: bold;
	padding: 0 0 2px 0;
	
}
.entry-year{
	font-size: 14px;
	width: 71px;
	text-align: center;
	line-height: 16px;
	padding: 0 0 2px 0;
	font-weight: bold;
}

.navigation {
  clear: both;
  font-size: .6em;
}
.entry-meta {
  margin: 0 0 10px 0;
}
.underpost {
	font-size: .9em;
}
.underpost a {
	text-decoration: underline;
}

/*Note, les liens devront être spécifiques à chaque section, ajouter une classe correspondant à chaque section*/
a:link {color:#38393b;}      /* unvisited link */
a:visited {color:#797B7F;}  /* visited link */
a:hover {color:#c31e2f;text-decoration: underline;}  /* mouse over link */
a:active {color:#c31e2f;}  /* selected link */
/*Couleur de rehaut des liens spécifiques à chaque section, accueil utilise les couleurs par défaut*/
/*Section entreprise*/
.page-template-entreprise-php a:hover{color:#251b00;background-color:#f7dc2d;}
/*Section projets*/
.page-template-projet-php a:hover, .page-template-p_arch-php a:hover,
.page-template-p_arch_p-php a:hover, .page-template-p_design-php a:hover,
.page-template-p_batiment-php a:hover,.page-template-p_sante-php a:hover, 
.page-template-p_residentiel-php a:hover, .page-template-p_scolaire-php a:hover,
.page-template-p_municipal-php a:hover, .page-template-p_industriel-php a:hover,
.page-template-p_commercial-php a:hover, .page-template-p_loisirs-php a:hover {color:#00acec;}
/*Section expertise*/
.page-template-expertise-php a:hover{color:#9ec64c;}
/*Section pour nous joindre*/
.page-template-pournousjoindre-php a:hover{color: #c31e2f;}

/*Formatage spécifique pour les vignettes de la page projets réalisés*/
		.boite{
			width: 510px;
			height: auto;
			border: none;
			padding: 10px 5px;
		}
		.boite h3{margin-top: 25px;}
		.boite_vignette{
			width: 120px;
			height: 120px;
			border: 1px solid gray;
			padding: 5px 10px;
			overflow: hidden; 
			text-align: center;
			display: inline-block;
		}
		.caption_projet{
			font-size: 10px;
			line-height: 10px;		
			text-align: center;
			margin: 0;
		}
/*=== Fin SECTION 3 - Contenu ===*/

/*=== Début SECTION 4 - Commentaires ===*/
.avatar {
  float: right;
  margin: 0 0 3px 5px;
}
#respond p {
	font-size: .9em;
}
#respond label {
	display: block;
	margin: 5px 0 5px 0;
}
#comment {	
	width: 100%;
}
.thread-even {
	background-color:#F9F9F9;
}
.thread-odd {
	background-color:#E5E5E5;
}
#commentform {	
	padding: 10px;
}
ol.commentlist {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}
ol.commentlist li {
	margin: 15px 0 0 0;
}
ol.commentlist li a {
	text-decoration: underline;
}

img#noborder{
	border-style: none;
}
/*=== Fin SECTION 4 - Commentaires ===*/

/*=== Début SECTION 5 - Colonne droite ===*/
#sidebar {
	font-family: Arial, sans-serif;
	font-size: 12px;
	text-align: left;
	float:right;
	margin: 25px 5px;
	padding: 6px;
	width: 230px;
	border:1px solid #38393B;
}

/*Couleur de rehaut des bordures spécifiques à chaque section, accueil utilise les couleurs par défaut*/
/*Section entreprise*/
.page-template-entreprise-php #sidebar{border-color:#f7dc2d;}
/*Section projets*/
.page-template-projet-php #sidebar, .page-template-p_arch-php #sidebar,
.page-template-p_arch_p-php #sidebar, .page-template-p_design-php #sidebar,
.page-template-p_batiment-php #sidebar,.page-template-p_sante-php #sidebar, 
.page-template-p_residentiel-php #sidebar, .page-template-p_scolaire-php #sidebar,
.page-template-p_municipal-php #sidebar, .page-template-p_industriel-php #sidebar,
.page-template-p_commercial-php #sidebar, .page-template-p_loisirs-php #sidebar {border-color: #00acec;}
/*Section expertise*/
.page-template-expertise-php #sidebar{border-color: #9ec64c;}
/*Section pour nous joindre*/
.page-template-pournousjoindre-php #sidebar{border-color: #c31e2f;}
#sidebar h1,#sidebar h2,#sidebar h3,#sidebar h4{
	margin-top: 0;
	margin-bottom: 2px;
	padding: 10px 2px 4px 2px;
	text-align: center;
	font-family: "LatinModernSans10Regular",sans-serif;
	color: #38393b;
}

#sidebar h1 {
	font-size: 2em;
}
#sidebar h2 {
	font-size: 1.8em;
}
#sidebar h3{
		font-size: 1.6em;
}
#sidebar h4{
		font-size: 1.4em;
}
#sidebar ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
#sidebar ul ul {
  margin-left: 10px;
}
#sidebar ul ul li, #sidebar ul ul li {
  font-size: .9em;
  margin-left: 10px;
}
#sidebar li a:link, #sidebar li a:visited {
	display: block;
	text-decoration: none;
	margin-bottom: .1em;
	padding: 1px;
}
#sidebar li a:hover {
	text-decoration: underline;
}
#sidebar img{
	border: none;	
}
/*=== Fin SECTION 5 - Colonne droite  ===*/


/*=== Début SECTION 6 - Pied de page ===*/
#footer {
	clear: both;
	width: 800px;
	background-color: #38393b;
	color: #ffffff;
	margin: -17px auto;
	padding: 8px 0;
	z-index: 40;
	border-left: 2px solid #38393b;
	border-right: 2px solid #38393b;
	border-bottom: 2px solid #38393b;
}
#footer a:link{color:#ffffff;}
/*Couleur de rehaut de la couleur de fond spécifique à chaque section, accueil utilise les couleurs par défaut*/
/*Section entreprise*/
.page-template-entreprise-php #footer{color: #f7dc2d;}
.page-template-entreprise-php #footer a:hover{color:#f7dc2d;}
/*Section projets*/
.page-template-projet-php #footer{color: #00acec;}
.page-template-projet-php #footer a:hover{color:#00acec;}
.page-template-projet-footer-php #footer{color: #00acec;}
.page-template-projet-footer-php #footer a:hover{color:#00acec;}
/*Section expertise*/
.page-template-expertise-php #footer{color: #9ec64c;}
.page-template-expertise-php #footer a:hover{color:#9ec64c;}
/*Section pour nous joindre*/
.page-template-pournousjoindre-php #footer{color: #c31e2f;}
.page-template-pournousjoindre-php #footer a:hover{color:#c31e2f;}
#footer p{
	padding: 0 10px;
}

#footer a:link, #footer a:visited {
	text-decoration: none;
}
#footer a:hover {
text-decoration: underline;
}
#footer .credits{
	font-size: 10px;
	line-height: 12px;
}
/*=== Fin SECTION 6 - Pied de page ===*/

/*=== Début SECTION 7 - Divers & Plugiciels ===*/
/*Fontes*/
@font-face {
	font-family: "LatinModernSans10Regular";
	src: url("fontes/lmsans10-regular.eot");
	src: local("Latin Modern Sans"), local("fontes/lmsans10-Regular"), url("fontes/lmsans10-regular.woff") format("woff"), url("fontes/lmsans10-regular.ttf") format("truetype"), url("fontes/lmsans10-regular.svg#LMSans10-Regular") format("svg");
}

@font-face {
	font-family: "LatinModernSans10Oblique";
	src: url("fontes/lmsans10-oblique.eot");
	src: local("Latin Modern Sans"), local("fontes/lmsans10-Oblique"), url("fontes/lmsans10-oblique.woff") format("woff"), url("fontes/lmsans10-oblique.ttf") format("truetype"), url("fontes/lmsans10-oblique.svg#LMSans10-Oblique") format("svg");
}

@font-face {
	font-family: "LatinModernSans10Bold";
	src: url("fontes/lmsans10-bold.eot");
	src: local("Latin Modern Sans"), local("fontes/lmsans10-Bold"), url("fontes/lmsans10-bold.woff") format("woff"), url("fontes/lmsans10-bold.ttf") format("truetype"), url("fontes/lmsans10-bold.svg#LMSans10-Bold") format("svg");
}

@font-face {
	font-family: "LatinModernSans10BoldOblique";
	src: url("fontes/lmsans10-boldoblique.eot");
	src: local("Latin Modern Sans"), local("fontes/lmsans10-BoldOblique"), url("fontes/lmsans10-boldoblique.woff") format("woff"), url("fontes/lmsans10-boldoblique.ttf") format("truetype"), url("fontes/lmsans10-boldoblique.svg#LMSans10-BoldOblique") format("svg");
}

@font-face {
	font-family: "LatinModernSansDemiCond10Regu";
	src: url("fontes/lmsansdemicond10-regular.eot");
	src: local("Latin Modern Sans Demi Cond"), local("fontes/lmsansDemiCond10-Regular"), url("fontes/lmsansdemicond10-regular.woff") format("woff"), url("fontes/lmsansdemicond10-regular.ttf") format("truetype"), url("fontes/lmsansdemicond10-regular.svg#LMSansDemiCond10-Regular") format("svg");
}

@font-face {
	font-family: "LatinModernSansDemiCond10Obli";
	src: url("fontes/lmsansdemicond10-oblique.eot");
	src: local("Latin Modern Sans Demi Cond"), local("fontes/lmsansDemiCond10-Oblique"), url("fontes/lmsansdemicond10-oblique.woff") format("woff"), url("fontes/lmsansdemicond10-oblique.ttf") format("truetype"), url("fontes/lmsansdemicond10-oblique.svg#LMSansDemiCond10-Oblique") format("svg");
}

/*ICI, Intégrer les styles des plugiciels*/
/*css jquery pour flickr Gallery*/


/*Styles galleryview*/
/*

	GalleryView Stylesheet
	
	Use the CSS rules below to modify the look of your gallery.
	 
	To create additional rules, use the markup below as a guide to GalleryView's architecture.
	NOTE - The markup below represents the DOM generated by the GalleryView plugin, NOT the markup you would include in your HTML file.
		   Refer to README.txt to review markup requirements.
	
	<div class="gallery">
		<div class="panel">
			<img src="path/to/image.jpg" />
			<div class="panel-overlay">
				...overlay content...
			</div>
			<div class="overlay-background"></div>
		</div>
		<ul class="filmstrip">
			<li class="frame current">
				<img src="path/to/thumbnail.jpg" />
				<div class="caption">caption text</div>
			</li>
			<li class="frame">
				<img src="path/to/thumbnail.jpg" />
				<div class="caption">caption text</div>
			</li>
		</ul>
	</div>
		

*/

/* GALLERY LIST */
/* IMPORTANT - Change '#photos' to the ID of your gallery list to prevent a flash of unstyled content */
#gallery { visibility: hidden; }

/* GALLERY CONTAINER */
.gallery { background: #ddd; border: 1px solid #aaa; padding: 5px;}

/* LOADING BOX */
.loader { background: url(js/loader.gif) center center no-repeat #ddd; }
/* redéfinition du loader non fonctionnel de GalleryView, merci à Ryan Garret pour le fix!*/ 
.gallery_container { background: url(js/loader.gif) center center no-repeat #fff; overflow: hidden; height: 457px; width: 540px;}


/* GALLERY PANELS */
.panel {}

/* DEFINE HEIGHT OF PANEL OVERLAY */
/* NOTE - It is best to define padding here as well so overlay and background retain identical dimensions */
.panel .panel-overlay,
.panel .overlay-background { height: 60px; padding: 0 1em; }

/* PANEL OVERLAY BACKGROUND */
.panel .overlay-background { background: #38393b; }

/* PANEL OVERLAY CONTENT */
.panel .panel-overlay { color: white; font-size: 0.7em; line-height: 0.4em; }
.panel-overlay h5 {font-family:Arial; color: white; font-size: 1.2em; line-height: 0.4em;}
.panel .panel-overlay a { color: white; text-decoration: underline; font-weight: bold; }

/* FILMSTRIP */
/* 'margin' will define top/bottom margin in completed gallery */
.filmstrip { margin: 5px; }

/* FILMSTRIP FRAMES (contains both images and captions) */
.frame {}

/* WRAPPER FOR FILMSTRIP IMAGES */
.frame .img_wrap { border: 1px solid #aaa; }

/* WRAPPER FOR CURRENT FILMSTRIP IMAGE */
.frame.current .img_wrap { border-color: #000; }

/* FRAME IMAGES */
.frame img { border: none; }

/* FRAME CAPTION */
.frame .caption { font-size: 11px; text-align: center; color: #888; }

/* CURRENT FRAME CAPTION */
.frame.current .caption { color: #000; }

/* POINTER FOR CURRENT FRAME */
.pointer {
	border-color: #000;
}

/* TRANSPARENT BORDER FIX FOR IE6 */
/* NOTE - DO NOT CHANGE THIS RULE */
*html .pointer {
	filter: chroma(color=pink);
}

/*	CSS POUR FLICKGALLERY Le plugin fait crasher mes appels Javascript
 et je veux aussi limiter au minimum les requêtes http */
div.flickr-gallery {
	margin-top: 1em;
}

div.flickr-photos {

}

div.flickr-thumb {
	float: left;
	border: 1px solid #dddddd;
	padding: 2px;
	margin: 3px;
	height: 75px;
	width: 75px;
}

div.fg-clear {
	clear: both;
}

div.flickr-set-meta {
	margin-left: 80px;
}

div.flickr-collection-meta {
	margin-left: 191px;
}/*
* jQuery UI CSS Framework
* Copyright (c) 2009 AUTHORS.txt (http://jqueryui.com/about)
* Dual licensed under the MIT (MIT-LICENSE.txt) and GPL (GPL-LICENSE.txt) licenses.
*/

/* Layout helpers
----------------------------------*/
.ui-helper-hidden { display: none; }
.ui-helper-hidden-accessible { position: absolute; left: -99999999px; }
.ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; }
.ui-helper-clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.ui-helper-clearfix { display: inline-block; }
/* required comment for clearfix to work in Opera \*/
* html .ui-helper-clearfix { height:1%; }
.ui-helper-clearfix { display:block; }
/* end clearfix */
.ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); }


/* Interaction Cues
----------------------------------*/
.ui-state-disabled { cursor: default !important; }


/* Icons
----------------------------------*/

/* states and images */
.ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; }


/* Misc visuals
----------------------------------*/

/* Overlays */
.ui-widget-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

/*
* jQuery UI CSS Framework
* Copyright (c) 2009 AUTHORS.txt (http://jqueryui.com/about)
* Dual licensed under the MIT (MIT-LICENSE.txt) and GPL (GPL-LICENSE.txt) licenses.
* To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=LatinModernSans10Regular,Arial,sans-serif&fwDefault=normal&fsDefault=1.1em&cornerRadius=4px&bgColorHeader=cccccc&bgTextureHeader=03_highlight_soft.png&bgImgOpacityHeader=75&borderColorHeader=aaaaaa&fcHeader=222222&iconColorHeader=222222&bgColorContent=ffffff&bgTextureContent=01_flat.png&bgImgOpacityContent=75&borderColorContent=aaaaaa&fcContent=222222&iconColorContent=222222&bgColorDefault=e6e6e6&bgTextureDefault=02_glass.png&bgImgOpacityDefault=75&borderColorDefault=d3d3d3&fcDefault=555555&iconColorDefault=888888&bgColorHover=dadada&bgTextureHover=02_glass.png&bgImgOpacityHover=75&borderColorHover=999999&fcHover=212121&iconColorHover=454545&bgColorActive=ffffff&bgTextureActive=02_glass.png&bgImgOpacityActive=65&borderColorActive=aaaaaa&fcActive=212121&iconColorActive=454545&bgColorHighlight=fbf9ee&bgTextureHighlight=02_glass.png&bgImgOpacityHighlight=55&borderColorHighlight=fcefa1&fcHighlight=363636&iconColorHighlight=2e83ff&bgColorError=fef1ec&bgTextureError=02_glass.png&bgImgOpacityError=95&borderColorError=cd0a0a&fcError=cd0a0a&iconColorError=cd0a0a&bgColorOverlay=aaaaaa&bgTextureOverlay=01_flat.png&bgImgOpacityOverlay=0&opacityOverlay=30&bgColorShadow=aaaaaa&bgTextureShadow=01_flat.png&bgImgOpacityShadow=0&opacityShadow=30&thicknessShadow=8px&offsetTopShadow=-8px&offsetLeftShadow=-8px&cornerRadiusShadow=8px
*/


/* Component containers
----------------------------------*/
.ui-widget { font-family: LatinModernSans10Regular,Arial,sans-serif; font-size: 1.1em; }
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: LatinModernSans10Regular,Arial,sans-serif; font-size: 1em; }
.ui-widget-content { border: 1px solid #aaaaaa; background: #ffffff url(images/ui-bg_flat_75_ffffff_40x100.png) 50% 50% repeat-x; color: #222222; }
.ui-widget-header { border: 1px solid #aaaaaa; background: #cccccc url(images/ui-bg_highlight-soft_75_cccccc_1x100.png) 50% 50% repeat-x; color: #222222; font-weight: bold; }
.ui-widget-header a { color: #222222; }

/* Interaction states
----------------------------------*/
.ui-state-default, .ui-widget-content .ui-state-default { border: 1px solid #d3d3d3; background: #e6e6e6 url(images/ui-bg_glass_75_e6e6e6_1x400.png) 50% 50% repeat-x; font-weight: normal; color: #555555; outline: none; }
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #555555; text-decoration: none; outline: none; }
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus { border: 1px solid #999999; background: #dadada url(images/ui-bg_glass_75_dadada_1x400.png) 50% 50% repeat-x; font-weight: normal; color: #212121; outline: none; }
.ui-state-hover a, .ui-state-hover a:hover { color: #212121; text-decoration: none; outline: none; }
.ui-state-active, .ui-widget-content .ui-state-active { border: 1px solid #aaaaaa; background: #ffffff url(images/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x; font-weight: normal; color: #212121; outline: none; }
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #212121; outline: none; text-decoration: none; }

/* Interaction Cues
----------------------------------*/
.ui-state-highlight, .ui-widget-content .ui-state-highlight {border: 1px solid #fcefa1; background: #fbf9ee url(images/ui-bg_glass_55_fbf9ee_1x400.png) 50% 50% repeat-x; color: #363636; }
.ui-state-highlight a, .ui-widget-content .ui-state-highlight a { color: #363636; }
.ui-state-error, .ui-widget-content .ui-state-error {border: 1px solid #cd0a0a; background: #fef1ec url(images/ui-bg_glass_95_fef1ec_1x400.png) 50% 50% repeat-x; color: #cd0a0a; }
.ui-state-error a, .ui-widget-content .ui-state-error a { color: #cd0a0a; }
.ui-state-error-text, .ui-widget-content .ui-state-error-text { color: #cd0a0a; }
.ui-state-disabled, .ui-widget-content .ui-state-disabled { opacity: .35; filter:Alpha(Opacity=35); background-image: none; }
.ui-priority-primary, .ui-widget-content .ui-priority-primary { font-weight: bold; }
.ui-priority-secondary, .ui-widget-content .ui-priority-secondary { opacity: .7; filter:Alpha(Opacity=70); font-weight: normal; }

/* Icons
----------------------------------*/

/* states and images */
.ui-icon { width: 16px; height: 16px; background-image: url(images/ui-icons_222222_256x240.png); }
.ui-widget-content .ui-icon {background-image: url(images/ui-icons_222222_256x240.png); }
.ui-widget-header .ui-icon {background-image: url(images/ui-icons_222222_256x240.png); }
.ui-state-default .ui-icon { background-image: url(images/ui-icons_888888_256x240.png); }
.ui-state-hover .ui-icon, .ui-state-focus .ui-icon {background-image: url(images/ui-icons_454545_256x240.png); }
.ui-state-active .ui-icon {background-image: url(images/ui-icons_454545_256x240.png); }
.ui-state-highlight .ui-icon {background-image: url(images/ui-icons_2e83ff_256x240.png); }
.ui-state-error .ui-icon, .ui-state-error-text .ui-icon {background-image: url(images/ui-icons_cd0a0a_256x240.png); }

/* Misc visuals
----------------------------------*/

/* Corner radius */
.ui-corner-tl { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; }
.ui-corner-tr { -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; }
.ui-corner-bl { -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; }
.ui-corner-br { -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; }
.ui-corner-top { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; }
.ui-corner-bottom { -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; }
.ui-corner-right {  -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; }
.ui-corner-left { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; }
.ui-corner-all { -moz-border-radius: 4px; -webkit-border-radius: 4px; }

/* Overlays */
.ui-widget-overlay { background: #aaaaaa url(images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x; opacity: .30;filter:Alpha(Opacity=30); }
.ui-widget-shadow { margin: -8px 0 0 -8px; padding: 8px; background: #aaaaaa url(images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x; opacity: .30;filter:Alpha(Opacity=30); -moz-border-radius: 8px; -webkit-border-radius: 8px; }/* Accordion
----------------------------------*/

/* Tabs
----------------------------------*/
.ui-tabs { padding: .2em; zoom: 1; }
.ui-tabs .ui-tabs-nav { text-indent: 0px; list-style: none !important; position: relative; padding: .2em .2em 0; }
.ui-tabs .ui-tabs-nav li:before { content:"" }
.ui-tabs .ui-tabs-nav li { position: relative; float: left; border-bottom-width: 0 !important; margin: 0 .2em -1px 0; padding: 0; }
.ui-tabs .ui-tabs-nav li a { float: left; text-decoration: none; padding: .5em 1em; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected { padding-bottom: 1px; border-bottom-width: 0; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; }
.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.ui-tabs .ui-tabs-panel { padding: 3px; display: block; border-width: 0; background: none; }
.ui-tabs .ui-tabs-hide { display: none !important; }


div.flickr-set-thumb, div.flickr-collection-thumb {
	float: left;
	border: 1px solid #dddddd;
	padding: 2px;
	margin: 3px;
}

div.flickr-set, div.flickr-collection{
	margin-bottom: .5em;
}

div.flickr-gallery.image.none {
	padding: 1em 0px;
}

div.flickr-gallery.image.left, div.flickr-gallery.video.left {
	padding: 0px .5em .5em 0px;
	float: left;
}

div.flickr-gallery.image.right, div.flickr-gallery.video.right {
	padding: 0px 0px .5em .5em;
	float: right;
}

div.flickr-set-display {
	display: none;
	clear: both;
}

.ui-tabs .fg-credit {
	margin-top: 4px;
}

div.flickr-gallery ul.ui-tabs-nav li {
	list-style-type: none;
}
/* jquery flightbox*/
#floverlay {
	background-color: 	#000000;
	opacity: 			0.9;
	position: 			fixed;
	top: 				0px;
	left: 0px;
	z-index: 			1000;
	/*-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";*/
	filter: alpha(opacity=90);

}

#flightbox {
	top: 100px;
	width: 100px;
	height: 100px;
	position: 		absolute;
	background-color: 	#FFFFFF;
	z-index: 1001;
	padding: 15px;
	background: #FFFFFF url(images/loading_rond.gif) no-repeat scroll center center;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;

}

#flightbox-close {
	float: right;
	width: 78px;
	height: 18px;
	background: #FFFFFF url(images/fermer.gif) no-repeat scroll center center;
	text-align: right;
	cursor: pointer;
}

#flightbox-prev, #flightbox-next {
	width: 54px;
	height: 33px;
	position: absolute;
	top: 25%;
	display: none;
}

#flightbox-prev {
	left: 0px;
	background: #FFFFFF url(images/prev.gif) no-repeat scroll center left;	
	-moz-border-radius-topright: 3px;
	-moz-border-radius-bottomright: 3px;
	-webkit-border-top-right-radius: 3px;
	-webkit-border-bottom-right-radius: 3px;
	border-top-right-radius: 3px;
	border-bottom-right-radius: 3px;

}


#flightbox-next {
	right: 0px;
	background: #FFFFFF url(images/next.gif) no-repeat scroll center right;	
	-moz-border-radius-topleft: 3px;
	-moz-border-radius-bottomleft: 3px;
	-webkit-border-top-left-radius: 3px;
	-webkit-border-bottom-left-radius: 3px;
	border-top-left-radius: 3px;
	border-bottom-left-radius: 3px;
}

#flightbox-left, #flightbox-right {
	position: absolute;
	top: 15px;
	cursor: pointer;
	z-index: 20000;
	background-image: url(images/blank.gif);
}

#flightbox-video {
	z-index: 20001;
}

#flightbox-left { left: 15px; }
#flightbox-right { right: 15px; }


#flightbox-image {
	display: none;
}

#flightbox-meta {
	padding-top: 5px;
	display: none;
	text-align: left;
}

#flightbox-title {
	font-size: 12pt;
	font-family: "LatinModernSans10Bold",Arial;
	margin-right: 40px;
}

#flightbox-flickr-link{
		font-size: 8pt;
	}

/*=== Fin SECTION 7 - Misc. & Plugiciels  ===*/