/*
Theme Name: Chapeaublanc
Author: Wami Concept
Description: Theme du site de Rémi Chapeaublanc
Version: 0.0
*/
@font-face{
    font-family: 'FuturaLtBTLight';
    src: url('font/futural-webfont.eot');
    src: url('font/futural-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/futural-webfont.woff') format('woff'),
         url('font/futural-webfont.ttf') format('truetype'),
         url('font/futural-webfont.svg#FuturaLtBTLight') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face{
    font-family: 'FuturaLtBTLightItalic';
    src: url('font/futura-lt-bt-light-italic-22270-webfont.eot');
    src: url('font/futura-lt-bt-light-italic-22270-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/futura-lt-bt-light-italic-22270-webfont.woff') format('woff'),
         url('font/futura-lt-bt-light-italic-22270-webfont.ttf') format('truetype'),
         url('font/futura-lt-bt-light-italic-22270-webfont.svg#FuturaLtBTLightItalic') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face{
    font-family: 'FuturaHvBTHeavy';
    src: url('font/futurah-webfont.eot');
    src: url('font/futurah-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/futurah-webfont.woff') format('woff'),
         url('font/futurah-webfont.ttf') format('truetype'),
         url('font/futurah-webfont.svg#FuturaHvBTHeavy') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face{
    font-family: 'FuturaHvBTHeavyItalic';
    src: url('font/futura-hv-bt-heavy-italic-webfont.eot');
    src: url('font/futura-hv-bt-heavy-italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/futura-hv-bt-heavy-italic-webfont.woff') format('woff'),
         url('font/futura-hv-bt-heavy-italic-webfont.ttf') format('truetype'),
         url('font/futura-hv-bt-heavy-italic-webfont.svg#FuturaHvBTHeavyItalic') format('svg');
    font-weight: normal;
    font-style: normal;
}

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;
	font-family: inherit;
	font-size: 100%;
	font-style: inherit;
	font-weight: inherit;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;
}
:focus {/* remember to define focus styles! */
	outline: 0;
}
body {
	background:#fff;
	line-height:1;
}
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;
}






/***********************************************/
html{
	margin-top:0 !important;
}
body{
	font-family:arial, sans-serif;
	/*overflow:hidden;*/
}
::-moz-selection{background:#71C0E8;color:#fff;text-shadow:none}
::selection{background:#71C0E8;color:#fff;text-shadow:none}
/*a, a:link, a:visited{
	color:#6f6f6f;
	text-decoration:none;
}
a:hover, a:active{
	text-decoration:underline;
}*/
a{
	color:#000;
	text-decoration:none;
}
a:hover{
	text-decoration:none;
	color: #3ea9e0;
}

strong{
	font-weight:bold;
}
em{
	font-style:italic;
}

.float_left{float:left;}
.float_right{float:right;}
.clear_left{clear:left;}
.clear_right{clear:right;}
.clear_both{clear:both;}

.alignleft{float:left;}

/***********************************************/
header{
	height:154px;
	width:100%;
	background:white;
	position:fixed;
	left:0; top:0;	
	z-index:101;
}
header h1{
	height:129px;
	padding-top:25px;
}
header h1 a{
	display:block;
	width:414px;
	height:96px;
	background:url('img/header_titre.jpg') left top no-repeat #fff;
	text-indent:-6000px;
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3/2), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5){
	header h1 a{
		background-image:url('img/header_titre@2x.jpg');
		background-size: 414px 96px;
		/* nouvelle image de 828px par 192px */
	}
}


/***********************************************/
nav{
	/*background:#ccc;*/
	/*position:absolute;*/
	position:fixed;
	top:154px; left:0;;
	width:141px;
	padding-top:15px;
	z-index:101;
	font-family:'FuturaLtBTLight';
	padding-right:5px;
}
nav ul li{
	/*text-transform:uppercase;*/
	text-align:right;
	list-style-type:none;
}
nav ul li a{
	line-height:25px;
	font-size:19px;
	text-decoration:none;
	color:black;
}
nav ul li a:hover{
	color:#666565;
	text-decoration:none;
}
nav ul li ul{	/* .children */
	margin-bottom:25px;
	display:none;
}
nav ul li ul li{
	text-transform:lowercase;
}
nav ul li ul li a{
	line-height:17px;
	font-size:15px;
	font-family:'FuturaLtBTLightItalic';
}
nav ul li.current_page_parent>a,
nav ul li.current-menu-ancestor>a,
nav ul li ul li.current-menu-item a{
	cursor:default;
	color:black;
}
nav ul li.current_page_item>a{
	cursor:default;
	color:#666565;
}

nav ul li ul li.current-menu-item a,
nav ul li ul li.current-post-parent a,
nav ul li ul li.current-category-ancestor a,
nav ul li ul li.current-post-ancestor a{
	/*font-family:'FuturaHvBTHeavyItalic';*/
	font-weight:bold;
}
nav ul li.current-page-ancestor ul,
nav ul li.current_page_parent ul,
nav ul li.current-menu-item ul,
nav ul li.current-menu-ancestor ul{
	display:block;
}



/***********************************************/
section{
	position:relative;
	background:#ddd;
}


#slider{
	position:absolute;
	top:154px;
	bottom:0;
	left:181px;
	z-index:100;
}
#slider table{
	border-collapse:collapse;
	border-spacing:0;
}
#slider table tr td{
	padding-right:10px;
	vertical-align:top;
}
#slider .slider_elem{
	display:block;
	/*border:1px solid red;*/
	overflow:hidden;
	display:none;
	position:relative;
}
#slider .slider_elem_img img{
	cursor:pointer;
}
#slider .slider_elem_img a.portfolio_plus{
	background:url('img/portfolio_plus.png') center center no-repeat;
	position:absolute;
	bottom:11px; right:15px;
	display:block;
	height:36px;
	width:36px;
	text-indent:-6000px;
	display:none;
}
#slider .slider_elem_text{
	width:435px;
	background:#fff;
	color:#666;
	line-height: 21px;
	font-size:12px;
}
#slider .slider_elem_text h2{
	font-family:'FuturaHvBTHeavy';
	color:#1f1f1f;
	font-size:20px;
	text-transform:uppercase;
	margin-bottom:10px;
}
#slider .slider_elem_text p{
	margin-bottom:10px;
}
#slider .slider_elem_text blockquote{
	background:#f7f7f7 url('img/quote.png') no-repeat scroll 10px 10px;
	padding:5px 20px 1px 40px;
	font-style:italic;
	color:#555;
	margin-bottom:10px;
}

#slider .slider_elem_video .img_fake{
	position:absolute;
	top:0; left:0;
	background:transparent;
	background:rgba(255,255,255,0.2);
	cursor:pointer;
}


#scrollpane{
	width: 520px; 
	margin:0 0 10px;}
#scrollpane .viewport{
	overflow: hidden; 
	position: relative;}
#scrollpane .overview{
	list-style: none; 
	position: absolute; 
	left: 0; 
	top: 0; 
	padding: 0; 
	margin: 0;}
#scrollpane .scrollbar{
	background:url('img/bg-scrollbar-track-y2.png') repeat-y 0 0; 
	position: relative; 
	background-position: 0 0; 
	float: right; 
	width: 15px;}
/*#scrollpane .track{ 
	background:url('img/bg-scrollbar-trackend-y2.png') no-repeat 0 100%; 
	height: 100%; 
	width:15px; 
	position: relative;}*/
#scrollpane .thumb{
	background:url('img/bg-scrollbar-thumb-y2.png') no-repeat 50% 100%; 
	height: 20px; 
	width: 15px; 
	cursor: pointer; 
	overflow: hidden; 
	position: absolute; 
	top: 0; 
	left: 0;}
#scrollpane .thumb .end{
	background:url('img/bg-scrollbar-thumb-y2.png') no-repeat 50% 0; 
	overflow: hidden; 
	height: 5px; 
	width: 15px;}
#scrollpane .disable{
	display:none;}




#slider .slider_elem_actif{
	/*z-index:102;*/
}



/*#slider .slider_elem_overlay{
	cursor:default;
	z-index:102;
}
#slider_overlay{
	background:black;
	position:absolute;
	top:0; right:0; bottom:0; left:0;
	height:100%;
	width:100%;
	z-index:1;
	display:none;
}*/





/***********************************************/
#page_simple{
	position:absolute;
	top:0;
	left:181px;
	z-index:100;
	font: 12px arial, sans-serif;
	padding-bottom:50px;
}
#main .hauteur_fixe{
	margin-top:154px;
	padding-bottom:0;
}
#main .hauteur_fixe p{
	margin:0;
	padding:0;
	height:100%;
}
#page_simple p{
	margin: 15px 0;
	line-height:21px;
	color:#666;
}
#page_simple hr{
	display: block;
	height: 1px;
	background:#333;
	color:#333;
	border: 0;
	width:100%;
}
#page_simple #page_simple_footer{
	position:absolute;
	bottom:0;
	left:0;
}


#page_simple .page_simple_content img{
	margin-right:10px;
}
#page_simple .page_simple_content h1{
	font-size: 23px;
	font-family:'FuturaLtBTLight';
	line-height:28px;	
}
#page_simple .page_simple_content h2{
	margin-top:15px;
	font-size:15px;
	font-family:'FuturaLtBTLight';
}
#page_simple .page_simple_content h3 em{
	font-style:italic;
}
#page_simple .page_simple_content ul,
#page_simple .page_simple_content ol{
	padding: 0 30px;
	margin: 0 0 15px;
}
#page_simple .page_simple_content li{
	padding:5px 0;
	color: #666;
}




/***********************************************/
#category_title{
	position:absolute;
	top:-148px;
	right:0;
	z-index:104;
	font-size:115px;
	color:#71C0E8;
	font-family:'FuturaLtBTLight';
	text-align:right;
	top:-106px;
	text-transform:uppercase;
	width:649px;
}
#category_title a{
	color:#71C0E8;
	float:right;
}
#category_title a:hover{
	text-decoration:none;
}



.page_simple_content{
	margin-right:268px;
}
.page_simple_content #bottom_nav{
	position:static;
	text-align:center;
	width:auto;
}
.page_simple_content #bottom_nav .page-numbers{
	padding:4px 7px;
	float:left;
	display:block;
	border:1px solid #ddd;
	margin-right:3px;
	color:#999;
}
.page_simple_content #bottom_nav a.page-numbers{
	color:black;
}
.page_simple_content #bottom_nav a.page-numbers:hover{
	color:#71C0E8;
	text-decoration:none;
}
.page_simple_content #aside_bloc_menu_bottom{
	width:200px;
	float:right;
	text-align:right;
}


.page_simple_content img{
	margin-right:10px;
}
.page_simple_content h1{
	font-size: 23px;
	font-family:'FuturaLtBTLight';
	line-height:28px;	
}
.page_simple_content h2{
	margin-top:15px;
	font-size:15px;
	font-family:'FuturaLtBTLight';
}
.page_simple_content h3 em{
	font-style:italic;
}
.page_simple_content ul,
.page_simple_content ol{
	padding: 0 30px;
	margin: 0 0 15px;
}
.page_simple_content li{
	padding:5px 0;
	color: #666;
}





aside{
	width:215px;
	float:right;
	padding-top:10px;
}
aside .aside_bloc{
	width:200px;
	margin:0 auto 10px auto;
}
aside h2.widgettitle{
	color:#71C0E8;
	background:#f7f7f7;
	margin:0 7px;
	padding:7px 0 0 5px;
	font-family:'FuturaLtBTLight';
	text-transform:uppercase;
	font-size: 14px;
}
aside .aside_bloc h2.widgettitle{
	margin:0;
}
aside .aside_bloc_menu{
	text-align:right;
	margin-bottom:15px;
	font-family:'FuturaLtBTLight';
	text-transform:uppercase;
	font-size: 19px;
	line-height: 25px;
}


/* Sous-catégories */

aside .souscat{
	background: #f7f7f7;
	padding:10px 7px 1px 7px;
	width:186px;
	margin:0 auto 15px auto;
	list-style:none;
}
aside .souscat li{
}

aside .souscat a{
	line-height:17px;
	font-size:15px;
	font-family:'FuturaLtBTLightItalic';
}
aside .souscat li ul.children{
	list-style:none;
	margin:5px 0 10px 5px;
}
aside .souscat li ul.children a{
	font-size:14px;
}
aside .souscat li.current-cat>a{
	font-weight:bold;
}

/* Twitter
aside .aside_bloc #twitter_div ul li{
	line-height:18px;
	font-size:11px;
	background:#f7f7f7;
	padding:10px 7px 2px 7px;
	list-style-type:none;
}
aside .aside_bloc #twitter_div ul li .entry-meta{
	display:block;
	font-style:italic;
}
aside .aside_bloc #twitter_div ul li a{
	color:#666 !important;
}
aside .aside_bloc #twitter_div ul li a:hover{
	color:black !important;
}

aside #more_updates{
	background:url('img/twitter.png') 180px center no-repeat #f7f7f7;
	display:block;
	width:186px;
	padding:10px 7px 10px 7px;
	margin:0 auto 20px auto;
	font-size:12px;
} */

/* Twitter BIS */
aside .aside_bloc div ul li{
	line-height:18px;
	font-size:11px;
	background:#f7f7f7;
	padding:10px 7px 2px 7px;
	list-style-type:none;
}
aside .aside_bloc div ul li .entry-meta{
	display:block;
	font-style:italic;
}
aside .aside_bloc div ul li a{
	color:#666 !important;
}
aside .aside_bloc div ul li a:hover{
	color:black !important;
}

aside #more_updates{
	background:url('img/twitter.png') 180px center no-repeat #f7f7f7;
	display:block;
	width:186px;
	padding:10px 7px 10px 7px;
	margin:0 auto 20px auto;
	font-size:12px;
}


/* Calendrier */
aside .aside_bloc #calendar_wrap{
	margin-bottom:20px;
}
aside .aside_bloc #wp-calendar{ 
	width: 100%;
	border-collapse:collapse;
	color:#666;
	font-size:11px;
}
aside .aside_bloc #wp-calendar caption{ 
	font-style: italic; 
	text-align: right; 
	color: #3ea9e0;
	background:#f7f7f7;
	padding:0 5px 2px 0;
}
aside .aside_bloc #wp-calendar th,
aside .aside_bloc #wp-calendar td{
	padding:5px 0;
	background: #f7f7f7; 
	border:4px solid #fff;
	text-align:center;
}
aside .aside_bloc #wp-calendar th{ 
	font-weight: bold;
}
aside .aside_bloc #wp-calendar td{
	vertical-align: middle;
}
aside .aside_bloc #wp-calendar td#today{
	background: #ddd; 
}
aside .aside_bloc #wp-calendar tfoot a, 
aside .aside_bloc #wp-calendar tbody a{ 
	color: #3ea9e0;
	display:block;
	font-weight:bold;
}



aside .aside_bloc #category_tags{
	background: #f7f7f7;
	padding:10px 7px 10px 7px;
	margin-bottom:15px;
}
aside .aside_bloc #category_tags a{

}
aside .aside_bloc #category_tags a{
	color:#666;
}
aside .aside_bloc #category_tags a:hover{
	color:#3ea9e0;
}



aside .aside_bloc #menu-blogroll{
	list-style-type:none;
	background: #f7f7f7;
	width:186px;
	padding:10px 7px 1px 7px;
	margin:0 auto 20px auto;
}
aside .aside_bloc #menu-blogroll li a{
	cursor:default;
	color:black;
	line-height:17px;
	font-size:15px;
	font-family:'FuturaLtBTLightItalic';
}
aside .aside_bloc #menu-blogroll li .sub-menu{
	list-style:none;
	margin:5px 0 10px 5px;
}
aside .aside_bloc #menu-blogroll li .sub-menu li a{
	font-size:14px;
	cursor:pointer;
}
aside .aside_bloc #menu-blogroll li .sub-menu li a:hover{
	color:#3ea9e0;
}


aside .aside_bloc .tagcloud{
	margin-top:20px;
	background: #f7f7f7;
	padding:10px 7px 10px 7px;
}
aside .aside_bloc .tagcloud a{
	color:#666;
	font-weight:bold;
}
aside .aside_bloc .tagcloud a:hover{
	color:#3ea9e0;
}







/* Article */
.article_container{
	margin-bottom:30px;
	position:relative;
	/* border-bottom:1px solid #bbb; */
	padding-bottom:20px;
}
.article_container .article_title,
.article_container .article_title a,
.article_comments .article_comments_title{
	font-size: 23px;
	font-family:'FuturaLtBTLight';
	line-height:28px;	
	font-weight:bold;
	margin-top:15px;
}
.article_container .marqueur_gmap{
	display:block;
	height:23px;
	width:23px;
	position:absolute;
	top:5px; right:0;
	/*background:url('img/marqueur.gif') center center no-repeat;*/
}
.article_container .marqueur_gmap img{
	max-height:23px;
	max-width:23px;
	margin:0;
	border:none;
}

.article_container .article_infos{
	font-size: 13px;
	color:#808080;
	font-family:'FuturaLtBTLightItalic';
	line-height:15px;
}
.article_container blockquote{
	background:#f7f7f7 url('img/quote.png') no-repeat scroll 10px 10px;
	padding:5px 20px 1px 40px;
	font-style:italic;
	color:#555;
	margin-bottom:13px;
}

.aricle_container object{
	z-index:1;
}




.article_container .article_content img,
.article_container .article_content .wp-caption,
.article_container .article_content iframe{
	padding:0;
	/* max-width:100%; */
	margin-bottom:11px;
}
.article_container .article_content img.alignleft{
	float:none;
}
.article_container .article_content img,
.article_container .article_content .wp-caption{
	height:auto;
}
#page_simple .article_container .article_content .wp-caption p.wp-caption-text{
	margin-top:0;
	font-style:italic;
	display:none;
}


/* Commentaires */
.article_comments{
	
}
.article_comments #comments_list{
	border-top:1px solid black;
	margin-top:25px;
	padding-top:25px;
}
.article_comments dl.comments_list{

}


.article_comments dl.comments_list dd{
	margin-top:12px;
	padding:5px;
	/*background:#f7f7f7;*/
	/*border:1px solid #ddd;*/
	background:#eee;
}
#page_simple .article_comments dl.comments_list dd p{
	margin:0 !important;
	color:#000 ;
}

.article_comments dl.comments_list dt{
	margin-bottom:5px;
	padding:2px 5px;
	color:#666;
	/*border:1px solid #ddd;*/
	/*border-top:none;*/
	background:#f7f7f7;
}
.article_comments dl.comments_list dt a.comment-reply-link,
.article_comments dl.comments_list dt a.comment-edit-link{
	float:right;
	padding:0 3px;
}



.article_comments dl.children{
	margin-left:20px;
}
.article_comments dl.children dt{
	margin-top:0;
}





.article_comments #commentform{
	margin-top:30px;
	border-top:1px solid black;
	padding-top:30px;
}

.article_comments #commentform #author,
.article_comments #commentform #email,
.article_comments #commentform #url,
.article_comments #commentform #comment{
	font-family:arial, sans-serif;
	border:1px solid #bbb;
	padding:3px 4px;
}
.article_comments #commentform #author:focus,
.article_comments #commentform #email:focus,
.article_comments #commentform #url:focus,
.article_comments #commentform #comment:focus{
	border:1px solid #999;
}

.article_comments #commentform #author,
.article_comments #commentform #email,
.article_comments #commentform #url{
	float:left;
	display:block;
	width:160px;
	
	margin:0 5px 5px 0;
}
.article_comments #commentform #comment{
	clear:left;
	display:block;
	width:98%;
	max-width:98%;
	resize:vertical;
	height:80px;
	max-height:320px;
}


.article_comments #commentform .comment-notes,
.article_comments #commentform .form-allowed-tags{
	display:none;
}


.article_comments #commentform p{
	margin:0;
}
.article_comments #commentform #submit{
	border:1px solid #bbb;
	cursor:pointer;
	padding:3px 4px;
	margin:5px 0 0 0;
}
.article_comments #commentform #submit:hover{
	border:1px solid #999;
}


/***********************************************/
a#corner_link{
	position:fixed;
	top:0; right:0;
	display:block;
	height:106px;
	width:106px;
	background:url('img/corner_link.png') right top no-repeat;
	text-indent:-6000px;
	z-index:102;
}


footer p,
#page_simple #page_simple_footer p{
	font-size:10px;
	font-family:arial, sans-serif;
	line-height:30px;
	height:30px;
	margin:0;
	color:black;
	padding-right:8px;
}
footer{
	position:fixed;
	right:0; bottom:0; left:0;
	background:white;
	padding-left:181px;
	z-index:103;
}
#page_simple #page_simple_footer{
	position:absolute;
	bottom:0;
	left:0;
	right:0;
}