/* @override 
	http://www.lourdesinfos.fr/PyLourdesinfo/wp-content/themes/zenko/style.css
	http://www.tarbesinfo.fr/wp-content/themes/zenko/style.css
	http://www.pyreneesinfotarbes.fr/wp-content/themes/zenko/style.css
	http://www.pyreneesinfo.fr/wp-content/themes/zenko/style.css
*/

/*********************************************************************************************

Theme Name: Zenko Magazine
Theme URI: http://www.wpzoom.com/themes/zenko/
Version: 2.1.1
Author: WPZOOM
Author URI: http://www.wpzoom.com
License: GNU General Public License v2.0
License URI: http://www.gnu.org/licenses/gpl-2.0.html

The PHP code portions of this WPZOOM theme are subject to the GNU General Public
License, version 2. All images, cascading style sheets, and JavaScript elements are
released under the WPZOOM Proprietary Use License below.


**********************************************************************************************

WARNING! DO NOT EDIT THIS FILE!

To make it easy to update your theme, you should not edit the styles in this file. Instead use
the custom.css file to add your styles. You can copy a style from this file and paste it in
custom.css and it will override the style in this file.

**********************************************************************************************

0.  CSS Reset  -------------------------  All Theme Files
1.  Toolbox CSS  -----------------------  All Theme Files
2.  Page Structure  --------------------  All Theme Files
3.  Header  ----------------------------  header.php
4.  Main Navigation  -------------------  header.php
5.  Featured Slider  -------------------  wpzoom-slider.php
6.  Homepage Articles ------------------  index.php
7.  Single Articles & Pages ------------  single.php, page.php
8.  Comments  --------------------------  comments.php
9.  Sidebar & Widgets ------------------  sidebar.php
10. Forms  -----------------------------  searchform.php
11. Footer  ----------------------------  footer.php

**********************************************************************************************/



/*********************************************************************************************

0. CSS Reset  -------------------------  All Theme Files

*********************************************************************************************/

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {
	margin: 0;
	padding: 0;
}



table {
	border-collapse: collapse;
	border-spacing: 0;
}

fieldset, img {
	border: 0;
}


address, caption, cite, code, dfn, em, strong, th, var {
	font-style: normal;
	font-weight: normal;
}

ol, ul {
	list-style: none;
}

caption, th {
	text-align: left;
}

 h2, h3, h4, h5, h6 {
	font-size: 100%;
	font-weight: normal;
}

q:before, q:after {
	content: '';
}



abbr, acronym {
	border: 0;
}

/* Global reset-RESET */

/* The below restores some sensible defaults */

strong {
	font-weight: bold
}

em {
	font-style: italic
}

a img {
	border: none
}

/* Gets rid of IE's blue borders */

table {
	-x-system-font: none;
	font-family: inherit;
	font-size: inherit;
	font-size-adjust: inherit;
	font-stretch: inherit;
	font-style: inherit;
	font-variant: inherit;
	font-weight: inherit;
	line-height: inherit;
	width: 100%;
}

th {
	background: #BBCCDD;
	color: #333;
}

th, td {
	line-height: 20px;
	padding: 4px;
}

tr:nth-child(2n) {
	background: rgba(0, 0, 0, 0.1) none repeat scroll 0 0;
}

tr:nth-child(2n+1) {
	
}

ul {
	list-style: none;
}

p {
	font: 1.3em/1.3em;
}

a img {
	border: none;
}

.floatleft, #more_left {
	float: left;
}

.floatright {
	float: right;
}

/* Smart clearfix */

.clear, .cleaner {
	clear: both;
	height: 0;
	overflow: hidden;
}

.clearfix:before, .clearfix:after {
	content: "";
	display: table;
}

.clearfix:after {
	clear: both;
}

.clearfix {
	zoom: 1;
}

.transpBlack {
	background: url(http://www.pyreneesinfo.fr/wp-content/themes/zenko/transpBlack.png);
}

/*********************************************************************************************

1. Toolbox CSS  -------------------------  All Theme Files

*********************************************************************************************/

a {
	text-decoration: none;
	color: #263B51;
}

a:hover {
	text-decoration: underline;
}

/* Navigation */

.navigation {
	color: #333;
	float: left;
	width: 100%;
	text-align: center;
}

.navigation .alignleft a,   .navigation .alignright a {
	width: 125px;
	text-align: center;
	height: 20px;
}

.navigation a, .post .navigation a, .navigation .current {
	color: #fff;
	background: #34475b;
	font-weight: bold;
	margin: 7px 5px 7px 0;
	padding: 5px 6px;
	cursor: pointer;
	font-size: 10px;
	text-transform: uppercase;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3);
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	border: none;
}

.navigation .alignleft {
	float: left;
}

.navigation a:hover, .navigation .current {
	color: #fff;
	text-decoration: none;
	background: #243445;
}

.navigation .alignright {
	float: right;
}

/*********************************************************************************************

2. Page Structure  -------------------------  All Theme Files

*********************************************************************************************/

body {
	font-family: Arial, Helvetica, sans-serif;
	background-color: #F1F1F1 ;
	background: url(images/bg.jpg);
	color: #333;
	font-size: 100%;
	line-height: 1.5;
}

#content-wrap {
	
	width: 980px;
	margin: 0 auto;
}

#content {
	background-color: #fff ;
	box-shadow: 0px 0px 20px #999;
	float: left;
	width: 960px;
	margin-left: 0;
	padding: 10px 10px 15px;
	margin-top: -6px;
}

/*********************************************************************************************

3. Header  -------------------------  header.php

*********************************************************************************************/

#header {
	background-color: #fff ;
	box-shadow: 0px 0px 20px #999;
	width: 980px;
	margin: 0 auto;
	height: 190px;
}

#logo {
	float: left;
	width: 308px;
	margin-top: 40px;
	
}

#ad468 {
	float: right;
	height: 150px;
	width: 650px;
}

#menu2 {
	background: url(images/bg_resopi.png);
	height: 39px;

	
}

#menu2 a{
	background: rgba(255, 255, 255, .2);
	text-shadow: 0 1px 0 rgba(000, 000, 000, .4);
	text-decoration: none;
	color: #fff;
	padding-right: 20px;
	padding-left: 20px;
	margin-left: 30px;
	margin-right: 35px;
	display: block;
	float: left;
	height: 32px;
	padding-top: 7px;
	-webkit-transition:background 0.8s;
	-moz-transition:background 0.8s;
	-o-transition:background 0.8s;
}
#menu2 a:hover{
	box-shadow:0px 1px 1px #ccc;
	-webkit-transition:background 0.8s;
	-moz-transition:background 0.8s;
	-o-transition:background 0.8s;
	border-radius: 5px 5px 5px 5px;
	height: 27px;
	padding-top: 4px;
background: rgba(0, 0, 0, .2);
}

/*********************************************************************************************

4. Main Navigation  -------------------------  header.php

*********************************************************************************************/

#menu {
	background: url(images/menu.png);
	box-shadow: 0px 0px 20px #999;
	margin: -1px auto 0;
	width: 980px;
	height: 33px;
}

#menu-wrap {
	width: 960px;
	margin: 0 auto;
	z-index: 600;
}

ul.dropdown, ul.dropdown li, ul.dropdown ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

ul.dropdown {
	height: 35px;
	width: 620px;
	line-height: 1;
	padding-top: 5px;
	position: relative;
	z-index: 597;
	float: left;
}

ul.dropdown li {
	position: relative;
	float: left;
	line-height: 1.3em;
	vertical-align: middle;
	zoom: 1;
}

ul.dropdown li.hover, ul.dropdown li:hover {
	position: relative;
	z-index: 599;
	cursor: default;
}

ul.dropdown ul {
	visibility: hidden;
	position: absolute;
	top: 100%;
	left: 0;
	z-index: 598;
	width: 100%;
}

ul.dropdown ul li {
	float: none;
}

ul.dropdown ul ul {
	top: -1px;
	left: 99%;
}

ul.dropdown li:hover > ul {
	visibility: visible;
}

ul.dropdown li.rtl ul {
	top: 100%;
	right: 0;
	left: auto;
}

ul.dropdown li.rtl ul ul {
	top: 1px;
	right: 99%;
	left: auto;
}

ul.dropdown a {
	text-decoration: none;
	padding: 0px 10px;
	color: #e7e7e7;
}

ul.dropdown li li a {
	color: #ddd;
}

ul.dropdown a:hover {
	color: #fff;
}

ul.dropdown li {
	color: #e7e7e7;
	font-size: 10px;
	font-weight: bold;
	text-decoration: none;
	padding: 5px 0;
	margin: 0 7px 0 0;
	text-transform: uppercase;
}

ul.dropdown li:hover a {
	color: #fff;
}

ul.dropdown li li {
	margin: 0;
	background: #1F1F1F;
	line-height: 11px;
	font-size: 10px;
	color: #e7e7e7;
	width: 180px;
	-moz-border-radius: 3px;
	-html-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	border-bottom: 1px solid #6a6464;
}

ul.dropdown li:hover, ul.dropdown li.active, ul.dropdown li.current-cat, ul.dropdown li.current_page_item, ul.dropdown li.current-menu-item {
	color: #fff;
	background: #1F1F1F;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

/* active list/category */

.dropdown li ul li:hover {
	background: #3F3E3E;
	color: #fff;
	-moz-border-radius: 3px;
	-html-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

ul.dropdown li.active a, ul.dropdown li.current-cat a, ul.dropdown li.current_page_item a {
	color: #fff;
}

ul.dropdown ul {
	width: 200px;
}

ul.dropdown ul li {
	font-weight: normal;
	padding: 5px 0;
}

* body ul.dropdown li.hover a {
	background: none;
	color: #fff;
}

* body ul.dropdown li.hover {
	background-color: #333;
	color: #fff;
}

ul#footerNav {
	position: absolute;
	top: 27px;
	right: 0;
}

ul#footerNav li {
	float: left;
	display: inline;
	margin-left: 15px;
}

.downarrowclass {
	background: url(images/downh.png) no-repeat center;
	padding: 6px 11px;
}

.dropdown li a:hover .downarrowclass, .dropdown li:hover .downarrowclass, .dropdown ul li.current_page_item a .downarrowclass, .dropdown ul li.current-cat a .downarrowclass {
	background: url(images/downh.png) no-repeat center;
}

.rightarrowclass {
	background: url(images/righth.png) no-repeat center right;
	padding: 8px;
	position: absolute;
	right: 10px;
}

#rss_icon {
	float: right;
	margin-top: 3px;
}

#rss_icon a {
	color: #fff;
	font-size: 11px;
	text-decoration: none;
	padding: 2px 0 5px 20px;
	font-weight: bold;
	line-height: 1.5;
	background: url(images/feed.png) no-repeat left top;
}

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

/*********************************************************************************************

5. Featured Slider	  -------------------------  wpzoom-slider.php

*********************************************************************************************/

#slider {
	position: relative;
	clear: both;
	width: 960px;
	margin: 0 0 10px;
}

#slides_container {
	width: 100%;
	height: 338px;
	display: block;
	background-color: #000;
	overflow: hidden;
}

#slides_container .cover {
	
	width: 580px;
	position: absolute;
	top: 0;
}

.slide_content {
	padding: 25px;
	background-color: #1e1e1e;
	float: right;
	width: 330px;
	height: 263px;
	opacity: 1;
	color: #fff;
	overflow: hidden;
}

.slide_content p {
	margin: 0;
	font-size: 12px;
	line-height: 2;
}

.slide_content h2 {
	font-size: 22px;
	line-height: 1.5;
	font-family: Georgia, serif;
	margin: 0 0 15px;
}

.slide_content a {
	color: #fff;
}

.pagination {
	right: 0;
	bottom: 0;
	position: absolute;
	height: 40px;
	display: inline;
	width: 380px;
	background: #090909;
	overflow: hidden;
}

.pagination a {
	font-weight: bold;
	display: block;
	float: left;
	margin: 0;
	position: relative;
	padding: 10px 0 0;
	color: #fff;
	text-align: center;
	width: 38px;
	height: 30px;
	font-size: 14px;
}

.pagination li a:hover, .pagination a.current {
	z-index: 1;
	background: #486d93;
	text-decoration: none;
}

/*********************************************************************************************

6. Homepage  -------------------------  index.php

*********************************************************************************************/

#middle {
	width: 650px;
	float: left;
	margin: 0 0 10px 0;
}

#posts div {
}

/* Featured Category */

.block {
	font-size: 12px;
	color: #444;
	margin-bottom: 7px;
}

.block h3 {
	background: url(images/blu.png) no-repeat top left;
	height: 33px;
	text-transform: uppercase;
	color: #fff;
	padding: 5px 0 0 10px;
	margin: 0 0 1px;
	font: bold 16px helvetica;
}

.block h3 a {
	color: #fff;
}

h3.green {
	background: url(images/green.png) no-repeat top left;
}
h3.rose {
	background: url(images/rose.png) no-repeat top left;
}
h3.eco {
	background: url(images/eco.png) no-repeat top left;
}

h3.black {
	background: url(images/black.png) no-repeat top left;
}

h3.rouge {
	background: url(images/rouge.png) no-repeat top left;
}

h3.blue {
	background: url(images/blu.png) no-repeat top left;
}

h3.pink {
	background: url(images/pink.png) no-repeat top left;
}

.firstn {
	width: 235px;
	float: left;
	font-size: 12px;
	line-height: 20px;
	color: #444;
}

.firstn h2 {
	font-size: 17px;
	font-weight: 400;
	font-family: Georgia;
	color: #181818;
	font-style: italic;
}

.firstn small {
	font-style: italic;
	line-height: 20px;
	margin-bottom: 5px;
	font-size: 10px;
	color: #737373;
	text-transform: uppercase;
}

.firstn img {
	float: left;
	width: 235px;
	padding: 0 5px 5px 0;
}

.rightn a {
	font-family: Georgia;
	font-size: 16px;
	line-height: normal;
}

.rightnp a {
	font-size: 16px;
	line-height: normal;
}

.rightn p a, .rightnp p a {
	font-weight: 700;
	font-size: 10px;
}

.rightcontp a {
	font-weight: 700;
}

.firstn p a {
	font-weight: 700;
}

.bubble {
	background: transparent url(images/bb.png) no-repeat;
	color: #fff;
	float: right;
	height: 19px;
	padding-top: 0px;
	text-align: center;
	width: 19px;
	margin-left: 10px;
	line-height: 1.1;
}

.bubble a {
	color: #fff;
	font-size: 10px;
	font-weight: 700;
	font-family: Arial;
}

#posts {
	margin-bottom: 15px;
}

#middlesb {
	width: 160px;
	float: left;
}

.rightn {
	width: 402px;
	float: right;
	font-size: 11px;
	color: #444;
	line-height: 18px;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 5px;
}

.homepost {
	border-bottom: 1px solid #ccc;
	font-size: 12px;
	color: #444;
	line-height: 20px;
	padding: 0 0 15px 0;
	margin: 0 0 15px 0;
}

#posts .homepost .rightcontp h2 {
	background: none;
	font-size: 16px;
	text-transform: none;
	padding: 0;
	margin: 0 0 7px;
}

h3.recent {
	background: url(images/all.png) no-repeat top left;
	height: 33px;
	font-family: Arial;
	text-transform: uppercase;
	font-size: 10px;
	color: #fff;
	font-weight: bold;
	padding: 5px 5px 0 10px;
}

#middle div.post h1 {
	
	background: url(images/all.png) no-repeat top left;
	height: 33px;
	font-family: Arial;
	text-transform: uppercase;
	font-size: 10px;
	color: #fff;
	font-weight: bold;
	padding: 5px 5px 0 10px;
}

#middle div.post h1 a {
	
	color: #fff;
}

#posts .thumb {
	float: left;
}

#posts .thumb img {
	float: left;
	margin: 0 10px 10px 0;
}

.rightn img {
	float: left;
	padding: 0 7px 7px 0;
}

.rightnp img {
	float: left;
	width: 130px;
	padding: 0 7px 7px 0;
}

.rightn small a, .post-meta a {
	font-size: 10px;
	font-family: Arial;
	color: #737373;
}

.rightn small, .post-meta {
	font-size: 10px;
	font-family: Arial;
	color: #737373;
	text-transform: uppercase;
}

.rightn li {
	display: block;
	padding: 0 0 10px;
	border-bottom: 1px solid #ccc;
	margin-bottom: 13px;
}

/*********************************************************************************************

7. Single Articles & Pages -------------------------  single.php, page.php

*********************************************************************************************/

.post {
	font-size: 12px;
	line-height: 1.8;
	color: #444;
}

.fullwidth, #content .fullwidth {
	width: 980px;
}

#content .full-width {
	width: 980px;
}

#content .full-width .post {
	width: 100%;
}

#content .full-width .post img {
	max-width: 950px;
}

.post a {
	color: #154A7F;
	font-weight: 700;
}

.post blockquote {
	border-left: 3px solid #ccc;
	color: #777;
	font-family: Georgia,"Times New Roman",Times,serif;
	font-size: 12px;
	font-style: italic;
	line-height: 1.8em;
	padding-left: 10px;
	clear: both;
	margin: 10px 20px 10px 30px;
}

.post h1 a {
	line-height: 1.3;
}

.post h1 a {
	color: #333;
	border: none;
	margin: 5px 0;
	font: 700 15px Arial;
}

.post h2 {
	font-size: 27px;
}


.post h3 {
	font-size: 24px;
}

.post h4 {
	font-size: 21px;
}

.post h5 {
	font-size: 18px;
}

.post h6 {
	font-size: 16px;
}

.post h2,h3,h4,h5,h6 {
	color: #333;
	padding-bottom: 5px;
	font-weight: 700;
}

.post li ol {
	line-height: 25px;
	padding-left: 10px;
}

.post ol {
	list-style-type: decimal;
}

.post p {
	margin-bottom: 15px;
}

.post ul li {
	line-height: 25px;
	list-style: square;
}

.post .post-meta {
	font-size: 10px;
	text-transform: uppercase;
	margin: 5px 0 13px;
	border-bottom: 1px solid #ccc;
	padding: 0 0 3px;
}

.post img {
	margin-bottom: 10px;
}

.post  img.alignnone,
.post  img.aligncenter,
.post  img.alignleft,
.post  img.alignright {
	margin-bottom: 10px;
	max-width: 650px;
	width: auto;
	height: auto;
}

.post a img {
	border: none;
}

.post ul li:hover {
	line-height: 25px;
}

.post ul,.post ul,ol {
	padding: 10px 0 10px 20px;
}

/* [gallery] shortcode */

.gallery .gallery-item {
	max-width: 150px;
	display: -moz-inline-stack;
	display: inline-block;
	vertical-align: top;
	zoom: 1;
	*display: inline;
	margin: 10px;
}

ul.line02 {
	padding-left: 56px;
	padding-right: 50px;
}

.gallery {
	clear: both;
	margin: auto;
	text-align: center;
}

.gallery a:hover {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
	filter: alpha(opacity=90);
	opacity: 0.6;
	transition: opacity .25s ease-in-out;
	-moz-transition: opacity .25s ease-in-out;
	-webkit-transition: opacity .25s ease-in-out;
}

.attachment {
	margin: 1em 0
}

.gallery img {
	width: 150px;
	height: auto;
}

/* Images alignment */

.aligncenter,div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.alignleft {
	float: left;
	margin: 0 10px 0 0;
}

.alignright {
	float: right;
	margin: 0 0 0 10px;
}

/* Image captions */

.wp-caption {
	border: 1px solid #ccc;
	background-color: #DCDCDC;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	text-align: center;
	max-width: 100% !important;
	margin: 0 14px 10px 0;
}

.wp-caption img {
	margin: 0;
	border: 0 none;
	padding: 4px 0;
	max-width: 98%;
	width: auto;
	height: auto;
}

.wp-caption p.wp-caption-text {
	font-size: 11px;
	line-height: 14px;
	padding: 0 3px 5px;
	margin: 0;
	font-style: italic;
	text-align: center;
}

.tag-links {
	background: url(images/tag.png) no-repeat left 2px;
	padding-left: 20px;
	color: #333;
	text-transform: uppercase;
	font-size: 10px;
}

.nextpage {
	background: url(images/page.png) no-repeat left 1px;
	padding-left: 20px;
	float: left;
	clear: both;
	font-weight: bold;
}

.share_box {
	border-top: 2px solid #DAD9D9;
	background: #E4E4E4;
	height: 27px;
	margin: 10px 0 0;
	padding: 7px 0 0;
}

.share_box .share_btn {
	float: right;
}

/*********************************************************************************************

8. Comments  -------------------------  comments.php

*********************************************************************************************/

.children {
	padding: 0 0 0 40px;
	margin-left: 35px;
}

.bypostauthor cite a {
	color: #BE041D;
}

.authorcomm {
	float: left;
	margin: 0;
	padding: 0;
	width: 70px;
	text-align: center;
	line-height: 12px;
	font-size: 13px;
}

.authorcomm a {
	text-decoration: none;
	font-weight: bold;
}

#comments .avatar {
	padding: 0 15px 0 0;
}

.reply a {
	padding: 2px 5px;
	margin-left: 55px;
	font-weight: normal;
	text-transform: uppercase;
	background: #333;
	width: 50px;
	font-size: 9px;
	text-align: center;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	border: none;
	color: #fff;
}

.reply a:hover {
	background: #CA2B57;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

#respond {
	float: left;
}

#navigation {
	width: 100%;
	height: 30px;
	float: left;
}

.cancel-comment-reply a {
	padding: 2px 5px;
	margin-bottom: 5px;
	margin-left: 55px;
	font-weight: 700;
	text-transform: uppercase;
	background: #333;
	font-size: 10px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	border: none;
	color: #fff;
}

.cancel-comment-reply a:hover {
	background: #CA2B57;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.comment-meta  a {
	font-weight: normal;
	border-bottom: none;
	font-size: 9px;
	color: #5F5F5F;
	font-style: italic;
}

.comment-meta {
	padding-bottom: 5px;
	border-bottom: 1px solid #ccc;
	margin-left: 55px;
	margin-bottom: 4px;
}

.fn {
	font-size: 12px;
	line-height: 15px;
	font-weight: bold;
	font-style: normal;
}

.says {
	display: none;
}

#comments li {
	width: 100%;
	padding: 10px 0 10px;
	display: block;
	float: left;
}

.commentlist {
	margin: 0px;
	padding: 0px;
}

.commentlist ol {
	margin: 0px;
	padding: 10px;
}

.commentlist li {
	margin: 5px 0px 0px;
	padding: 5px 5px 0px 0px;
	list-style: none;
}

.commentlist li ul li {
	margin-right: -5px;
}

.comment {
	float: left;
	padding: 0px 0 20px;
	font-size: 11px;
}

.comment p {
	margin-left: 55px;
	line-height: 20px;
	padding: 0 0 3px 0;
	color: #333;
}

body.ie6 #comments li.bgCH {
	background-color: #eee;
	background-image: none;
}

.field {
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	border: solid 1px #ddd;
	border-top-color: #ccc;
	background: #fff letter-spacing: .1em;
	padding: 6px;
}

#commentform textarea {
	width: 76%;
	height: 130px;
}

#submit,.submit,label {
	cursor: pointer;
}

#home_dossiers {
	padding-left: 10px;
}

#home_dossiers a{
	display: block;
	width: 278px;
	height: 60px;
	margin-bottom: 10px;
	box-shadow:2px 2px 5px #888;
}

#home_dossiers a:hover{
	box-shadow:2px 2px 10px #888;
	
}

#commentform label {
	padding-left: 24px;
	font-weight: 900;
}

#commentform label span,#comments .chead p.date {
	color: #999;
}

.btn {
	display: block;
	width: 140px;
	height: 40px;
	line-height: normal;
	text-align: center;
	color: #e1e1e1;
	font-size: 10px;
	text-transform: uppercase;
	font-weight: 700;
	background: transparent url('images/btns-a00.png') no-repeat left top;
}

.btn:hover {
	text-decoration: none;
	background-position: left bottom;
}

.btn:active {
	color: #888;
}

input.btn {
	border: none;
}

#commentform .btn {
	background-position: right top;
}

#commentform .btn:hover {
	background-position: right bottom;
}

#comments {
	float: left;
	margin-top: 20px;
	width: 640px;
}

#respond {
	margin-top: 10px;
	float: left;
}

#respond:after {
	content: ".";
	display: block;
	height: 0px;
	clear: both;
	visibility: hidden;
}

#comments li h3 {
	margin-top: 15px;
	margin-left: 55px;
	font-size: 16px;
}

.avatar {
	float: left;
}

.comtext {
	font-size: 11px;
	float: left;
	padding-left: 8px;
	width: 590px;
}

.comtext small {
	display: block;
	font-weight: 400;
	font-style: normal;
	border-bottom: 2px solid #ccc;
}

/*********************************************************************************************

9. Sidebar & Widgets -------------------------  sidebar.php

*********************************************************************************************/

/* My Comment */

#sidebar {
	float: right;
	background: url(images/bg_sidebar.jpg);
	width: 300px;
    height: 2865px;
	
}

#sidebar .widget {
	
	color: #333;
}

#sidebar h3 a.rsswidget {
	color: #fff;
}

#sidebar_left {
	float: left;
	width: 145px;
	padding-right: 10px;
}

#sidebar_right {
	float: left;
	width: 145px;
}

#sidebar_left h3, #sidebar_right h3 {
	width: 135px;
}

#sidebar #sidebar_left .widget, #sidebar #sidebar_right .widget {
	width: 140px;
}

.widget {
	font-size: 12px;
	color: #737373;
	float: left;
	width: 100%;
	margin-right: 0;
	margin-top: 0;
	margin-left: 0;
}



ul.social {
	padding-left: 50px;
}

#wpzoom-facebook-2 {
	background: #fff;
}

.widget h3.title {
	background: url(images/all.png) no-repeat top left;
	height: 33px;
	text-transform: uppercase;
	font-size: 10px;
	color: #fff;
	font-weight: bold;
	padding: 5px 5px 0 10px;
}

.widget ul {
	clear: both;
	margin: 5px 0;
	line-height: 1.7;
	padding-left: 10px;
	padding-right: 10px;
}

.widget ul li {
	list-style-type: none;
}

.widget ul ul {
	margin: 0;
	padding: 0;
	border-top: none;
}

.widget ul ul li {
	border: none;
}

.widget a {
	font-weight: bold;
}

.widget #cat, .widget select {
	width: 100%;
	background: #F7F7F7;
	border: 1px solid #cdcfd4;
	color: #333333;
	display: inline;
	padding: 5px;
	line-height: 1.5;
	clear: both;
	float: left;
}

.ads {
	text-align: center;
	margin: 0 0 10px;
}

.widget_tag_cloud div {
	padding: 0 10px;
}

.widget_tag_cloud div a {
	font-family: Georgia;
	font-style: italic;
	font-weight: normal;
	padding-right: 5px;
}

/* Category Widget */

.widget_categories ul li {
	color: #8B8A8A;
	text-align: right;
	font-weight: normal;
	padding: 2px 0;
	clear: both;
}

.widget_categories ul li li {
	padding-left: 10px;
}

.widget_categories ul li a {
	text-align: left;
	float: left;
	font-weight: bold;
}

/* Recent Comments */

.recent-comments-list .avatar {
	margin-right: 8px;
	float: left;
}

.recent-comments-list li {
	padding: 6px 0 10px;
	margin: 0 0 5px;
	border-bottom: 1px dotted #ccc;
	line-height: 1.4;
	font-size: 11px;
}

.recent-comments-list li a {
	font-size: 12px;
}

#footer .recent-comments-list li {
	border-bottom: 1px dotted #2e2e2e;
}

/* Recent Posts  */

.widget .feature-posts-list br {
	display: none;
}

.widget .feature-posts-list img {
	margin: 4px 8px 5px 0;
	float: left;
}

.widget .feature-posts-list small {
	font-size: 9px;
	color: #A9A9A9;
	margin: 2px 0 4px;
	display: block;
}

.widget .feature-posts-list .post-excerpt {
	display: block;
}

.widget .feature-posts-list li {
	padding: 0 0 6px;
	margin: 0 0 5px;
	line-height: 1.4;
	border-bottom: 1px dotted #ccc;
}

.widget .feature-posts-list li a {
	font-weight: bold;
}

#footer .feature-posts-list li {
	border-bottom: 1px dotted #2e2e2e;
}

/* Flickr widget */

.widget .flickr_badge_image {
	margin: 0 3px 12px;
	float: left;
}

.widget .flickr_badge_image img {
	width: 64px;
	height: 64px;
}

.widget .flickr_badge_image img:hover {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
	filter: alpha(opacity=60);
	opacity: 0.6;
	transition: opacity .25s ease-in-out;
	-moz-transition: opacity .25s ease-in-out;
	-webkit-transition: opacity .25s ease-in-out;
}

#footer .widget .flickr_badge_image {
	margin: 0 5px 12px 0;
	float: left;
}

/* Social Widget */

.widget .social li {
	display: block;
	float: left;
	line-height: 1.2;
	padding-top: 8px;
	padding-bottom: 8px;
	padding-left: 0;
}

.widget .social li a {
	font-size: 14px;
	font-weight: bold;
}

.widget .social li a span {
	color: #858585;
	font-size: 11px;
	display: block;
	font-weight: normal;
}

.widget .social li a:hover {
	text-decoration: none;
}

.widget .social li a:hover span {
	color: #333;
}

.widget .social img {
	float: left;
	margin-right: 7px;
}

#footer .widget .social li a:hover span {
	color: #fff;
}

/* Twitter widget */

.widget .twitter-list li {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	padding: 0 0 7px;
	margin: 0 0 7px;
}

.widget .twitter-list li a {
	font-weight: normal;
}

.widget .twitter-list .twitter-timestamp {
	display: block;
	color: #727272;
	font-family: Arial, sans-serif;
	font-size: 10px;
	font-style: normal;
	text-align: right;
}

.widget .follow-user {
	margin: 0;
	padding: 5px 0;
}

/* Popular Posts Widget */

.popular-news .comments {
	font-style: italic;
	font-size: 10px;
	color: #A9A9A9;
}

.popular-news li {
	border-bottom: 1px dotted #ccc;
	padding: 0 0 5px;
	margin: 0 0 3px;
	list-style-type: none;
}

#footer .popular-news li {
	border-bottom: 1px dotted #2e2e2e;
}

/* Calendar Widget */

#wp-calendar #prev a, #wp-calendar #next a {
	font-size: 9pt;
}

#wp-calendar a {
	text-decoration: none;
}

#wp-calendar caption {
	font-weight: bold;
	text-align: center;
}

#wp-calendar th {
	font-style: normal;
	font-weight: normal;
	text-transform: capitalize;
}

#wp-calendar {
	empty-cells: hide;
	width: 200px;
}

#wp-calendar #next a {
	padding-right: 10px;
	text-align: right;
}

#wp-calendar #prev a {
	padding-left: 10px;
	text-align: left;
}

#wp-calendar a {
	display: block;
	background-color: #D3CFBE;
}

#wp-calendar #today {
	background-color: #BDC6D5;
}

#wp-calendar caption {
	text-align: center;
	width: 100%;
}

#wp-calendar td {
	text-align: center;
	background-color: #EAE8DF;
}

#wp-calendar .pad {
	background-color: #F5F4F1;
}

/*********************************************************************************************

10. Forms  -------------------------   searchform.php

*********************************************************************************************/

#search {
	color: #FFFFFF;
	float: right;
	font-size: 10px;
	height: 28px;
	padding: 5px 10px 0 0;
	width: 145px;
}

#searchform {
	background: url(images/search.png) no-repeat;
	height: 29px;
}

#searchform label,#searchform .submit {
	display: none;
}

#se {
	background: none;
	border: 0;
	height: 15px;
	width: 110px;
	margin: 1px 16px 0 0;
	padding: 3px 15px 0 5px;
	color: #656668;
	font-size: 11px;
}

#searchform input:focus {
	border: 0;
}

input, textarea, text {
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	border: solid 1px #ddd;
	border-top-color: #ccc;
	background: #fff url('images/bg-form.png') repeat-x left 1px;
	padding: 6px;
}

textarea {
	height: 150px;
}

/*********************************************************************************************

11. Footer  -------------------------  footer.php

*********************************************************************************************/

#footer {
	background: #1D1C1C url(images/bgf.jpg) repeat-x;
	border-top: 1px solid #fff;
	padding-top: 3px;
	clear: both;
}

.footer-wrap {
	width: 980px;
	margin: 0 auto;
}

#fside {
	float: left;
	width: 100%;
	padding: 0 0 20px;
	clear: both;
}

#footer div.column {
	float: left;
	display: inline;
	margin-right: 30px;
	width: 222px;
}

#footer div.last {
	margin-right: 0;
}

#footer .widget {
	width: 222px;
	color: #C4C4C4;
	line-height: 19px;
	font-size: 11px;
	padding: 5px 0 0 0;
}

#footer .widget a {
	color: #c4c4c4;
}

#footer .widget h3.title {
	background: none;
	height: 22px;
	font-family: Georgia;
	text-transform: uppercase;
	font-size: 15px;
	color: #aeaeae;
	font-weight: 400;
	margin-bottom: 10px;
	border-bottom: 1px solid #595959;
	padding: 7px 5px 0 0;
}

#copyright {
	background: #3c3c3c;
	color: #C4C4C4;
	line-height: 19px;
	font-size: 11px;
	border-top: 1px solid #525252;
	text-align: center;
	padding: 20px 45px 30px 20px;
}

#copyright a {
	color: #c4c4c4;
	font-weight: bold;
}

#copyright span img {
	vertical-align: middle;
	padding: 2px 0 5px 2px;
}

#copyright span a {
	text-indent: -2999px;
	font-size: 1px;
	border: none;
}


/* NOTORIETE*/
div#not1 {
	display: block;
	
	float: left;
	margin-right: 50px;
	width: 300px;
	height: 200px;
}


/* Champ personnalisé */
h2.soustitre {
	font-size: 20px;
}
div.introduction {
	color: #424242;
	font-weight: bold;
	font-style: italic;
}


/* Champ EVENT */

#em-wrapper p {
	display: none;
}

select.em-events-search-town {
	margin: 10px 53px 10px 195px;
}



div.event img {
	float: left;
	margin-top: 10px;
	margin-right: 10px;
	margin: 5px;
}


div.des {
	width: 342px;
	padding-top: 12px;
	padding-bottom: 5px;
	height: 55px;
}


/*********************************************************************************************

11. Agenda  ------------------------- 

*********************************************************************************************/
div.menu-agenda {
	height: 153px;
}

div.menu-agenda li {

	display: inline-block;
	list-style: none;
	color: #005fff;
	margin-top: 8px;
}


li.py a{
    position: relative;
   -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    -webkit-box-shadow: 0px 9px 0px rgba(16,205,225,1), 0px 9px 15px rgba(0,0,0,0.3);
    -moz-box-shadow: 0px 9px 0px rgba(16,205,225,1), 0px 9px 15px rgba(0,0,0,0.3);
    box-shadow: 0px 9px 0px rgba(16,205,225,1), 0px 9px 15px rgba(0,0,0,0.3);
    	
	-webkit-transition: all .1s ease;
	-moz-transition: all .1s ease;
	-ms-transition: all .1s ease;
	-o-transition: all .1s ease;
	transition: all .1s ease;
	
	text-indent: -2000px;
	display: block;
	background: url(images/cinema/pyreneesinfo-pau.png);
	margin-left: 17px;
	margin-right: 30px;
	width: 150px;
	height: 70px;
	
	
}

li.py a:hover {
    -webkit-box-shadow: 0px 5px 0px rgba(34,142,164,1), 0px 3px 6px rgba(0,0,0,.5);
    -moz-box-shadow:  0px 5px 0px rgba(34,142,164,1), 0px 3px 6px rgba(0,0,0,.5);
    box-shadow:  0px 5px 0px rgba(34,142,164,1), 0px 3px 6px rgba(0,0,0,.5);
    position: relative;
    top: 6px;
}


li.pylourdes a{
  position: relative;
   -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    -webkit-box-shadow: 0px 9px 0px rgba(16,205,225,1), 0px 9px 15px rgba(0,0,0,0.3);
    -moz-box-shadow: 0px 9px 0px rgba(16,205,225,1), 0px 9px 15px rgba(0,0,0,0.3);
    box-shadow: 0px 9px 0px rgba(16,205,225,1), 0px 9px 15px rgba(0,0,0,0.3);
    	
	-webkit-transition: all .1s ease;
	-moz-transition: all .1s ease;
	-ms-transition: all .1s ease;
	-o-transition: all .1s ease;
	transition: all .1s ease;

text-indent: -2000px;
	display: block;
	background: url(images/cinema/lourdes.jpg);
	margin-left: 30px;
	margin-right: 30px;
	width: 150px;
	height: 70px;
}

li.pylourdes a:hover {
    -webkit-box-shadow: 0px 5px 0px rgba(34,142,164,1), 0px 3px 6px rgba(0,0,0,.5);
    -moz-box-shadow:  0px 5px 0px rgba(34,142,164,1), 0px 3px 6px rgba(0,0,0,.5);
    box-shadow:  0px 5px 0px rgba(34,142,164,1), 0px 3px 6px rgba(0,0,0,.5);
    position: relative;
    top: 6px;
}


li.pytarbes a{
  position: relative;
   -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    -webkit-box-shadow: 0px 9px 0px rgba(16,205,225,1), 0px 9px 15px rgba(0,0,0,0.3);
    -moz-box-shadow: 0px 9px 0px rgba(16,205,225,1), 0px 9px 15px rgba(0,0,0,0.3);
    box-shadow: 0px 9px 0px rgba(16,205,225,1), 0px 9px 15px rgba(0,0,0,0.3);
    	
	-webkit-transition: all .1s ease;
	-moz-transition: all .1s ease;
	-ms-transition: all .1s ease;
	-o-transition: all .1s ease;
	transition: all .1s ease;
text-indent: -2000px;
	display: block;
	background: url(images/cinema/tarbes.jpg);
	margin-left: 30px;
	margin-right: 30px;
	width: 150px;
	height: 70px;
}

li.pytarbes a:hover {
    -webkit-box-shadow: 0px 5px 0px rgba(34,142,164,1), 0px 3px 6px rgba(0,0,0,.5);
    -moz-box-shadow:  0px 5px 0px rgba(34,142,164,1), 0px 3px 6px rgba(0,0,0,.5);
    box-shadow:  0px 5px 0px rgba(34,142,164,1), 0px 3px 6px rgba(0,0,0,.5);
    position: relative;
    top: 6px;
}


div.menu-cinema li{
	display: inline-block;
}



li.cgr a {
	  position: relative;
   -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    -webkit-box-shadow: 0px 9px 0px rgba(16,205,225,1), 0px 9px 15px rgba(0,0,0,0.3);
    -moz-box-shadow: 0px 9px 0px rgba(16,205,225,1), 0px 9px 15px rgba(0,0,0,0.3);
    box-shadow: 0px 9px 0px rgba(16,205,225,1), 0px 9px 15px rgba(0,0,0,0.3);
    	
	-webkit-transition: all .1s ease;
	-moz-transition: all .1s ease;
	-ms-transition: all .1s ease;
	-o-transition: all .1s ease;
	transition: all .1s ease;
	
text-indent: -2000px;
	display: block;
	background: url(images/cinema/cgr.jpg);
	margin-left: 30px;
	margin-right: 30px;
	width: 110px;
	height: 120px;

}

li.cgr a:hover {
    -webkit-box-shadow: 0px 5px 0px rgba(34,142,164,1), 0px 3px 6px rgba(0,0,0,.5);
    -moz-box-shadow:  0px 5px 0px rgba(34,142,164,1), 0px 3px 6px rgba(0,0,0,.5);
    box-shadow:  0px 5px 0px rgba(34,142,164,1), 0px 3px 6px rgba(0,0,0,.5);
    position: relative;
    top: 6px;
}

li.parvis a {
  position: relative;
   -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    -webkit-box-shadow: 0px 9px 0px rgba(16,205,225,1), 0px 9px 15px rgba(0,0,0,0.3);
    -moz-box-shadow: 0px 9px 0px rgba(16,205,225,1), 0px 9px 15px rgba(0,0,0,0.3);
    box-shadow: 0px 9px 0px rgba(16,205,225,1), 0px 9px 15px rgba(0,0,0,0.3);
    	
	-webkit-transition: all .1s ease;
	-moz-transition: all .1s ease;
	-ms-transition: all .1s ease;
	-o-transition: all .1s ease;
	transition: all .1s ease;
	
text-indent: -2000px;
	display: block;
	background: url(images/cinema/parvis.png);
	margin-left: 30px;
	margin-right: 30px;
	width: 110px;
	height: 120px;

}

div.menu-cinema {
	margin-bottom: 30px;
}

div.menu-cinema ul {
	text-align: center;
	padding-left: 0;
}

li.parvis a:hover {
    -webkit-box-shadow: 0px 5px 0px rgba(34,142,164,1), 0px 3px 6px rgba(0,0,0,.5);
    -moz-box-shadow:  0px 5px 0px rgba(34,142,164,1), 0px 3px 6px rgba(0,0,0,.5);
    box-shadow:  0px 5px 0px rgba(34,142,164,1), 0px 3px 6px rgba(0,0,0,.5);
    position: relative;
    top: 6px;
}

li.cgrpau a {
  position: relative;
   -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    -webkit-box-shadow: 0px 9px 0px rgba(16,205,225,1), 0px 9px 15px rgba(0,0,0,0.3);
    -moz-box-shadow: 0px 9px 0px rgba(16,205,225,1), 0px 9px 15px rgba(0,0,0,0.3);
    box-shadow: 0px 9px 0px rgba(16,205,225,1), 0px 9px 15px rgba(0,0,0,0.3);
    	
	-webkit-transition: all .1s ease;
	-moz-transition: all .1s ease;
	-ms-transition: all .1s ease;
	-o-transition: all .1s ease;
	transition: all .1s ease;
	
text-indent: -2000px;
	display: block;
	background: url(images/cinema/cgr-pau.png);
	margin-left: 30px;
	margin-right: 30px;
	width: 110px;
	height: 120px;

}

li.cgrpau a:hover {
    -webkit-box-shadow: 0px 5px 0px rgba(34,142,164,1), 0px 3px 6px rgba(0,0,0,.5);
    -moz-box-shadow:  0px 5px 0px rgba(34,142,164,1), 0px 3px 6px rgba(0,0,0,.5);
    box-shadow:  0px 5px 0px rgba(34,142,164,1), 0px 3px 6px rgba(0,0,0,.5);
    position: relative;
    top: 6px;
}






/*********************************************************************************************

11. Webtv  ------------------------- 

*********************************************************************************************/

div.tv {
	width: 300px;
	height: 188px;
	float: left;
	margin-left: 15px;
}

div.daily {

	padding-left: 46px;
}

div.tv2 h3{
	text-align: center;
	padding-top: 10px;
	display: block;
	position: relative;
	font-size: 15px;
}

div.bg {
	height: 56px;
}

/*********************************************************************************************

11. tv accueil  ------------------------- 

*********************************************************************************************/

div.logotv {
	background: url(images/bg_video.jpg);
	float: left;
	padding-top: 5px;
	padding-left: 5px;
	padding-right: 5px;
	
	height: 295px;
	width: 235px;
	text-align: center;
}


/*********************************************************************************************

12. Newsletter  ------------------------- 

*********************************************************************************************/

div#wysija-2.widget.widget_wysija {
	height: 243px;
}

#form-wysija-2 {
	width: 150px;
}

div.widget_wysija_cont {
	background: url(images/bg-news.png) 0 -15px;
	height: 200px;
	padding-left: 144px;
}

p.wysija-text {
	font-weight: bold;
	text-align: center;
	padding-top: 8px;
}

#form-wysija-2 p.wysija-paragraph label {
	padding-left: 13px;
	font-weight: bold;
	padding-top: 16px;
}

input.wysija-input{
	margin-left: 10px;
	width: 126px;
}

input.wysija-submit.wysija-submit-field {
	margin: 15px 0 0 14px;
	padding: 5px;
	width: 130px;
	height: 52px;
	background: url(images/bg-go.png);
	color: #fff;
	font: bold 14px "Helvetica Neue";
	border-radius: 20px 0px 20px 0px;
	box-shadow: 1px 2px 5px #777;
	
}

/*********************************************************************************************

13. slide pub  ------------------------- 

*********************************************************************************************/
figure { 
	
}

#slideshow {
	width: 650px;
	height: 150px;
	}

/* avanced box-shadow : http://www.creativejuiz.fr/blog/les-tutoriels/ombre-avancees-avec-css3-et-box-shadow */
#slideshow .container {
	position:relative;
	width: 650px;
	height: 150px;
	overflow: hidden;
}

	/* timeline base 4 pub*/
@-webkit-keyframes slider {
	0%, 20%	,100%{ left: 0; }
	40%, 60%		{  left: -100%; }
	70%, 90%		{  left: -200%; }

}

	/* timeline base 4 pub*/
@keyframes slider {
	0%, 20%	,100%{ left: 0; }
	40%, 60%		{  left: -100%; }
	70%, 90%		{  left: -200%; }
	

}
/*@-moz-keyframes slider {
	0%, 20%, 100%	{ left: 0 }
	25%, 45%		{ left: -100% }

}
@keyframes slider {
	0%, 20%, 100%	{ left: 0 }
	25%, 45%		{ left: -100% }

}*/

#slideshow .slider {
	position:absolute;
	width: 300%;
	height: 150px;
	-webkit-animation: slider 15s infinite;
	-moz-animation: slider 15s infinite;
	animation: slider 15s infinite;
}

#slideshow figure {

	padding:0; margin:0;
}

/*********************************************************************************************

14. slide pub sidebar  ------------------------- 

*********************************************************************************************/
figure { 

	display: inline-block; 
}

#slideshow_sidebar {
	width: 300px;
	height: 200px;
	margin-bottom: 5px;
}

#slideshow_sidebar img {
	position: relative;
	z-index: 2;
	float: left;	
}

/* avanced box-shadow : http://www.creativejuiz.fr/blog/les-tutoriels/ombre-avancees-avec-css3-et-box-shadow */
#slideshow_sidebar .container_sidebar {
    position: relative;
	width: 300px;
	height: 200px;
	overflow: hidden;
	z-index: 1;
}
/* timeline base */
@-webkit-keyframes slider_sidebar {
	0%, 25%,100% 	{ left: 0; }
	50%,75%	{ left: -100%; }

}

@keyframes slider_sidebar {
	0%, 25%, 100% 	{ left: 0; }
	50%,75%	{ left: -100%; }

}

#slideshow_sidebar .slider_sidebar {
	
	position: absolute;
	width: 200%;
	height: 200px;
	-webkit-animation: slider_sidebar 10s infinite;
	-moz-animation: slider_sidebar 10s infinite;
	animation: slider_sidebar 10s infinite;

}

#slideshow_sidebar figure {

	padding:0; margin:0;
}