/* Reset */

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; }
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}
q:before,q:after { content:''; }
abbr,acronym { border:0; }

/* Un-reset */

body { font: 9pt/1.5em Arial, Helvetica, sans-serif; color: #333; line-height: 16px; }
pre, code, tt { font: 1em/1.5em 'Andale Mono', 'Lucida Console', monospace; }
h1, h2, h3, h4, h5, h6, b, strong { font-weight: bold; }
em, i, dfn { font-style: italic; }
dfn { font-weight: bold; }
p, code, pre, kbd { margin: 0 0 1.5em 0; }
blockquote { margin: 0 1.5em 1.5em 1.5em; }
li ul, li ol { margin: 0 1.5em; }
ul, ol { margin: 0 1.5em 1.5em 1.5em; line-height: 20px; }
ul, ul li { list-style-type: disc; }
ol, ol li { list-style-type: decimal; }
dl { margin: 0 0 1.5em 0; line-height: 20px; }
dl dt { font-weight: bold; }
dd { margin-left: 1.5em; }
table { margin-bottom: 1.4em; width: 100%; }
th { font-weight: bold; }
th, td, caption { padding: 4px 10px 4px 5px; }
tfoot { font-style: italic; }
sup, sub { line-height: 0; }
abbr, acronym { border-bottom: 1px dotted; }
address { margin: 0 0 1.5em; font-style: italic; }
del { text-decoration: line-through; }
pre { margin: 1.5em 0; white-space: pre;}
a { color: #ab0404; text-decoration: none; }
.sc:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

/* Body */

body {
	background: #f1e8dd url(../images/back-html.jpg) 0 0 repeat-x;
}
#wrapper {
  display: table;
	width: 100%;
	background: transparent url(../images/body.jpg) top center no-repeat;
}

/* Container */

#container {
	position: relative;
	width: 996px;
	margin: 0 auto 20px;
}

/* Header */

#header {
	position: relative;
	height: 134px;
	padding: 22px 10px 0;
	background: transparent url(../images/back-header.png) 0 0 no-repeat;
}
#journaldujapon {
	display: block;
	width: 240px;
	height: 100px;
}
#search {
	position: absolute;
	top:83px;
	right: 27px;
	width: 319px;
	height: 28px;
	padding: 11px 0 0 30px;
	margin: 0;
	background: transparent url(../images/back-search.png) 0 0 no-repeat;
}
#search p {
	float: left;
	margin: 0;
	background: #e3781a;
}
#search p .itext {
	vertical-align: top;
	width: 181px;
	height: 18px;
	margin: 0 4px 0 0;
	padding: 5px 0 0 55px;
	border: none;
	background: #fff url(../images/back-itext-search.png) 0 0 no-repeat;
	font-size: 11px;
	color: #333;
}
#social-btns {
	position: absolute;
	top: 47px;
	right: 32px;
	margin: 0;
}
#social-btns li {
	float: left;
	list-style: none;
	margin: 0 0 0 7px;
}
#header .tabs {
	height: 34px;
	margin: 0;
	font-family: "Trebuchet MS";
}
#header #tabs {
	float: left;
}
#header #tabs-second {
	float: right;
}
#header .tabs li {
	float: left;
	list-style: none;
	border-left: 1px solid #dcc3a0;
}
#header .tabs li a {
	display: block;
	border-right: 1px solid #a68a65;
	text-decoration: none;
	color: #5a4528;
	text-shadow: 0 1px 0 #d0b590;
}
#header .tabs li a:hover {
	background: transparent url(../images/tabs.png) 0 0 repeat-x;
}
#header #tabs li.first {
	border: none;
}
#header .tabs li.active {
	border-left: 1px solid #fff;
}
#header .tabs li.last {
	border-right: 1px solid #dcc3a0;
}
#header .tabs li.concours a {
	background: transparent url(../images/tabs.png) 0 -68px repeat-x;
}
#header .tabs li.active a {
	text-shadow: none;
	background: transparent url(../images/tabs.png) 0 -34px repeat-x;
}
#header .tabs li a span {
	display: block;
	height: 34px;
	padding: 0 10px 0 11px;
	line-height: 34px;
	font-size: 11px;
}
#header #tabs-second li {
	border-right: none;
	border-left: 1px solid #a68a65;
}
#header #tabs-second li.active a {
	border-left: 1px solid #fff;
}
#header #tabs-second li a {
	border-right: none;
	border-left: 1px solid #dcc3a0;
}
#header #tabs-second .concours a {
	color: #943d00;
	border-right: none;
	border-left: 1px solid #fdb545;
	text-shadow: 0 1px 0 #f8a942;
}
#header #tabs-second .concours a:hover {
	background-position: 0 -102px;
}
#header #tabs-second .last a {
	border-right: none;
}

/* Template 2 col */

#main-col {
	float: left;
	width: 634px;
}
#side-col {
	float: right;
	width: 310px;
}

/* Side bar */

.concours-promo {
	width: 310px;
	height: 53px;
	display: block;
	margin: 0 0 10px;
}
#side-col .title-box {
	margin: 0 0 10px;
}
#side-col-right .title-box .inner {
	font-size: 11px;
}

#concours-promo {
    width: 310px;
    height: 53px;
    margin: 0 0 10px;
    background: transparent url(../images/back-concours-promo.png) 0 0
no-repeat;
}
#concours-promo a {
    display: block;
    height: 53px;
}
#main #concours-promo a:hover {
    text-decoration: none;
}
#concours-promo a .label {
    display: block;
    padding: 10px 0 0;
    text-align: center;
    font-size: 14px;
    font-weight: bold;
    color: #943d00;
    text-shadow: 0 1px 0 #f8a942;
    -moz-text-shadow: 0 1px 0 #f8a942;
    -webkit-text-shadow: 0 1px 0 #f8a942;
}
#concours-promo a .value {
    display: block;
    padding: 3px 0 0;
    text-align: center;
    font-weight: bold;
    color: #fff;
}

/* Main */

#main {
	padding: 10px 20px;
	background: transparent url(../images/back-container.png) 0 0 repeat-y;
}

/* Boxes & titles */

.box .title-ctnr { background: #880f0e url(../images/box-sprite.png) 0 0 repeat-x; }
.box .brown { background-position: 0 -155px; background: #c7aa82 }
.box .title-ctnr .inner {	background: transparent url(../images/box-sprite.png) 0 -31px no-repeat; }
.box .brown .inner { background-position: 0 -186px; }

.box .title {
	display: block;
	height: 31px;
	padding: 0 0 0 10px;
	line-height: 32px;
	background: transparent url(../images/box-sprite.png) right -62px no-repeat;
}
.box .red .title,
.box .red .title a {
	color: #fff;
	text-shadow: 0 1px 0 #4e0201;
	text-decoration: none;
}
.box .brown .title {
	color: #5a4528;
	text-shadow: 0 1px 0 #e3ccad;
	background-position: right -217px;
}
.box .brown .title a {
	color: #5a4528;
	text-decoration: none;
}
.box .content {
	background: #e9e9e9 url(../images/box-bl.png) bottom left no-repeat;
}
.box .content .inner {
	padding: 7px 9px;
	background: transparent url(../images/box-br.png) bottom right no-repeat;
}

.title-box .title-ctnr { background: #880f0e url(../images/box-sprite.png) 0 0 repeat-x; }
.title-box .brown { background-position: 0 -155px; background: #c7aa82 }
.title-box .title-ctnr .inner {	background: transparent url(../images/box-sprite.png) 0 -93px no-repeat; }
.title-box .brown .inner { background-position: 0 -248px; }

.title-box .title {
	display: block;
	height: 31px;
	padding: 0 0 0 10px;
	line-height: 32px;
	background: transparent url(../images/box-sprite.png) right -124px no-repeat;
}
.title-box .red .title,
.title-box .red .title a {
	color: #fff;
	text-shadow: 0 1px 0 #4e0201;
	text-decoration: none;
}
.title-box .brown .title {
	color: #5a4528;
	text-shadow: 0 1px 0 #e3ccad;
	background-position: right -279px;
}
.title-box .brown .title a {
	color: #5a4528;
	text-decoration: none;
}
.title-box .content .inner {
	padding: 7px 9px;
}

#main .title .tabs {
	margin: 0 0 0 -6px;
	padding: 4px 0 0 0;
}
#main .title .tabs li {
	float: left;
	margin: 0 1px 0 0;
	padding: 0;
	background: none;
}
#main .title .tabs li a {
	display: block;
	height: 27px;
	line-height: 27px;
	text-shadow: none;
	font-weight: bold;
	outline: none;
}
#main .title .tabs li a:hover {
	text-decoration: none;
}
#main .title .tabs li a span {
	display: block;
	height: 27px;
	padding: 0 6px;
	line-height: 27px;
	background: transparent url(../images/title-tabs.png) 0 0 repeat-x;
	-moz-border-radius: 3px 3px 0 0;
	-webkit-border-radius: 3px 3px 0 0;
}
#main .title .tabs li.active a span {
	background: #fff;
}

/* Home */

/* First line */

#home-1stline {
	margin: 0 0 12px;
}

/* Une */

#home-une {
	float: left;
	width: 634px;
}
#home-une .une-ctnr {
	float: left;
	width: 450px;
}
#home-une .une-tabs {
	float: right;
	width: 184px;
}
#home-une .une-tabs li {
	margin: 0;
	padding: 0;
	background: none;
	text-align: center;
}
#home-une .une-tabs li a {
	display: block;
	width: 164px;
	height: 52px;
	overflow: hidden;
	padding: 0 10px;
	display: table-cell;
	vertical-align: middle;
	background: #e8daca url(../images/une-sprite.png) 0 0 repeat-x;
	color: #333;
	text-decoration: none;
	font-weight: bold;
}
#home-une .une-tabs li a:hover {
	background-position: 0 -104px;
	text-decoration: none;
}
#home-une .une-tabs li.active a {
	color: #fff;
	background-position: 0 -52px;
	background-color: #880F0E;
}
#home-une .une-legend {
	width: 436px;
}
#home-une h1 {
	padding: 2px 0;
	font-size: 12px;
}
#home-une p {
	margin: 0;
	padding: 3px 0;
	font-weight: normal;
	line-height: 14px;
}

/* News */

#home-news {
	float: right;
	width: 310px;
}
#home-news ul a {
	text-decoration: none;
	font-size: 11px;
}
#home-news a:hover {
	text-decoration: underline;
}

/* Categories box */

#home-cat .home-cat-line {
	margin: 0 0 12px;
}
#home-cat .box,
#home-cat .title-box {
	float: left;
	width: 230px;
	margin: 0 12px 0 0;
}
#home-cat .last {
	margin: 0;
}
#home-cat ul a {
	display: block;
	height: 14px;
	line-height: 14px;
	overflow: hidden;
	font-size: 11px;
	text-decoration: none;
	color: #333;
}

/* Agenda */

#home-agenda {
	font-size: 11px;
}
#home-agenda ul a {
	color: #ab0404;
	text-decoration: none;
}
#home-agenda ul a:hover {
	text-decoration: underline;
}
#home-agenda ul a span, #home-news ul a span {
	color: #333;
}

/* Dossiers */

#home-dir ul a {
	color: #ab0404;
	font-size: 11px;
}

/* Photos */

#home-cat .box .thumb-ctnr {
	margin: 2px 0 7px;
}
#home-cat .box .thumb-legend {
	width: 196px;
}

/* Albums */

#main #home-albums .album-ctnr {
	width: 310px;
	float: left;
	margin: 0 10px 0 0;
}
#main #home-albums .album-legend {
	width: 296px;
}
#main #home-albums .last {
	margin-right: 0;
}
#main #home-albums .content .inner {
	padding: 10px 0;
}

/* Video page */

#video {
	margin: 0 0 10px;
}
#video #video-descr {
	font-size: 11px;
}
#video #video-descr p:last-child {
	margin: 0;
}
#video .duration {
	float: right;
	padding: 0 10px 0 20px;
	height: 31px;
	line-height: 32px;
	background: transparent url(../images/duration.png) left center no-repeat;
	color: #ebc6c6;
}
.videos-box .content .inner {
	padding-top: 10px;
}
.videos-box .vid {
	float: left;
	margin: 0 10px 0 0;
}
.videos-box .last {
	margin: 0;
}

/* A propos */

#about .pendragon {
	float: left;
	margin: 5px 10px 10px 0;
}

#main .social {
	padding: 0 0 0 9px;
}
#main .social li {
	float: left;
	margin: 0 5px 0 0;
	padding: 0;
	background: none;
} 
#main .social li img {
	display: block;
}
#team {
	margin: 0 0 10px;
}
#main .team-founders {
	margin: 20px 0 30px;
}
#main .team-founders li {
	width: 250px;
	float: left;
	margin: 0;
	padding: 0 25px;
	background: none;
	text-align: center;
	font-weight: bold;
}
#main .team-members {
	margin: 0 0 10px;
}
#main .team-founders li .name {
	font-size: 14px;
}
#main .team-members li {
	width: 112px;
	height: 125px;
	float: left;
	margin: 0;
	padding: 0 5px;
	background: none;
	text-align: center;
	font-size: 10px;
	line-height: 12px;
}
#main .team-members li .name {
	font-size: 11px;
}
#main .team-others {
	margin: 10px 0 0;
	font-size: 11px;
	font-weight: bold;
}
#main p.photographers {
	font-size: 11px;
	margin: 10px 0 0;
	font-weight: bold;
}
#main ul.photographers {
	font-size: 11px;
}

/* Concours */

#main .article h1 {
	color: #AB0404;
	font-size: 18px;
	/*font-weight: normal;*/
}
#main .article .content {
	margin: 10px 0;
}
#concours form {
	margin: 15px 0;
	padding: 10px;
	background: #de7335 url(../images/back-concours-form.png) 0 0 repeat-x;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border: 1px solid #EFA246;
	color: #943D00;
	text-shadow: 0 1px 0 #FCB64F;
}
#concours form p {
	text-align: center;
	margin: 10px 0;
}
#concours form .mail {
	font-size: 14px;
}
#concours form .mail input {
	padding: 3px;
	font-size: 12px;
	color: #943D00;
	font-family: Arial;
}
#concours form #nl {
	vertical-align: middle;
}
#concours form .nl label {
	vertical-align: middle;
}
#concours form .isubmit {
	font-size: 14px;
	font-weight: bold;
	font-family: Arial;
	padding: 6px 10px;
	background: #AF4200;
	border: none;
	color: #fff;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

/* Side elements */

.facebook-fans {
	width: 310px;
	margin: 0 0 10px;
}

/* Footer */

#footer {
	height: 81px;
	padding: 10px;
	background: transparent url(../images/back-footer.png) 0 0 no-repeat;
	font-family: "Trebuchet MS";
}
#footer p {
	margin: 0;
	text-align: center;
	font-size: 11px;
	color: #ff9b2e;
}
#footer p a {
	color: #ff9b2e;
}
#footer p a:hover {
	text-decoration: underline;
}
#footer p.copyrights {
	color: #fff;
}
#footer p.partners {
	margin: 10px 0 0;
	color: #c35f5e;
}
#footer p.partners a {
	color: #c35f5e;
}

/* jdj-modal */

#jdj-modal {
	position: absolute;
	width: 500px;
	top: 70px;
	right: 0;
}
#jdj-modal td { padding: 0; }
#jdj-modal #jdj-modal-top,
#jdj-modal #jdj-modal-bottom { height: 10px; }
#jdj-modal .left,
#jdj-modal .right { width: 10px; }
#jdj-modal .center {
	padding: 10px 12px;
	background: #fff;
}
#jdj-modal .jdj-modal-border {
	opacity: .5;
	filter: alpha(opacity=50);
	background: #000;
}
#jdj-modal .top-left { -moz-border-radius: 7px 0 0 0; }
#jdj-modal .top-right { -moz-border-radius: 0 7px 0 0; }
#jdj-modal .bottom-right { -moz-border-radius: 0 0 7px 0; }
#jdj-modal .bottom-left { -moz-border-radius: 0 0 0 7px; }

/* Generic styles */

#main a:hover {
	text-decoration: underline
}
#main ul {
	margin: 0;
	line-height: 16px;
}
#main ul li {
	margin: 0 0 2px;
	padding: 0 0 0 8px;
	list-style: none;
	background: transparent url(../images/arrow-basic.png) left center no-repeat;
}
#main .ctn-wp-left { float: left; }
#main .ctn-wp-right { float: right; }
#main #main-col .ctn-wp-left,
#main #main-col .ctn-wp-right { width: 312px; }

/* Thumbs */

#main .thumb-ctnr {
	position: relative;
	border: 1px solid #c9c9c9;
}
#main .thumb-ctnr .thumb {
	display: block;
	border: 1px solid #fff;
}
#main .thumb-ctnr .thumb img {
	display: block;
}
#main .thumb-legend {
	position: absolute;
	bottom: 0;
	left: 0;
	padding: 3px 7px;
	font-size: 11px;
	color: #333;
	font-weight: bold;
	background: url(../images/white-80.png) 0 0 repeat;
}
#main .thumb-legend a {
	display: block;
	color: #333;
	text-decoration: none;
}

/* Albums */

#main .album-ctnr {
	position: relative;
	border: 1px solid #000;
}
#main .album-ctnr .album {
	display: block;
}
#main .album-ctnr .album img {
	display: block;
}
#main .album-legend {
	position: absolute;
	bottom: 0;
	left: 0;
	padding: 3px 7px;
	font-size: 11px;
	color: #333;
	background: url(../images/black-80.png) 0 0 repeat;
}
#main .album-legend a {
	display: block;
	color: #fff;
	text-decoration: none;
}
#main .album-nbphotos {
	position: absolute;
	top: 5px;
	right: 5px;
	padding: 3px 7px;
	font-size: 11px;
	color: #333;
	font-weight: bold;
	background: url(../images/black-80.png) 0 0 repeat;
}
#main .album-nbphotos a {
	display: block;
	color: #fff;
	text-decoration: none;
}

/* Une */

#main .une-ctnr {
	position: relative;
}
#main .une-ctnr .une {
	display: block;
}
#main .une-ctnr .une img {
	display: block;
}
#main .une-legend {
	position: absolute;
	bottom: 0;
	left: 0;
	padding: 3px 7px;
	font-size: 11px;
	color: #333;
	font-weight: bold;
	background: url(../images/white-80.png) 0 0 repeat;
}
#main .une-legend a {
	display: block;
	color: #333;
	text-decoration: none;
}





/* JDJ */
.catlisting {
    margin-top: 10px;
}
.catlisting_img {
    width: 152px;
    display: inline;
    float: left;
    margin-right: 10px;
    position: relative;
}
.catlisting_txt {
    width: 465px;
    display: inline;
    float: left;
    margin-right: 0px;
    position: relative;
    line-height: 14px;
}
.catlisting_clear {
    clear: both;
}

.article { padding: 5px 20px; }
.asset-header h1 { margin: 0.6em 0; line-height: 1.5; }
.asset-content { font-size: 13px; }
.asset-content p { text-align: justify; line-height: 1.5;  }
.asset-content h3 { line-height: 1.5; margin-bottom: 1em; font-size: 15px; }
.asset-content h2 { line-height: 1.5; margin-bottom: 1em; }
.asset-content ul { margin-bottom: 1.5em !important; }
.asset-content li { line-height: 1.5; text-align: justify; list-style-type: disc !important; list-style-position: inside !important; background: none !important; padding-left: 0 !important; }
.asset-footer { float: right; text-align: right; }
.asset-meta { font-size: 13px; }
.asset-social { clear: both; }

p.sign { text-align: right; }

.image { margin-bottom: 1.5em; }
.jdj-imageleft { float: left; margin: 5px 10px 10px 0; }
.jdj-imageright { float: right; margin: 5px 0 10px 10px; }
.image img { border: none; }
.image em { display: block; margin-top: 0.3em; font-size: 11px; }

h6.jdj-citation, h6.jdj-citation-rl, h6.jdj-citation-rr, h6.jdj-citation-ll, h6.jdj-citation-lr {
    color: #999;
    padding: 0.6em;
    margin: 0.6em;
    width: 220px;
    font-size: 16px;
    line-height: 1.5;
    font-style: italic;
    font-weight: normal;
}
h6.jdj-citation { float: right; text-align: center; }
h6.jdj-citation-rl { float: right; text-align: left; }
h6.jdj-citation-rr { float: right; text-align: right; }
h6.jdj-citation-ll { float: left; text-align: left; }
h6.jdj-citation-lr { float: left; text-align: right; }

blockquote.encart {
    background-color: #faf0e1;
    border: 1px solid #e4d8c8;
    color: #555555;
    margin:  0;
    margin-bottom: 1.5em;
    padding: 10px;
}
blockquote.encart p {
    line-height: 1.5;
    margin-bottom: 0;
}

.entry-categories ul { list-style-type: none; display: inline; }
.entry-categories li { display: inline; background-image: none !important; padding-left: 0.2em !important; }

#relatedentries { font-size: 11px; }
#relatedentries .title { font-size: 12px; }
#relatedentries img { border: 1px solid #999; }
#relatedentries a { color: black; text-decoration: none; font-weight: normal; }
#relatedentries a:hover { color: black; text-decoration: none; }

#relatedentries .grid_1, #albumview .grid_1 { width: 151px; display: inline; margin-top: 5px;
float: left;
margin-left: 5px;
margin-right: 5px;
position: relative; }
#relatedentries .alpha, #albumview .alpha { margin-left: 0; }
#relatedentries .omega, #albumview .omega { margin-right: 0; }


#jdjrotator { position: relative; }
#jdjrotator .une-ctnr { position: absolute !important; top: 0; left: 0; right: 0; bottom: 0; }
#jdjrotator .jdjactive { z-index: 10; }
#jdjrotator .jdjlastactive { z-index: 9; }
#jdjrotator .jdjidle { visibility: hidden; }
#jdjrotator .jdjactive, #jdjrotator .jdjlastactive { visibility: visible; }

.jdjalbum { margin-top: 10px !important; }

div.clear { clear: both; }

#adsense_carre { width: 310px; text-align:center; margin-bottom: 10px; }
.adsense_stick { position: fixed; top: -1px; padding-top: 10px; }

