/*

Theme Name: TopKool V2

Theme URI: http://http://www.topkool.com/fr/themes/topcool

Author: Mestrallet/Le Touche

Author URI: http://wordpress.org/

Description: The 2011 theme for WordPress is sophisticated, lightweight, and adaptable. Make it yours with a custom menu, header image, and background -- then go further with available theme options for light or dark color scheme, custom link colors, and three layout choices. Twenty Eleven comes equipped with a Showcase page template that transforms your front page into a showcase to show off your best content, widget support galore (sidebar, three footer areas, and a Showcase page widget area), and a custom "Ephemera" widget to display your Aside, Link, Quote, or Status posts. Included are styles for print and for the admin editor, support for featured images (as custom header images on posts and pages and as large images on featured "sticky" posts), and special styles for six different post formats.

Version: 1.3

License: GNU General Public License

License URI: license.txt

Tags: dark, light, white, black, gray, one-column, two-columns, left-sidebar, right-sidebar, fixed-width, flexible-width, custom-background, custom-colors, custom-header, custom-menu, editor-style, featured-image-header, featured-images, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready

*/



/* =Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html

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



html, body, div, span, applet, object, iframe,

h1, h2, h3, h4, h5, h6, p, blockquote, pre,

a, abbr, acronym, address, big, cite, code,

del, dfn, em, font, ins, kbd, q, s, samp,

small, strike, strong, sub, sup, tt, var,

dl, dt, dd, ol, ul, li,

fieldset, form, label, legend,

table, caption, tbody, tfoot, thead, tr, th, td {

	border: 0;

	margin: 0;

	outline: 0;

	padding: 0;

	vertical-align: baseline;

}

:focus {/* remember to define focus styles! */

	outline: 0;

}

.clear{
	clear:both;
	height: 0;
	margin: 0;
	padding: 0;
	border: none;
}

ol, ul {

	list-style: none;

}

table {/* tables still need 'cellspacing="0"' in the markup */

	border-collapse: separate;

	border-spacing: 0;

}

caption, th, td {

	font-weight: normal;

	text-align: left;

}

blockquote:before, blockquote:after,

q:before, q:after {

	content: "";

}

blockquote, q {

	quotes: "" "";

}

a img {

	border: 0;

}

article, aside, details, figcaption, figure,

footer, header, hgroup, menu, nav, section {

	display: block;

}
@font-face {
  font-family: 'FontAwesome';
  src: url('./awesome/fontawesome-webfont.eot?v=4.5.0');
  src: url('./awesome/fontawesome-webfont.eot?#iefix&v=4.5.0') format('embedded-opentype'), url('./awesome/fontawesome-webfont.woff2?v=4.5.0') format('woff2'), url('./awesome/fontawesome-webfont.woff?v=4.5.0') format('woff'), url('./awesome/fontawesome-webfont.ttf?v=4.5.0') format('truetype'), url('../fonts/fontawesome-webfont.svg?v=4.5.0#fontawesomeregular') format('svg');
  font-weight: normal;
  font-style: normal;
}




/* =Structure

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

html {

    font-size: 87.5%;

}

body {
	background:url(images/fond-body.jpg) #000 repeat-x;
	color: #000;
	font: 1.2em Arial, Helvetica, sans-serif;
	font-size: 1.2rem;
	}
#page {
	width: 100%;
	max-width: 1400px;
	margin:0 auto;
	position: relative;
	padding: 0;
	background: #ffffff;
	
	box-shadow: -20px 0px 20px rgba(0,0,0,0.3), 20px 0 20px rgba(0,0,0,0.3);
}
#page:before {
	content: "";
	width: 20%;;
	height: 100%;
	right: 0;
	top: 0;
	background-color: #687880;
	position: absolute;
}
#branding {
	width: 100%;
	max-width: 1400px;
	margin:0 auto;
	position:relative;
}
#primary {
	float: left;
	width:80%;
	height: 100%;
	margin: 0;
	padding: 0;
}
#secondary {
	float: right;
	width:20%;
	margin: 0;
	padding: 0;
	position: relative;
	z-index: 500;
}
/* Singular */
.singular #primary {
	margin: 0 0 0px;
}
.searchmarge#content {
	padding:20px;
	}



/* Attachments */

.singular .image-attachment .entry-content {

	margin: 0 auto;

	width: auto;

}

.singular .image-attachment .entry-description {

	margin: 0 auto;

	width: 68.9%;

}



/* Showcase */

.page-template-showcase-php #primary,

.left-sidebar.page-template-showcase-php #primary {

	margin: 0;

}

.page-template-showcase-php #content,

.left-sidebar.page-template-showcase-php #content {

	margin: 0 7.6%;

	width: auto;

}

.page-template-showcase-php section.recent-posts {

	float: right;

	margin: 0 0 0 31%;

	width: 69%;

}

.page-template-showcase-php #main .widget-area {

	float: left;

	margin: 0 -22.15% 0 0;

	width: 22.15%;

}



/* error404 */

.error404 #primary {

	margin: 0;

}

.error404 #primary #content .entry-title {
    margin-top: 15px;
}
#content .marge{
    padding: 10px 15px;
}


/* Alignment */

.alignleft {

	display: inline;

	float: left;

	margin-right: 1.625em;

}

.alignright {

	display: inline;

	float: right;

	margin-left: 1.625em;

}

.aligncenter {

	clear: both;

	display: block;

	margin-left: auto;

	margin-right: auto;

}



/* Right Content */

.left-sidebar #primary {

	float: right;

	margin: 0 0 0 -26.4%;

	width: 100%;

}

.left-sidebar #content {

	margin: 0 7.6% 0 34%;

	width: 58.4%;

}

.left-sidebar #secondary {

	float: left;

	margin-left: 7.6%;

	margin-right: 0;

	width: 18.8%;

}



/* One column */

.one-column #page {

	max-width: 690px;

}

.one-column #content {

	margin: 0 7.6%;

	width: auto;

}

.one-column #nav-below {

	border-bottom: 1px solid #ddd;

	margin-bottom: 1.625em;

}

.one-column #secondary {

	float: none;

	margin: 0 7.6%;

	width: auto;

}

/* Simplify the showcase template */

.one-column .page-template-showcase-php section.recent-posts {

	float: none;

	margin: 0;

	width: 100%;

}

.one-column .page-template-showcase-php #main .widget-area {

	float: none;

	margin: 0;

	width: auto;

}

.one-column .page-template-showcase-php .other-recent-posts {

	border-bottom: 1px solid #ddd;

}

/* Simplify the showcase template when small feature */

.one-column section.featured-post .attachment-small-feature {

	border: none;

	display: block;

	height: auto;

	max-width: 60%;

	position: static;

}

.one-column article.feature-image.small {

	margin: 0 0 1.625em;

	padding: 0;

}

.one-column article.feature-image.small .entry-title {

	font-size: 20px;

	line-height: 1.3em;

}

.one-column article.feature-image.small .entry-summary {

	height: 150px;

	overflow: hidden;

	padding: 0;

	text-overflow: ellipsis;

}

.one-column article.feature-image.small .entry-summary a {

	left: -9%;

}

.entry-content{

	margin:0 20px;

}

/* Remove the margin on singular articles */

.one-column.singular .entry-header,

.one-column.singular .entry-content,

.one-column.singular footer.entry-meta,

.one-column.singular #comments-title {

	width: 100%;

}

/* Simplify the pullquotes and pull styles */

.one-column.singular blockquote.pull {

	margin: 0 0 1.625em;

}

.one-column.singular .pull.alignleft {

	margin: 0 1.625em 0 0;

}

.one-column.singular .pull.alignright {

	margin: 0 0 0 1.625em;

}

.one-column.singular .entry-meta .edit-link a {

	position: absolute;

	left: 0;

	top: 40px;

}

.one-column.singular #author-info {

	margin: 2.2em -8.8% 0;

	padding: 20px 8.8%;

}

/* Make sure we have room for our comment avatars */

.one-column .commentlist > li.comment {

	margin-left: 102px;

	width: auto;

}

/* Make sure the logo and search form don't collide */

.one-column #branding #searchform {

	right: 40px;

	top: 4em;

}

/* Talking avatars take up too much room at this size */

.one-column .commentlist > li.comment {

	margin-left: 0;

}

.one-column .commentlist > li.comment .comment-meta,

.one-column .commentlist > li.comment .comment-content {

	margin-right: 85px;

}

.one-column .commentlist .avatar {

	background: transparent;

	display: block;

	padding: 0;

	top: 1.625em;

	left: auto;

	right: 1.625em;

}

.one-column .commentlist .children .avatar {

	background: none;

	padding: 0;

	position: absolute;

	top: 2.2em;

	left: 2.2em;

}

.one-column #respond {

	width: auto;

}





/* =Global

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





/* Headings */

h1,h2,h3,h4,h5,h6 {

	clear: both;

}
.typo, #menu-menu-principal a, .entry-header h1{
    font-family: 'Muli', sans-serif;
	font-weight: normal;
}
hr {

	background-color: #ccc;

	border: 0;

	height: 1px;

	margin-bottom: 1.625em;

}



/* Text elements */

p {

	margin-bottom: 1.625em;

}

ul, ol {

	margin: 0 0 1.625em 2.5em;

}

ul {

	list-style: square;

}

ol {

	list-style-type: decimal;

}

ol ol {

	list-style: upper-alpha;

}

ol ol ol {

	list-style: lower-roman;

}

ol ol ol ol {

	list-style: lower-alpha;

}

ul ul, ol ol, ul ol, ol ul {

	margin-bottom: 0;

}

dl {

	margin: 0 1.625em;

}

dt {

	font-weight: bold;

}

dd {

	margin-bottom: 1.625em;

}

strong {

	font-weight: bold;

}

cite, em, i {

	font-style: italic;

}

blockquote {

	font-family: Georgia, "Bitstream Charter", serif;

	font-style: italic;

	font-weight: normal;

	margin: 0 3em;

}

blockquote em, blockquote i, blockquote cite {

	font-style: normal;

}

blockquote cite {

	color: #666;

	font: 12px "Helvetica Neue", Helvetica, Arial, sans-serif;

	font-weight: 300;

	letter-spacing: 0.05em;

	text-transform: uppercase;

}

pre {

	background: #f4f4f4;

	font: 13px "Courier 10 Pitch", Courier, monospace;

	line-height: 1.5;

	margin-bottom: 1.625em;

	overflow: auto;

	padding: 0.75em 1.625em;

}

code, kbd {

	font: 13px Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;

}

abbr, acronym, dfn {

	border-bottom: 1px dotted #666;

	cursor: help;

}

address {

	display: block;

	margin: 0 0 1.625em;

}

ins {

	background: #fff9c0;

	text-decoration: none;

}

sup,

sub {

	font-size: 10px;

	height: 0;

	line-height: 1;

	position: relative;

	vertical-align: baseline;

}

sup {

	bottom: 1ex;

}

sub {

	top: .5ex;

}



/* Forms */

input[type=text],

input[type=password],

textarea {
	background: #fafafa;
	box-shadow: inset 0 1px 1px rgba(0,0,0,0.1);
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.1);
	box-shadow: inset 0 1px 1px rgba(0,0,0,0.1);
	border: 1px solid #ddd;
	color: #888;
}

input[type=text]:focus,

textarea:focus {

	color: #373737;

}

textarea {

	padding-left: 3px;

	width: 98%;

}

input[type=text] {

	padding: 3px;

}

input#s {

	background: url(images/search.png) no-repeat 5px 1px #fff;

	-moz-border-radius: 2px;

	border-radius: 2px;

	font-size: 12px;

	height: 18px;

	line-height: 1.2em;

	padding: 1px 10px 1px 28px;

	border-radius:10px

}

input#searchsubmit {

	display: none;

}



/* Links */

a {

	color: #1982d1;

	text-decoration: none;

}

a:focus,

a:active,

a:hover {

	text-decoration: underline;

}



/* Assistive text */

.assistive-text {

	position: absolute !important;

	clip: rect(1px 1px 1px 1px); /* IE6, IE7 */

	clip: rect(1px, 1px, 1px, 1px);

}

#access a.assistive-text:active,

#access a.assistive-text:focus {

	background: #eee;

	border-bottom: 1px solid #ddd;

	color: #1982d1;

	clip: auto !important;

	font-size: 12px;

	position: absolute;

	text-decoration: underline;

	top: 0;

	left: 7.6%;

}





/* =Header

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

#site-title {

	margin-left: 35px;

	}

#site-title a {

	background:url(images/logo.png) no-repeat;

	width:340px;

	height:82px;

	display:block;

	outline:none;

	text-indent:-5000px;

	}

#site-title a:hover,

#site-title a:focus,

#site-title a:active {

	color: #1982d1;

}

#site-description {

	background:url(images/description.png) no-repeat;

	text-indent:-5000px;

	width:340px;

	margin-left: 35px;

	

}

#branding img {

	height: auto;

	margin-bottom: -7px;

	width: 100%;

}
.mobile{
	display: none;
}
.screen-reader-text {
    clip: rect(1px, 1px, 1px, 1px);
    position: absolute !important;
	    right: 0;
}
.sectionDeRecherche{
	position: absolute;
	right: 10px;
	top: 70px;
}
.sectionDeRecherche form{
overflow: hidden;
}
.sectionDeRecherche label{
	overflow: hidden;
}
.sectionDeRecherche .search-field {
    background: none;
    background-image: url(images/search.png);
    background-repeat: no-repeat;
    border: none;
    cursor: pointer;
    height: 34px;
    margin: 0;
    padding: 0 0 0 34px;
    position: relative;
    -webkit-transition: width 400ms ease, background 400ms ease;
    -ms-transition: width 400ms ease, background 400ms ease;
    -o-transition: width 400ms ease, background 400ms ease;
    -moz-transition: width 400ms ease, background 400ms ease;
    transition: width 400ms ease, background 400ms ease;
    width: 0;
}
.sectionDeRecherche .search-field:hover{
	background-position:0px -50px;
}
.sectionDeRecherche .search-field:focus {
	background-position:4px -98px;
	background-color: #fff;
	border-radius:5px;
	border: 1px solid #005875;
	cursor: text;
	outline: 0;
	width: 250px;
}
.sectionDeRecherche .search-submit {
    display: none;
}
/* =Menu

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



#access {
	background-image:url(images/fond-menu.jpg);
	margin:5px 0 0; 
	width:100%;
	height:43px;
	position:relative;
	box-shadow: -20px 0px 20px rgba(0,0,0,0.3), 20px 0 20px rgba(0,0,0,0.3);
	}

#access .menu-menu-principal-container {

	position:absolute;

	z-index:100;

	top:-10px;

}

#access ul{

	list-style:none;

}

#access li {
	float: left;
	position: relative;
	height:80px;
}

#access .current-menu-item{
	background:url(images/curseur.png) no-repeat center top;
}
#access  .seriesTv.current-menu-item{
	background-image:url(images/curseur-serie.png);
}

#access  .dessinAnim.current-menu-item{
	background-image:url(images/curseur-anime.png);
}

#access  .bandessinees.current-menu-item{
	background-image:url(images/curseur-bd.png);
}

#access  .music.current-menu-item{
	background-image:url(images/curseur-musique.png);
}

#access a {

	color: #fff;

	font-size:18px;

	display: block;

	padding:23px 20px;

	text-decoration: none;

}

#access ul ul {

	-moz-box-shadow: 0 3px 3px rgba(0,0,0,0.2);

	-webkit-box-shadow: 0 3px 3px rgba(0,0,0,0.2);

	box-shadow: 0 3px 3px rgba(0,0,0,0.2);

	display: none;

	float: left;

	margin: 0;

	position: absolute;

	top: 3.333em;

	left: 0;

	width: 188px;

	z-index: 99999;

}

#access ul ul ul {

	left: 100%;

	top: 0;

}

#access ul ul a {

	background: #f9f9f9;

	border-bottom: 1px dotted #ddd;

	color: #444;

	font-size: 13px;

	font-weight: normal;

	height: auto;

	line-height: 1.4em;

	padding: 10px 10px;

	width: 168px;

}



#access ul li:hover > ul {

	display: block;

}

#access .current-menu-item > a,

#access .current-menu-ancestor > a,

#access .current_page_item > a,

#access .current_page_ancestor > a {
	font-size:19px;

}

/* =Menu Haut

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

#MenuHaut{
	position:absolute;
	top:5px;
	right:0;
}

#MenuHaut #menu-menu-haut{
	float:left;
	margin:0;
}

#MenuHaut #menu-menu-haut li{
	margin-right:15px;
	float:left;
	list-style:none;
}

#MenuHaut #menu-menu-haut li a{

	background:url("images/bt-MenuHaut.png") no-repeat 5px 0 ;

	font-size:10px;

	color:#fff;

	padding-top:35px;

	display:block;

	width:45px;

	text-align:center;

}

#MenuHaut #menu-menu-haut li.MhMention a{
	background-position:-140px 0;
} 

#MenuHaut #menu-menu-haut li.MhSitemap a{
	background-position:-45px 0;
} 

#MenuHaut #menu-menu-haut li.MhRss a{
	background-position:-90px 0;
}
#menuMobile{
		display: none;
	}
	 

/* Search Form */

#branding #searchform {

	position: absolute;

	top: 10px;

	right: 35px;

	text-align: right;

}

#branding #searchform div {

	margin: 0;

}

#branding #s {

	float: right;

	-webkit-transition-duration: 400ms;

	-webkit-transition-property: width, background;

	-webkit-transition-timing-function: ease;

	-moz-transition-duration: 400ms;

	-moz-transition-property: width, background;

	-moz-transition-timing-function: ease;

	-o-transition-duration: 400ms;

	-o-transition-property: width, background;

	-o-transition-timing-function: ease;

	width: 72px;

}

#branding #s:focus {

	background-color: #f9f9f9;

	width: 196px;

}

#branding #searchsubmit {

	display: none;

}

#branding .only-search #searchform {

	top: 5px;

	z-index: 1;

}

#branding .only-search #s {

	background-color: #666;

	border-color: #000;

	color: #222;

}

#branding .only-search #s,

#branding .only-search #s:focus {

	width: 85%;

}

#branding .only-search #s:focus {

	background-color: #bbb;

}

#branding .with-image #searchform {

	top: auto;

	bottom: -27px;

	max-width: 195px;

}

#branding .only-search + #access div {

	padding-right: 205px;

}





/* =Content

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

#Liens-sites{

	margin:0;

	width:640px;

}
#breadcrumbs{
	display: block;
    padding: 0 5px 5px 10px;
	margin: 0;
	font-size: 0.857em;
		font-size: 0.857rem;
}

#main {
	min-height: 350px;
}

.page-title {

	color: #666;

	font-size: 10px;

	font-weight: 500;

	letter-spacing: 0.1em;

	line-height: 2.6em;

	margin: 0 0 2.6em;

	text-transform: uppercase;

}

.page-title a {

	font-size: 12px;

	font-weight: bold;

	letter-spacing: 0;

	text-transform: none;

}

.hentry,

.no-results {



	position: relative;

}

.hentry:last-child,

.no-results {

	border-bottom: none;

}

.blog .sticky .entry-header .entry-meta {

	clip: rect(1px 1px 1px 1px); /* IE6, IE7 */

	clip: rect(1px, 1px, 1px, 1px);

	position: absolute !important;

}

.entry-title,

.entry-header .entry-meta {

	padding-right: 76px;

}

.error404 .entry-title,

.error404 .entry-header .entry-meta {

	padding-right: 0px;

}

.entry-title {

	clear: both;

	color: #222;

	font-size: 26px;

	font-weight: bold;

	line-height: 1.5em;

	padding-bottom: .3em;

	padding-top: 15px;

}



.entry-title a {

	color: #222;

	text-decoration: none;

}
.search-results .entry-title{
    font-size: 1.4em;
}
.entry-title a:hover,

.entry-title a:focus,

.entry-title a:active {

	color: #1982d1;

}

.entry-meta {
	color: #666;
	clear: both;
	font-size: 12px;
	line-height: 18px;
	margin: 10px 20px 0;

}

.entry-meta a {

	font-weight: bold;

}

.single-author .entry-meta .by-author {
	display: none;
}
.entry-content h1,

.entry-content h2,

.comment-content h1,

.comment-content h2 {

	color: #000;

	font-weight: bold;

	margin: 0 0 .8125em;

}

.entry-content h3,

.comment-content h3 {

	font-size: 10px;

	letter-spacing: 0.1em;

	line-height: 2.6em;

	text-transform: uppercase;

}

.entry-content table,

.comment-content table {

	border-bottom: 1px solid #ddd;

	margin: 0 0 1.625em;

	width: 100%;

}

.entry-content th,

.comment-content th {

	color: #666;

	font-size: 10px;

	font-weight: 500;

	letter-spacing: 0.1em;

	line-height: 2.6em;

	text-transform: uppercase;

}

.entry-content td,

.comment-content td {

	border-top: 1px solid #ddd;

	padding: 6px 10px 6px 0;

}

.entry-content #s {

	width: 75%;

}

.comment-content ul,

.comment-content ol {

	margin-bottom: 1.625em;

}

.comment-content ul ul,

.comment-content ol ol,

.comment-content ul ol,

.comment-content ol ul {

	margin-bottom: 0;

}

dl.gallery-item {

	margin: 0;

}

.page-link {

	clear: both;

	display: block;

	margin: 0 0 1.625em;

}

.page-link a {

	background: #eee;

	color: #373737;

	margin: 0;

	padding: 2px 3px;

	text-decoration: none;

}

.page-link a:hover {

	background: #888;

	color: #fff;

	font-weight: bold;

}

.page-link span {

	margin-right: 6px;

}

.entry-meta .edit-link a,

.commentlist .edit-link a {

	background: #eee;

	-moz-border-radius: 3px;

	border-radius: 3px;

	color: #666;

	float: right;

	font-size: 12px;

	line-height: 1.5em;

	font-weight: 300;

	text-decoration: none;

	padding: 0 8px;

}

.entry-meta .edit-link a:hover,

.commentlist .edit-link a:hover {

	background: #888;

	color: #fff;

}

.entry-content .edit-link {

	clear: both;

	display: block;

}



/* Images */

.entry-content img,

.comment-content img,

.widget img {

	max-width: 97.5%; /* Fluid images for posts, comments, and widgets */

}

img[class*="align"],

img[class*="wp-image-"],

img[class*="attachment-"] {

	height: auto; /* Make sure images with WordPress-added height and width attributes are scaled correctly */

}

img.size-full,

img.size-large {

	max-width: 97.5%;

	width: auto; /* Prevent stretching of full-size and large-size images with height and width attributes in IE8 */

	height: auto; /* Make sure images with WordPress-added height and width attributes are scaled correctly */

}

.entry-content img.wp-smiley {

	border: none;

	margin-bottom: 0;

	margin-top: 0;

	padding: 0;

}

img.alignleft,

img.alignright,

img.aligncenter {

	margin-bottom: 1.625em;

}

p img,

.wp-caption {

	margin-top: 0.4em;

}

.wp-caption {

	background: #eee;

	margin-bottom: 1.625em;

	max-width: 96%;

	padding: 9px;

}

.wp-caption img {

	display: block;

	margin: 0 auto;

	max-width: 98%;

}

.wp-caption .wp-caption-text,

.gallery-caption {

	color: #666;

	font-family: Georgia, serif;

	font-size: 12px;

}

.wp-caption .wp-caption-text {

	margin-bottom: 0.6em;

	padding: 10px 0 5px 40px;

	position: relative;

}

.wp-caption .wp-caption-text:before {

	color: #666;

	content: '\2014';

	font-size: 14px;

	font-style: normal;

	font-weight: bold;

	margin-right: 5px;

	position: absolute;

	left: 10px;

	top: 7px;

}


#content .gallery a img {

	border: none;

}

#content #galleries .gallery.file-gallery{
	margin: 0!important;
	padding: 0!important;;
	list-style: none!important;;
         background: none!important;;
}
#content #galleries ul li{
	float: left;
	margin: 10px 1.5%;
	width: 30%;
	text-align: center;
}
#content #galleries ul li.clear{
	width: 0;
	float: none;
	margin:0;
	height: 0;
	padding: 0;
}
img#wpstats {

	display: block;

	margin: 0 auto 1.625em;

}

#content .gallery-columns-4 .gallery-item {

	width: 23%;

	padding-right: 2%;

}

#content .gallery-columns-4 .gallery-item img {

	width: 100%;

	height: auto;

}



/* Image borders */
#galleries{
	text-align: center;
}
#galleries .item{
	width: 150px;
	margin: 0 7px 5px;
	border: 1px solid #ddd;
	display: inline-block;
}
#galleries .item img{
	width: 100%;
	display: block;
}
#galleries .item:hover{
	border-color:#6BBD00;
	box-shadow: 0  0 8px rgba(0,0,0,0.5);
}
/* Make sure embeds and iframes fit their containers */

embed,

iframe,

object {

	max-width: 100%;

}

/*

Post Formats Headings

To hide the headings, display: none the ".entry-header .entry-format" selector,

and remove the padding rules below.

*/

.entry-header .entry-format {

	color: #666;

	font-size: 10px;

	font-weight: 500;

	letter-spacing: 0.1em;

	line-height: 2.6em;

	position: absolute;

	text-transform: uppercase;

	top: -5px;

}

.entry-header hgroup .entry-title {

	padding-top: 15px;

}

article.format-aside .entry-content,

article.format-link .entry-content,

article.format-status .entry-content {

	padding: 20px 0 0;

}

article.format-status .entry-content {

	min-height: 65px;

}

.recent-posts .entry-header .entry-format {

	display: none;

}

.recent-posts .entry-header hgroup .entry-title {

	padding-top: 0;

}



/* Singular content styles for Posts and Pages */

.singular .hentry {

	border-bottom: none;

	

	position: relative;

}
.singular .entry-title,
.liste .entry-title{
	color: #fff;
	font-size: 24px;
	background:url(images/fond-titre.png) no-repeat;
	height:40px;
	padding:0;
	padding-left:10px;
	line-height:25px;
	margin: 0 0 20px -7px;
	line-height:30px;
}
.attachment.singular .entry-title {
    margin-top: 20px;
}

#imagePricipal {
	margin-bottom:5px;
}

#imagePricipal img{
	width:683px!important;
	height:auto!important;
}
#imagePricipal .imgP{
	width: 100%;
	padding-bottom: 39%;
	height: 0;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
}
#content #tabs{
	margin:10px 20px 0;
}

#tabs .ui-tabs-nav li a{
	color:#4d707a;
	text-transform:uppercase;
	padding:3px 10px;
	display: block;
	font-size: 12px;
	text-decoration: none;
}
#tabs .ui-state-default:hover{
	background-color: #fff;
}
#tabs .ui-tabs-nav li:hover a{
	
}
#tabs .ui-tabs-nav{
	border-bottom:2px solid #4d707a;
	padding-bottom:0;
	margin: 0;
	list-style: none;
	
}

#tabs.ui-tabs .ui-tabs-nav li.ui-state-active{
	background-color: #4d707a;
}
#tabs.ui-tabs .ui-tabs-nav li.ui-state-active a{
	color: #fff;
}

.ui-tabs .ui-tabs-nav li {
	display: inline-block;

}

.ui-tabs .ui-tabs-panel{

	padding-top:20px;

	line-height: 1.6em;

}
#tabs .entry-content{
	margin: 0;
}
.entre{

	font-weight:bold;

}

#tag{
	float:left;
	width:75%;
	margin-top:10px;
	color:#3e3e3e;
	background-color: #CADADC;
   	border-radius: 5px 5px 5px 5px;
   	padding: 5px 5px 5px 0;
}

#tag a{

	color:#3e3e3e;

}

#tag p{

	margin-bottom:0px;

	margin-left:20px;

}

.addthis_toolbox{

	float:right;

	width:140px;

	margin-top:10px;

}

#tabs .ui-state-default{
	background-color:#d9e2e6;
	border:2px solid #4d707a;
	border-bottom: 0;
	border-radius:5px 5px 0 0;

}

.ui-tabs-panel ul{

	margin:0 0 15px 40px;

	}

.ui-tabs-panel#tabs-1 ul li{

	margin-bottom:10px;

}

.ui-tabs-panel#tabs-2 ul{
	list-style:none;
	margin:0;
	float:left;
	width:45%;

	margin-right:5%;

}

.ui-tabs-panel#tabs-2 ul li{

	margin-bottom:10px;

}

.ui-tabs-panel#tabs-2 #casting{
	display:block;
	float:left;
	width:45%;
	border-left:1px solid#c6d3d9;

}

.ui-tabs-panel#tabs-2 h5{
	margin-left:20px;
	font-size:1.4em;
	font-size: 1.4rem;

	}

.ui-tabs-panel#tabs-2 p{
	margin:0 0 0 20px;
}

.ui-corner-all{

	border-radius:0!important;

}

.singular .entry-title,

.singular .entry-header .entry-meta {

	padding-right: 0;

}

.singular .entry-header .entry-meta {

	position: absolute;

	top: 0;

	left: 0;

}

blockquote.pull {

	font-size: 21px;

	font-weight: bold;

	line-height: 1.6125em;

	margin: 0 0 1.625em;

	text-align: center;

}

.singular blockquote.pull {

	margin: 0 -22.25% 1.625em;

}

.pull.alignleft {

	margin: 0 1.625em 0 0;

	text-align: right;

	width: 33%;

}

.singular .pull.alignleft {

	margin: 0 1.625em 0 -22.25%;

}

.pull.alignright {

	margin: 0 0 0 1.625em;

	text-align: left;

	width: 33%;

}

.singular .pull.alignright {

	margin: 0 -22.25% 0 1.625em;

}

.singular blockquote.pull.alignleft,
.singular blockquote.pull.alignright {
	width: 33%;
}

.singular .entry-meta .edit-link a {

	bottom: auto;

	left: 50px;

	position: absolute;

	right: auto;

	top: 80px;

}
#cptr_related_posts{
	padding: 0;
	margin: 0;
	list-style: none;
}
#cptr_related_posts li{
	margin-bottom: 15px;
	border-radius:10px;
	padding: 0 10px;
}
#cptr_related_posts li h4{
	font-size:  1.2em;
	font-size: 1.2rem;
}
#cptr_related_posts li p{
	margin-bottom: 0;
}
#cptr_related_posts li.hover{
	box-shadow: 0 0 5px rgba(0,0,0,0.3);
	background-color: #f9f7f7;
}
#cptr_related_posts li.hover p{
	color: #1982d1;
}
#cptr_related_posts li a:hover{
	text-decoration: none;
}
/* =Aside

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



.format-aside .entry-title,

.format-aside .entry-header .comments-link {

	display: none;

}

.singular .format-aside .entry-title {

	display: block;

}

.format-aside .entry-content {

	padding: 0;

}

.singular .format-aside .entry-content {

	padding: 1.625em 0 0;

}





/* =Link

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



.format-link .entry-title,

.format-link .entry-header .comments-link {

	display: none;

}

.singular .format-link .entry-title {

	display: block;

}

.format-link .entry-content {

	padding: 0;

}

.singular .format-link .entry-content {

	padding: 1.625em 0 0;

}

/* =Status

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



.format-status .entry-title,

.format-status .entry-header .comments-link {

	display: none;

}

.singular .format-status .entry-title {

	display: block;

}

.format-status .entry-content {

	padding: 0;

}

.singular .format-status .entry-content {

	padding: 1.625em 0 0;

}

.format-status img.avatar {
	border-radius: 3px;
	-webkit-box-shadow: 0 1px 2px #ccc;
	box-shadow: 0 1px 2px #ccc;
	float: left;
	margin: 4px 10px 2px 0;
	padding: 0;
}





/* =Quote

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



.format-quote blockquote {

	color: #555;

	font-size: 17px;

	margin: 0;

}





/* =Image

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



.indexed.format-image .entry-header {

	min-height: 61px; /* Prevent the comment icon from colliding with the image when there is no title */

}

.indexed.format-image .entry-content {

	padding-top: 0.5em;

}

.indexed.format-image p,

.indexed.format-image p img {

	margin-bottom: 0;

}

.indexed.format-image footer.entry-meta {

	background: #ddd;

	margin-top: -7px;

	padding: 20px 30px;

	overflow: hidden;

}

.indexed.format-image div.entry-meta {

	display: inline-block;

	float: left;

	width: 35%;

}

.indexed.format-image div.entry-meta + div.entry-meta {

	float: none;

	width: 65%;

}

.indexed.format-image .entry-meta span.cat-links,

.indexed.format-image .entry-meta span.tag-links,

.indexed.format-image .entry-meta span.comments-link {

	display: block;

}

.indexed.format-image footer.entry-meta a {

	color: #444;

}

.indexed.format-image footer.entry-meta a:hover {

	color: #fff;

}

#content .indexed.format-image img {

	border: none;

	max-width: 100%;

	padding: 0;

}

.indexed.format-image .wp-caption {

	background: #111;

	margin-bottom: 0;

	max-width: 96%;

	padding: 11px;

}

.indexed.format-image .wp-caption .wp-caption-text {

	color: #ddd;

}

.indexed.format-image .wp-caption .wp-caption-text:before {

	color: #444;

}

.indexed.format-image a:hover img {

	opacity: 0.8;

}





/* =error404

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



.error404 #main #searchform {

	background: #f9f9f9;

	border: 1px solid #ddd;

	border-width: 1px 0;

	margin: 0 -8.9% 1.625em;

	overflow: hidden;

	padding: 1.625em 8.9%;

}

.error404 #main #s {

	width: 95%;

}

.error404 .tagcloud a{

	font-weight:normal;

}

.error404 #main .widget_archive {

	margin-right: 0;

}

.error404 #main .widget_tag_cloud {

	float: none;

	margin-right: 0;

	width: 100%;

}

.error404 .widgettitle {

	font-size: 14px;

	letter-spacing: 0.1em;

	line-height: 2.6em;

	text-transform: uppercase;

	margin-bottom:0;

}





/* =Showcase

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



h1.showcase-heading {

	color: #666;

	font-size: 10px;

	font-weight: 500;

	letter-spacing: 0.1em;

	line-height: 2.6em;

	text-transform: uppercase;

}



/* Intro */

article.intro {

	background: #f9f9f9;

	border-bottom: none;

	margin: -1.855em -8.9% 1.625em;

	padding: 0 8.9%;

}

article.intro .entry-title {

	display: none;

}

article.intro .entry-content {

	color: #111;

	font-size: 16px;

	padding: 1.625em 0 0.625em;

}

article.intro .edit-link a {

	background: #aaa;

	-moz-border-radius: 3px;

	border-radius: 3px;

	color: #fff;

	font-size: 12px;

	padding: 0 8px;

	position: absolute;

	top: 30px;

	right: 20px;

	text-decoration: none;

}

article.intro .edit-link a:hover,

article.intro .edit-link a:focus,

article.intro .edit-link a:active {

	background: #777;

}



/* Featured post */

section.featured-post {

	float: left;

	margin: -1.625em -8.9% 1.625em;

	padding: 1.625em 8.9% 0;

	position: relative;

	width: 100%;

}

section.featured-post .hentry {

	border: none;

	color: #666;

	margin: 0;

}

section.featured-post .entry-meta {

	clip: rect(1px 1px 1px 1px); /* IE6, IE7 */

	clip: rect(1px, 1px, 1px, 1px);

	position: absolute !important;

}



/* Small featured post */

section.featured-post .attachment-small-feature {

	float: right;

	height: auto;

	margin: 0 -8.9% 1.625em 0;

	max-width: 59%;

	position: relative;

	right: -15px;

}

section.featured-post.small {

	padding-top: 0;

}

section.featured-post .attachment-small-feature:hover,

section.featured-post .attachment-small-feature:focus,

section.featured-post .attachment-small-feature:active {

	opacity: .8;

}

article.feature-image.small {

	float: left;

	margin: 0 0 1.625em;

	width: 45%;

}

article.feature-image.small .entry-title {

	line-height: 1.2em;

}

article.feature-image.small .entry-summary {

	color: #555;

	font-size: 13px;

}

article.feature-image.small .entry-summary p a {

	background: #222;

	color: #eee;

	display: block;

	left: -23.8%;

	padding: 9px 26px 9px 85px;

	position: relative;

	text-decoration: none;

	top: 20px;

	width: 180px;

	z-index: 1;

}

article.feature-image.small .entry-summary p a:hover {

	background: #1982d1;

	color: #eee;

	color: rgba(255,255,255,0.8);

}



/* Large featured post */

section.feature-image.large {

	border: none;

	max-height: 288px;

	padding: 0;

	width: 100%;

}

section.feature-image.large .showcase-heading {

	display: none;

}

section.feature-image.large .hentry {

	border-bottom: none;

	left: 9%;

	margin: 1.625em 9% 0 0;

	position: absolute;

	top: 0;

}

article.feature-image.large .entry-title a {

	background: #222;

	background: rgba(0,0,0,0.8);

	-moz-border-radius: 3px;

	border-radius: 3px;

	color: #fff;

	display: inline-block;

	font-weight: 300;

	padding: .2em 20px;

}

section.feature-image.large:hover .entry-title a,

section.feature-image.large .entry-title:hover a {

	background: #eee;

	background: rgba(255,255,255,0.8);

	color: #222;

}

article.feature-image.large .entry-summary {

	display: none;

}

section.feature-image.large img {

	display: block;

	height: auto;

	max-width: 117.9%;

	padding: 0 0 6px;

}



/* Featured Slider */

.featured-posts {

	border-bottom: 1px solid #ddd;

	display: block;

	height: 328px;

	margin: 1.625em -8.9% 20px;

	max-width: 1000px;

	padding: 0;

	position: relative;

	overflow: hidden;

}

.featured-posts .showcase-heading {

	padding-left: 8.9%;

}

.featured-posts section.featured-post {

	background: #fff;

	height: 288px;

	left: 0;

	margin: 0;

	position: absolute;

	top: 30px;

	width: auto;

}

.featured-posts section.featured-post.large {

	max-width: 100%;

	overflow: hidden;

}

.featured-posts section.featured-post {

	-webkit-transition-duration: 200ms;

	-webkit-transition-property: opacity, visibility;

	-webkit-transition-timing-function: ease;

	-moz-transition-duration: 200ms;

	-moz-transition-property: opacity, visibility;

	-moz-transition-timing-function: ease;

}

.featured-posts section.featured-post {

	opacity: 0;

	visibility: hidden;

}

.featured-posts #featured-post-1 {

	opacity: 1;

	visibility: visible;

}

.featured-post .feature-text:after,

.featured-post .feature-image.small:after {

	content: ' ';

	background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%); /* FF3.6+ */

	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(100%,rgba(255,255,255,1))); /* Chrome,Safari4+ */

	background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* Chrome10+,Safari5.1+ */

	background: -o-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* Opera11.10+ */

	background: -ms-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* IE10+ */

	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */

	background: linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* W3C */

	width: 100%;

	height: 45px;

	position: absolute;

	top: 230px;

}

.featured-post .feature-image.small:after {

	top: 253px;

}

#content .feature-slider {

	top: 5px;

	right: 8.9%;

	overflow: visible;

	position: absolute;

}

.feature-slider ul {

	list-style-type: none;

	margin: 0;

}

.feature-slider li {

	float: left;

	margin: 0 6px;

}

.feature-slider a {

	background: #3c3c3c;

	background: rgba(60,60,60,0.9);

	-moz-border-radius: 12px;

	border-radius: 12px;

	-webkit-box-shadow: inset 1px 1px 5px rgba(0,0,0,0.5), inset 0 0 2px rgba(255,255,255,0.5);

	-moz-box-shadow: inset 1px 1px 5px rgba(0,0,0,0.5), inset 0 0 2px rgba(255,255,255,0.5);

	box-shadow: inset 1px 1px 5px rgba(0,0,0,0.5), inset 0 0 2px rgba(255,255,255,0.5);

	display: block;

	width: 14px;

	height: 14px;

}

.feature-slider a.active {

	background: #1982d1;

	-webkit-box-shadow: inset 1px 1px 5px rgba(0,0,0,0.4), inset 0 0 2px rgba(255,255,255,0.8);

	-moz-box-shadow: inset 1px 1px 5px rgba(0,0,0,0.4), inset 0 0 2px rgba(255,255,255,0.8);

	box-shadow: inset 1px 1px 5px rgba(0,0,0,0.4), inset 0 0 2px rgba(255,255,255,0.8);

	cursor: default;

	opacity: 0.5;

}



/* Recent Posts */

section.recent-posts {

	padding: 0 0 1.625em;

}

section.recent-posts .hentry {

	border: none;

	margin: 0;

}

section.recent-posts .other-recent-posts {

	border-bottom: 1px solid #ddd;

	list-style: none;

	margin: 0;

}

section.recent-posts .other-recent-posts li {

	padding: 0.3125em 0;

	position: relative;

}

section.recent-posts .other-recent-posts .entry-title {

	border-top: 1px solid #ddd;

	font-size: 17px;

}

section.recent-posts .other-recent-posts a[rel="bookmark"] {

	color: #373737;

	float: left;

	max-width: 84%;

}

section.recent-posts .other-recent-posts a[rel="bookmark"]:after {

	content: '-';

	color: transparent;

	font-size: 11px;

}

section.recent-posts .other-recent-posts a[rel="bookmark"]:hover {

}

section.recent-posts .other-recent-posts .comments-link a,

section.recent-posts .other-recent-posts .comments-link > span {

	border-bottom: 2px solid #999;

	bottom: -2px;

	color: #444;

	display: block;

	font-size: 10px;

	font-weight: 500;

	line-height: 2.76333em;

	padding: 0.3125em 0 0.3125em 1em;

	position: absolute;

	right: 0;

	text-align: right;

	text-transform: uppercase;

	z-index: 1;

}

section.recent-posts .other-recent-posts .comments-link > span {

	border-color: #bbb;

	color: #888;

}

section.recent-posts .other-recent-posts .comments-link a:hover {

	color: #1982d1;

	border-color: #1982d1;

}

section.recent-posts .other-recent-posts li:after {

	clear: both;

	content: '.';

	display: block;

	height: 0;

	visibility: hidden;

}





/* =Attachments

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



.image-attachment div.attachment {
    overflow: hidden;
    text-align: center;
}

.image-attachment div.attachment img {

	display: block;

	height: auto;

	margin: 0 auto;

	max-width: 90%;

}

.image-attachment div.attachment a img {

	border-color: #f9f9f9;

}

.image-attachment div.attachment a:focus img,

.image-attachment div.attachment a:hover img,

.image-attachment div.attachment a:active img {

	border-color: #ddd;

	background: #fff;

}

.image-attachment .entry-caption p {

	font-size: 10px;

	letter-spacing: 0.1em;

	line-height: 2.6em;

	margin: 0 0 2.6em;

	text-transform: uppercase;

}





/* =Navigation

-------------------------------------------------------------- */
#navbar{
	position: relative;
	z-index: 600;
}


#content nav {

	clear: both;

	overflow: hidden;

	padding: 0 0 1.625em;

}

#content nav a {

	font-size: 12px;

	font-weight: bold;

	line-height: 2.2em;

}

#nav-above {

	padding: 0 0 1.625em;

}

#nav-above {

	display: none;

}

.paged #nav-above {

	display: block;

}

.nav-previous {

	float: left;

	width: 50%;

}

.nav-next {

	float: right;

	text-align: right;

	width: 50%;

}

#content nav .meta-nav {

	font-weight: normal;

}



/* Singular navigation */

#nav-single {

	float: right;

	position: relative;

	top: -0.3em;

	text-align: right;

	z-index: 1;

}

#nav-single .nav-previous,

#nav-single .nav-next {

	float: none;

	width: auto;

}

#nav-single .nav-next {

	padding-left: .5em;

}





/* =Widgets

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



.widget-area {

	font-size: 12px;

}

.widget, #lastfichesint, #squarepub {
	clear: both;
	margin: 10px 15px ;
}
#squarepub img{
	width: 100%;
	height: auto;
}
.widget-title {

	color: #666;

	font-size: 10px;

	font-weight: 500;

	letter-spacing: 0.1em;

	line-height: 2.6em;

	text-transform: uppercase;

}

.widget ul {

	font-size: 15px;

	margin: 0;

	

}

.widget ul ul {

	margin-left: 1.5em;

}

.widget ul li {

	color: #777;

	font-size: 13px;

}

.widget a {

	font-weight: bold;

	text-decoration: none;

}

.widget a:hover,

.widget a:focus,

.widget a:active {

	text-decoration: underline;

}



/* Search Widget */

.widget_search form {

	margin: 0 0 1.625em;

}

.widget_search #s {

	width: 77%;

}

.widget_search #searchsubmit {

	background: #ddd;

	border: 1px solid #ccc;

	-webkit-box-shadow: inset 0px -1px 1px rgba(0, 0, 0, 0.09);

	-moz-box-shadow: inset 0px -1px 1px rgba(0, 0, 0, 0.09);

	box-shadow: inset 0px -1px 1px rgba(0, 0, 0, 0.09);

	color: #888;

	font-size: 13px;

	line-height: 25px;

	position: relative;

	top: -2px;

}

.widget_search #searchsubmit:active {

	background: #1982d1;

	border-color: #0861a5;

	-webkit-box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.1);

	-moz-box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.1);

	box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.1);

	color: #bfddf3;

}



/* Ephemera Widget */

section.ephemera ol,

.widget_twentyeleven_ephemera ol {

	list-style: square;

	margin: 5px 0 0;

}

.widget_twentyeleven_ephemera .widget-entry-title {

	font-size: 15px;

	font-weight: bold;

	padding: 0;

}

.widget_twentyeleven_ephemera .comments-link a,

.widget_twentyeleven_ephemera .comments-link > span {

	color: #666;

	display: block;

	font-size: 10px;

	font-weight: 500;

	line-height: 2.76333em;

	text-transform: uppercase;

}

section.ephemera .entry-title .comments-link a:hover,

.widget_twentyeleven_ephemera .entry-title .comments-link a:hover {

}

section.ephemera .entry-title a span {

	color: #29628d;

}



/* Twitter */

.widget_twitter li {

	list-style-type: none;

	margin-bottom: 14px;

}

.widget_twitter .timesince {

	display: block;

	font-size: 11px;

	margin-right: -10px;

	text-align: right;

}



/* Widget Image */

.widget_image img {

	height: auto;

	max-width: 100%;

}



/* Calendar Widget */



.widget_calendar #wp-calendar {

	color: #555;

	width: 95%;

	text-align: center;

}

.widget_calendar #wp-calendar caption,

.widget_calendar #wp-calendar td,

.widget_calendar #wp-calendar th {

	text-align: center;

}

.widget_calendar #wp-calendar caption {

	font-size: 11px;

	font-weight: 500;

	padding: 5px 0 3px 0;

	text-transform: uppercase;

}

.widget_calendar #wp-calendar th {

	background: #f4f4f4;

	border-top: 1px solid #ccc;

	border-bottom: 1px solid #ccc;

	font-weight: bold;

}

.widget_calendar #wp-calendar tfoot td {

	background: #f4f4f4;

	border-top: 1px solid #ccc;

	border-bottom: 1px solid #ccc;

}



/********  filtrage ************/

#secondary.widget-area {

	margin-bottom:15px;

}

#secondary.widget-area  h3, #secondary.widget-area  h1{

	color:#97B7C8;

	font-weight:bold;

	font-size:14px;

	line-height:2.0em;

	margin-top:15px;

}

#secondary.widget-area.solo .widget{
	display:none;
}

#secondary.widget-area.solo.all .widget{
	display:block;
}

#secondary.widget-area.solo #nav_menu-3{
	display:block;
}

#secondary.widget-area.solo #nav_menu-3 h3{
	visibility:visible;
	 color: #EFE166;
    font-size: 12px;
}

#secondary.widget-area.solo #nav_menu-3 a{
	color:#fff;
	font-weight:normal;
	text-transform:none;
}
#secondary .widget_nav_menu a{
	color:#fff;
	font-weight:normal;
	text-transform:none;
}
#secondary.widget-area.serie .widget#sgr-custom-taxonomies-menu-2,
#secondary.widget-area.dessin .widget#sgr-custom-taxonomies-menu-3,
#secondary.widget-area.bd .widget#sgr-custom-taxonomies-menu-4,
#secondary.widget-area.musique .widget#sgr-custom-taxonomies-menu-5{

	display:block;

}

#secondary.widget-area.serie  h3, #secondary.widget-area.bd  h3, #secondary.widget-area.dessin  h3,#secondary.widget-area.musique  h3{

	display: block;

}

#secondary.widget-area  ul{

	list-style:none;

	margin:0;

	clear:both;

}

#secondary.widget-area  ul li{

	color:#EFE166;

	font-weight:bold;

	font-size:12px;

	text-transform:uppercase;	

}

#secondary.widget-area #nav_menu-3 li{

	font-weight:normal;

}

#secondary.widget-area  ul li ul{

	list-style:none;

	margin:0;

	clear:both;

	padding-bottom:15px;

}

#secondary.widget-area  ul li li a{

	float:left;

	padding:0 5px;

	color:#fff;

	text-transform:capitalize;

	display:block;

	font-weight:normal;

	margin-bottom:5px;

}

/* sidebar-page.php comments */

/* Make sure we have room for our comment avatars */

.page-template-sidebar-page-php .commentlist > li.comment,

.page-template-sidebar-page-php.commentlist .pingback {

	margin-left: 102px;

	width: auto;

}

/* And a full-width comment form */

.page-template-sidebar-page-php #respond {
	width: auto;
}

#cformsform {
	background: none;
	margin: 0 auto 1.625em;
	position: relative;
	width: 90%;
}
#cformsform ol{
	margin: 0;
	padding: 0;
	list-style: none;
}
#cformsform li {
    margin: 5px 0 !important;
    padding: 0;
    position: relative;
    text-align: left;
}
#cformsform li label {
    display: block;
    text-align: left;
    vertical-align: top;
}
#cformsform li label span {
    background: #2B9800 none repeat scroll 0 0;
    border-radius: 0 0 5px;
    box-shadow: 1px 2px 2px rgba(204, 204, 204, 0.8);
    color: #fff;
    display: inline-block;
    font-size: 12px;
    left: 4px;
    min-width: 60px;
    padding: 4px 10px;
    position: relative;
    top: 25px;
    z-index: 1;
}
#cformsform input, #cformsform textarea, #cformsform select {
    background: #ffffff none repeat scroll 0 0;
    border: 4px solid #2B9800;
    border-radius: 5px;
    box-shadow: 0 1px 3px rgba(204, 204, 204, 0.95) inset;
    padding: 10px;
    position: relative;
    resize: vertical;
    text-indent: 150px;
    width: 100%;
}
#cformsform input:focus, #cformsform textarea:focus, #cformsform select:focus {
    text-indent: 0 !important;
    z-index: 1;
}
#cformsform #li--6 input {
    text-indent: 180px;
}
#cformsform #li--5 select {
    text-indent: 120px;
}
#cformsform #li--3 textarea {
    text-indent: 80px;
}
#cformsform ol.cf-ol li.textonly{
    background: none!important;
    margin:20px 0 0 0!important: 
}
#cformsform #sendbutton{
    background: #2B9800 none repeat scroll 0 0;
    border: medium none;
    border-radius: 5px;
    color: #fff;
    font-size: 14px;
    display: block;
    margin: 10px auto;
    padding: 10px 25px;
    width: 50%;
    text-decoration: none;
    text-align: center;
    text-indent: 0;
}
#cformsform #sendbutton:hover{
    background-color: #8BE500;
}
p.comment-form-comment {
	margin: 0;
}
.form-allowed-tags {
	display: none;
}
/* =Footer

----------------------------------------------- */
#colophon {
	background:url(images/fond-footer.jpg) repeat-x;
	height:180px;	
	color:#fff;
	}

#colophon .marge {
	margin:0 auto;
	width: 100%;
	max-width:1400px;
	position:relative;
	}

#intersection{
	width:100%;
}
#blockBl{
	width: 80%;
	height:98px;
	float: left;
	overflow: hidden;
	position: relative;
	
}
#blockBl:after{
	content: "";
	background-color: #fff;
	width: 110%;
	height: 100%;
	position: absolute;
	bottom: 0;
	left: -5%;
	-webkit-transform-origin: right bottom;
	-moz-transform-origin: right bottom;
	-ms-transform-origin: right bottom;
	-o-transform-origin: right bottom;
	transform-origin:right bottom;
	-webkit-transform: rotate(4deg);
	-moz-transform: rotate(4deg);
	-ms-transform: rotate(4deg);
	-o-transform: rotate(4deg);
	transform: rotate(4deg);
}
#blockIn{
	width: 20%;
	height:115px;
	float: left;
	overflow: hidden;
	position: relative;
}
#blockIn:after{
	content: "";
	background-color: #687880;
	width: 110%;
	height: 100%;
	position: absolute;
	bottom: 0;
	left: -5%;
	-webkit-transform-origin: right bottom;
	-moz-transform-origin: right bottom;
	-ms-transform-origin: right bottom;
	-o-transform-origin: right bottom;
	transform-origin:right bottom;
	-webkit-transform: rotate(4deg);
	-moz-transform: rotate(4deg);
	-ms-transform: rotate(4deg);
	-o-transform: rotate(4deg);
	transform: rotate(4deg);
}
#logoBas{
	background:url(images/logo-bas.png) no-repeat;
	width:250px;
	height:70px;
	text-indent:-5000px;
	position:absolute;
	top:45px;
	left:35px;
}
#colophon a{
	color:#FFF;
}
#colophon a:hover{
	color:#79E300;
}
#colophon #bt-top{
	position:absolute;
	right:55px;
	top:15px;
	display:block;
	text-transform: uppercase;
	font-family: 'Muli', sans-serif;
}
#colophon #bt-top:before{
	content:"\f062";
	font-family: "FontAwesome";
	margin-right: 5px;
}
#colophon #bt-top:hover{
	color: #97B7C8;
	text-decoration: none;
}
#colophon #bt-top:hover{
	background-position:0 -26px;
}
#colophon .marge p{
	padding: 10px 0 0 35px;
	font-size:11px;
	margin: 0;
}
#supplementary {
	border-top: 1px solid #ddd;
	padding: 1.625em 7.6%;
	overflow: hidden;
}
/* Two Footer Widget Areas */
#supplementary.two .widget-area {
	float: left;
	margin-right: 3.7%;
	width: 48.1%;
}
#supplementary.two .widget-area + .widget-area {
	margin-right: 0;
}

/* Three Footer Widget Areas */

#supplementary.three .widget-area {
	float: left;
	margin-right: 3.7%;
	width: 30.85%;
}

#supplementary.three .widget-area + .widget-area + .widget-area {

	margin-right: 0;

}



/* Site Generator Line */

#site-generator {

	background: #f9f9f9;

	border-top: 1px solid #ddd;

	color: #666;

	font-size: 12px;

	line-height: 2.2em;

	padding: 2.2em 0.5em;

	text-align: center;

}

#site-generator a {
	color: #555;
	font-weight: bold;
}

#site-generator .sep {
	background: url(images/wordpress.png) center left no-repeat;
	color: transparent;
	display: inline-block;
	height: 16px;
	line-height: 16px;
	margin: 0 7px;
	width: 16px;
}



/* =Widgets Amazon Shopping

----------------------------------------------- */
#WidgetAmazon {
	width:70%;
	float:left;
	min-height:459px;
	_height:459px;
	background: url(images/nowidget.png) no-repeat;
}
.amzn_wdgt{
	width: auto!important;
}
#MoteurAmazon {
	width:30%;
	float:left;
	margin-bottom:10px;
}

.liste ul.per-letter{
	clear:both;
	list-style:none;
	margin:0 20px 20px;
}
.liste .lettre,#sitmap h3{
	font-size:1.6em;
	font-size:1.6rem;
	color:#000;
	font-weight: bold;
	margin-bottom:5px;
	font-family: arial;
}

.liste .item,#sitmap li{
	width:33.3%;
	float:left;
	background-color:#f9f7f7;
}
.liste .item h3{
	padding: 0 5px;
	
}
.liste .item a,#sitmap a{
	font-weight: normal;
	display: block;
	padding: 3px 0;
	width: 100%;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	
}
.liste .item:nth-child(2n),#sitmap li:nth-child(2n){
	background-color:#eee;
}
.liste .item:hover,#sitmap li:hover{
	background-color: #ddd!important;
}
.liste .item:hover a,#sitmap li:hover a{
	text-decoration: none;
}
/* accueil *******************************/

#featured{   
    width:100%;
    position:relative;   
    height:265px;
	overflow: hidden;
}  

#featured ul.ui-tabs-nav{   
   list-style:none;   
   padding:0;
	margin:0;   
	width:20%;
	background:url("images/fondColDroite.jpg") repeat-x;
float: right;
    }  

#featured ul.ui-tabs-nav li{   
    width:100%;
    font-size:12px;   
}  
#featured  .imageTab{   
	width: 100%;
	height: 100%;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}  

#featured .ui-tabs-panel{   
    width:80%;
	height:265px;   
    position:relative;  
    overflow:hidden; 
	padding:0;
}  

    #featured .ui-tabs-hide{   

        display:none;   

    }  
#featured li.ui-tabs-nav-item a{
   display:block;   
   height:66px;   
   color:#fff;   
   line-height:20px;  
   outline:none;  
	width:100%;
	padding:0;
	background:url("images/separation-onglet.jpg") 0 bottom repeat-x;
	text-decoration: none;

    }  
#featured ul.ui-tabs-nav li{
		margin:0;
		padding:0;
}
#featured ul.ui-tabs-nav li h3{
	color: #ffde00;
	font-size:12px;
	font-weight:bold;
	padding: 5px 0 0 15px;
}
#featured ul.ui-tabs-nav li h2{
	color: #fff;
	font-size:18px;
	font-weight:normal;
	margin:0px 0 0 15px;
	text-transform:uppercase;
	white-space:nowrap;
	text-overflow:ellipsis;
}

#featured ul.ui-tabs-nav li.ui-state-active a{   
    background:url("images/onglet-actif.jpg");   
}

#featured ul.ui-tabs-nav li:hover a{
	background-color: #222;
	text-decoration: none;
}
#edito{
		color:#000;
		padding:20px;
}

/* sitemap *******************************/
#sitmap div {
	clear:both;
}
#sitmap h3 {
	line-height: normal;
}
#sitmap ul {
	list-style:none;
	margin:0;
	padding-bottom: 1px;
	clear:both;
}

#sitmap li a {
	font-size:1.2em;
	font-size: 1.2rem;
	font-family: arial;
	text-indent: 5px;
}
#sitmap li:last-child{
	margin-bottom: 20px;
}
#lastfiches {
	display: block;
	margin:20px;
}

#lastfiches h2 {
	color: #677880;
	margin-bottom:10px;
	font-size: 1.4em;
	font-size: 1.4rem;
	text-align: center;
}

#lastfiches .colonne {
	width:23%;
	margin-right: 2%;

	float:left;

}

#lastfiches .colonne h3 {

	color: #000;

	text-transform:uppercase;

	font-weight:bold;

	margin-bottom:5px;

}

#lastfiches ul {
	border-right: 1px solid #677880;
	margin: 0;
	list-style: none;
}
#lastfiches .colonne ul.noborder {
	border: none;
}

#lastfiches ul li.list {
	padding: 2px 5px 2px 0;
	color: #677880;
}
#lastfiches ul li.list a {
	font-family: 'Muli', sans-serif;
	font-weight:bold;

	color: #677880;

    text-decoration: none;
}

#lastfiches ul li.list a:hover {
    color: #1982D1;

    text-decoration: underline;
}
#edito h3 {

	color: #677880;

	margin-bottom:10px;

}

#lastfichesint h2 {
	color: #97B7C8;
	font-size: 14px;
	font-weight: bold;
	line-height: 2em;
	margin-top: 15px;
	text-transform:uppercase;

}
#lastfichesint .bloclist h3 {
  	color: #EFE166;
	font-size: 12px;
	text-transform:uppercase;
	font-weight:bold;
	margin-bottom:5px;
    line-height: 2em;
    margin-top: 0px;
}
#secondary.widget-area #lastfichesint ul {
  	margin: 0 0 0 20px;
	list-style: square;
}

#lastfichesint ul li.list {
	list-style: square;
	padding: 2px 5px 2px 0;
	color: #fff;
}
#lastfichesint ul li.list a {

	font-weight:bold;

	color: #fff;

    text-decoration: none;

	display: block;
  
    font-weight: normal;
  
	text-transform: capitalize;
}

#lastfichesint ul li.list a:hover {
    color: #fff;

    text-decoration: underline;
}

/* =Responsive Structure

----------------------------------------------- */
@media (max-width: 1190px) {
	#page:before {
		width: 25%;
	}
	#primary, #blockBl,#featured .ui-tabs-panel{
		width: 75%;
	}
	#secondary, #blockIn, #featured ul.ui-tabs-nav{
		width:25%;
	}
	#blockBl:after, #blockIn:after {
		-webkit-transform: rotate(2deg);
	-moz-transform: rotate(2deg);
	-ms-transform: rotate(2deg);
	-o-transform: rotate(2deg);
	transform: rotate(2deg);
	}
	#lastfiches .colonne h3{
		font-size: 16px;
		font-size: 1.2rem;
	}
	#lastfiches ul li.list a{
		font-size: 1rem;
	}
	#blockBl{
		height: 50px;
	}
	#blockIn{
		height: 59px;
	}
	#colophon .marge p{
		padding-top:120px; 
	}
	
}
@media (max-width: 1090px) {
	.liste .item, #sitmap li{
		width: 50%;
	}
	.liste .item:nth-child(2n), #sitmap li:nth-child(2n){
		background-color: #f9f7f7;
	}
	.liste .item:nth-child(4n+5), #sitmap li:nth-child(4n+5){
		background-color: #eee;
	}
	.liste .item:nth-child(4n+2), #sitmap li:nth-child(4n+2){
		background-color: #eee;
	}
	
}
@media screen and (min-width: 881px) {
	#secondary{
		display: block!important;
	}
}
@media (max-width: 880px) {
	#menu-menu-principal{
		margin: 0;
	}
	#page:before {
		display: none;
	}
	#primary{
		float: none;
		width: 100%;
	}
	#secondary{
		display: none;
		width:100%;
		float: none;
		background-color:#687880;
		margin: 0!important;
		padding: 10px 0;
	}
	#secondary #squarepub{
		display: none;
	}
	.menu-menu-principal-container{
		width: 100%;
	}
	#access ul{
		width: 100%;
	}
	.home .filtre{
		display: none;
	}
	#access li{
		width: 20%;
		text-align: center;
	}
	#access a,#access .current-menu-item > a, #access .current-menu-ancestor > a, #access .current_page_item > a, #access .current_page_ancestor > a{
		font-size: 16px;
	}
	#access .dessinAnim a {
		letter-spacing: 0.06em;
	}
	#access .bandessinees a,#access .dessinAnim a {
		padding: 12px 20px;
	}
	#blockBl{
		width: 100%;
		float: none;
	}
	#blockIn{
		display: none;
	}
	#colophon #bt-top{
		right: 10px;
		top: 80px;
	}
	#colophon .marge p{
		padding-top: 60px;
	}
	/* Simplify the showcase template */
	.page-template-showcase-php .featured-posts {
		min-height: 280px;
	}
	.featured-posts section.featured-post {
		height: auto;
	}
	.page-template-showcase-php section.recent-posts {
		float: none;
		margin: 0;
		width: 100%;
	}
	.page-template-showcase-php #main .widget-area {
		float: none;
		margin: 0;
		width: auto;
	}
	.page-template-showcase-php .other-recent-posts {
		border-bottom: 1px solid #ddd;
	}
	/* Simplify the showcase template when small feature */
	section.featured-post .attachment-small-feature,
	.one-column section.featured-post .attachment-small-feature {
		border: none;
		display: block;
		float: left;
		height: auto;
		margin: 0.625em auto 1.025em;
		max-width: 30%;
		position: static;
	}
	article.feature-image.small {
		float: right;
		margin: 0 0 1.625em;
		width: 64%;
	}
	.ui-tabs .ui-tabs-nav li{
		width: 100%;
		display: block;
		border-radius: 0!important;
	}
	.ui-tabs-panel#tabs-2 ul, .ui-tabs-panel#tabs-2 #casting{
		float: none;
		width: auto;
	}
	#tabs .ui-tabs-nav li a{
		padding: 5px 10px;
	}
	.ui-tabs-panel#tabs-2 #casting{
		border: none;
	}
	.ui-tabs-panel#tabs-2 h5{
		margin: 0 0 10px;
	}
	.ui-tabs-panel#tabs-2 p{
		margin: 0;
	}
	#galleries .item{
		width: 90px;
		    margin: 0 5px 5px;
	}
	#WidgetAmazon, #MoteurAmazon{
		float: none;
		width: 100%;
	}
	#imagePricipal .imgP{
		height: 266px;
		padding: 0;
	}
	.one-column article.feature-image.small .entry-summary {

		height: auto;

	}

	article.feature-image.small .entry-summary p a {

		left: 0;

		padding-left: 20px;

		padding-right: 20px;

		width: auto;

	}


	/* Simplify the pullquotes and pull styles */

	.singular blockquote.pull {

		margin: 0 0 1.625em;

	}

	.singular .pull.alignleft {

		margin: 0 1.625em 0 0;

	}

	.singular .pull.alignright {

		margin: 0 0 0 1.625em;

	}

	.singular .entry-meta .edit-link a {

		left: 0;

		position: absolute;

		top: 40px;

	}

	.singular #author-info {

		margin: 2.2em -8.8% 0;

		padding: 20px 8.8%;

	}

	/* And a full-width comment form */

	#respond {

		width: auto;

	}

	/* No need to float footer widgets at this size */

	#colophon #supplementary .widget-area {

		float: none;

		margin-right: 0;

		width: auto;

	}

	/* No need to float 404 widgets at this size */

	.error404 #main .widget {

		float: none;

		margin-right: 0;

		width: auto;

	}
	#lastfichesint ul li.list{
		float: left;
		width: 33%;
		padding: 0;
	}
	#lastfichesint ul li.list a{
		padding: 5px 0;
	}
	.mobile{
		display: block;
	}
	.ecran{
		display: none;
	}
	.filtre{
		
		background-color: transparent;
		border: 1px solid #eaeaea;
		border: 1px solid rgba(51, 51, 51, 0.1);
		height: 38px;
		overflow: hidden;
		padding: 0;
		position: absolute;
		top: 85px;
		right: 10px;
		text-align: center;
		-webkit-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		transform: translateY(-50%);
		width: 42px;
		font-size: 20px;
		
	}
	.filtre:before {
		color: #fff;
		content: "\f0c9";
		line-height: 35px;
		width: 35px;
		background-color:#0C7300;
		border-radius: 20px;
		font-family: "FontAwesome";
		font-size: 18px;
		display: block;
	}
	.filtre:hover:before{
		background-color: #97CF00;
	}
	.filtre.open:before {
		content: "\f00d";
	}
	.sectionDeRecherche.mobile{
		position: static;
		padding-left: 10px;
	}
	.sectionDeRecherche .search-field{
		background-position:4px -98px;
		background-color: #fff;
		border-radius:5px;
		border: 1px solid #005875;
		cursor: text;
		outline: 0;
		width: 250px;
		margin: 10px 0 0;
		
	}
	.sectionDeRecherche .search-field:hover{
		background-position:4px -98px;
	}
	#tag{
		float: none;
		width: 100%;
		padding: 5px 0;
	}
}

@media (max-width: 650px) {

	/* @media (max-width: 650px) Reduce font-sizes for better readability on smaller devices */
	#menuMobile{
		display: block;
	}
	#navbar{
		position: fixed;
		bottom: 0;
		width: 100%;
		z-index: 1000;
	}
	.nav-menu,.menu-menu-outil-container,#slide{
	display: none;
}
.navigation.toggled-on .nav-menu{
	display: block;
}
#access{
	background-image: url(images/fond-body.jpg);
	height: auto;
}
#imagePricipal .imgP{
		height: 150px;
	}
#access #bt-accueil {
	display: block;
	float: left;
	height: 40px;
	margin: 5px 0 0;
	text-align: left;
	text-indent: -5000px;
	width: 15%;
	padding: 0;
	background: url('./images/accueil-mobile.png') no-repeat center center;
}
#access #bt-contact {
    background: url("./images/contact-mobile.png") no-repeat  center center ;
    display: block;
    float: right;
    height: 40px;
    margin: 5px 0 0;
	padding: 0;
    text-align: left;
    text-indent: -5000px;
    width: 15%;
	}
	.menu-toggle {
		clear: none;
		cursor: pointer;
		display: block;
		float: left;
		margin: 0;
		padding: 10px 0;
		text-align: center;
		width: 70%;
		font-size: 14px;
		font-size: 1.4rem;
		font-family: "Muli";
		font-weight: normal;
	    }
	.menu-toggle,
	.menu-toggle:hover,
	.menu-toggle:focus,
	.menu-toggle:active {
		background: none;
		border: none;
		color: #fff;
	}
#access .menu-menu-principal-container{
	position: relative;
	top: auto;
}
#access .menu-menu-principal-container li{
	width: 50%;
	height: auto;
}
#access .accueil{
	display: none;
}
#access .menu-menu-principal-container a{
	padding: 10px 0!important;
}
	.menu-toggle:focus {
		outline: thin dotted;
	}

	.menu-toggle:after {
		font-family: "FontAwesome";
		content: "\f106";
		font-size: 20px;
		font-size: 2rem;
		padding-left: 8px;
		vertical-align: -4px;
	}

	.toggled-on .menu-toggle:after {
		content: "\f107";
		
	}
	#MoteurAmazon{
		display: none;
	}
	.amzn_wdgt .wdgt_hd{
		padding: 0 0 5px!important;
	}
.main-navigation a {
	display: block;
	padding: 0.5em;
	position: relative;
	text-decoration: none;
	color: #fff;
	font-family: 'Josefin Sans', sans-serif;
}
.amzn_wdgt div:first-child{
	width: 100%!important;
	max-width: 448px!important;
}
.amzn_wdgt div.asin_img:first-child{
	width: auto!important;
	max-width: none!important;
}
.main-navigation ul {
	list-style: none;
	margin: 0;
}

.main-navigation ul ul {
	display: none;
}

.main-navigation ul .toggled-on {
	display: block;
}

.main-navigation li {
	position: relative;
}

.main-navigation .current-menu-item > a,
.main-navigation .current-menu-ancestor > a,
.main-navigation .menu-item:hover,
.menu-item-has-children .sub-menu{
	background-color: #117700;
}
.menu-item-has-children .sub-menu li a:hover,
.menu-item-has-children .sub-menu li.current-menu-item a{
	background-color: #117700;
}
.main-navigation .menu-item-has-children > a {
	padding-right: 48px;
}
#featured ul.ui-tabs-nav{
	float: none;
	width: 100%;
	height: 50px;
}
#featured ul.ui-tabs-nav li{
	width: 25%;
	float: left;
}
#featured li.ui-tabs-nav-item a{
	height: 50px;
	background: none;
}
#featured .ui-tabs-panel{
	width: 100%;
}
#lastfiches .colonne{
	width: 48%;
	margin-bottom: 15px;
}
#lastfiches .colonne:nth-child(2n+1) .border{
	border: none;
}
	
#lastfiches .colonne:nth-child(3n+1){
	clear: both;
}
#logoBas{
	left: 10px;
}
#colophon .marge p{
	padding: 65px 0 0 10px;
}
	body, input, textarea {
		font-size: 13px;
	}
	#site-title a {
		font-size: 24px;
	}
	#site-description {
		font-size: 12px;
	}
	article.intro .entry-content {
		font-size: 12px;
	}
	.entry-title {
		font-size: 21px;
	}
	.featured-post .entry-title {
		font-size: 14px;
	}
	.singular .entry-title {
		font-size: 28px;
	}

	.entry-meta {

		font-size: 12px;

	}

	blockquote {

		margin: 0;

	}
	#colophon{
		height: auto;
		padding-bottom: 60px;
	}
	blockquote.pull {

		font-size: 17px;

	}

	/* Reposition the site title and description slightly */

	#site-title {
		padding: 50px 0 0;
		margin: 0;

	}
	#site-title a, #site-description{
		width: 100%;
		max-width: 340px;
		margin: 0 auto;
		background-position: center center;
		background-size: contain;
	}
	#MenuHaut{
		right: auto;
		left: 0;
	}
	.filtre{
		top: 25px;
		right: 5px;
	}
	/* Make sure the logo and search form don't collide */

	#lastfichesint ul li.list{
		width: 50%;
	}
	/* Floated content doesn't work well at this size */
	#featured ul.ui-tabs-nav li h3{
		padding: 5px 5px 0 5px;
		text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
	}
	#featured ul.ui-tabs-nav li h2{
		margin: 0 0 0 5px;
		font-size: 14px;
		text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
	}
	.alignleft,

	.alignright {

		float: none;

		margin-left: 0;

		margin-right: 0;

	}
#wigetAmazon{
	display: none;
	
}
	/* Make sure the post-post navigation doesn't collide with anything */

	#nav-single {

		display: block;

		position: static;

	}

	.liste .item, #sitmap li {
		width: 100%;
	}
	.liste .item a, #sitmap a{
		padding: 5px 0;
	}
	
	.liste .item:nth-child(4n+5), #sitmap li:nth-child(4n+5){
		background-color: #f9f7f7;
	}
	.liste .item:nth-child(4n+2), #sitmap li:nth-child(4n+2){
		background-color: #f9f7f7;
	}
	.liste .item:nth-child(2n), #sitmap li:nth-child(2n){
		background-color: #eee;
	}
}

@media (max-width: 450px) {

}

@media only screen and (min-device-width: 320px) and (max-device-width: 480px) {
}





/* =Print

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



@media print {

	body {

		background: none !important;

		font-size: 10pt;

	}

	footer.entry-meta a[rel=bookmark]:link:after,

	footer.entry-meta a[rel=bookmark]:visited:after {

		content: " [" attr(href) "] "; /* Show URLs */

	}

	#page {

		clear: both !important;

		display: block !important;

		float: none !important;

		max-width: 100%;

		position: relative !important;

	}

	#branding {

		border-top: none !important;

		padding: 0;

	}

	#branding hgroup {

		margin: 0;

	}

	#site-title a {

		font-size: 21pt;

	}

	#site-description {

		font-size: 10pt;

	}

	#branding #searchform {

		display: none;

	}

	#branding img {

		display: none;

	}

	#access {

		display: none;

	}

	#main {

		border-top: none;

		box-shadow: none;

	}

	#primary {

		float: left;

		margin: 0;

		width: 100%;

	}

	#content {

		margin: 0;

		width: auto;

	}

	.singular #content {

		margin: 0;

		width: 100%;

	}

	.singular .entry-header .entry-meta {

		position: static;

	}

	.entry-meta .edit-link a {

		display: none;

	}

	#content nav {

		display: none;

	}

	.singular .entry-header,

	.singular .entry-content,

	.singular footer.entry-meta,

	.singular #comments-title {

		margin: 0;

		width: 100%;

	}

	.singular .hentry {

		padding: 0;

	}

	.entry-title,

	.singular .entry-title {

		font-size: 21pt;

	}

	.entry-meta {

		font-size: 10pt;

	}

	.entry-header .comments-link {

		display: none;

	}

	.page-link {

		display: none;

	}

	.singular #author-info {

		background: none;

		border-bottom: none;

		border-top: none;

		margin: 2.2em 0 0;

		padding: 0;

	}

	#respond {

		display: none;

	}

	.widget-area {

		display: none;

	}

	#colophon {

		display: none;

	}
}