@import "layout.css";

/* Les éléments HTML en général
-------------------------------------------------------- */
body{
	color: #000;
	font: 80% Verdana, Geneva, Arial, Helvetica, sans-serif;
	line-height: 1.2em;
	background: #000 url(img/base/back.png) 0 50px repeat-x;	
}

h1, h2, h3, h4, h5, h6{
	font-family: "Lucida Grande", "Trebuchet MS", "Bitstream Vera Sans", Verdana, Helvetica, sans-serif;
	font-weight: bold;
}

h1{font-size: 1.5em;}
h2{font-size: 1.4em;}
h3{font-size: 1.3em;}
h4{font-size: 1.2em;}
h5{font-size: 1.1em;}
h6{font-size: 1em;}

p{font-size: .98em;}

dl{
	text-align: center;
	margin: 20px auto 0;
}

dt img{border: 1px dotted #000;}

pre, code{font-size: 1.2em;}

pre{
	width: 100%;
	overflow: auto;
	border: 1px solid #CCC;
}

fieldset{border: none;}

label{
	cursor: pointer;
	cursor: hand;
}

.field label{
	display: block;
}

input,textarea{
	border: 1px solid #AAA;
}

textarea{
	width: 100%;
	font-size: 1em;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}

a{color: #06F;}

.left{
	float: left;
	margin-right: 1em;
}

.right{
	float: right;
	margin-left: 1em;
}

.error{
	color:#F00;
	margin-bottom: 30px;
	padding:8px 14px;
	background: #FEE;
	border: 1px solid #F00;
	border-color: #FAA #F00 #F00 #FAA;
}

.error strong{
	font-variant: small-caps;
	text-transform: uppercase;
}

/* La page
-------------------------------------------------------- */
#container{
	background: #FFF;
	border: 1px solid;
	border-color: #DDD #EFEFEF #EFEFEF #DDD;	
}
 
/* L'entête
-------------------------------------------------------- */
#top{background: #000 url(img/base/pub/home.png) top left no-repeat;}

#top h1{
	text-indent: -200em;
	line-height: 0;
	background: url(img/base/logo.png) top no-repeat;
}

#top h1 a{
	display: block;
	height: 66px;
	width: 212px;
	text-decoration: none;
	margin: 76px 0 0 34px;
}

/* Le prélude
-------------------------------------------------------- */ 
#prelude{
	color: #000;
	text-align: center;
	background: transparent;
}

#prelude a{
	color: #000;
	background: transparent;
}

#prelude a:hover{
	color: #444;
	background: transparent;
}

/* La barre de navigation principale
-------------------------------------------------------- */

#topbar{background: #002060 url(img/base/top-nav.png) top no-repeat;}

#menu ul{
	margin: 0;
	padding: 0;
}

#menu li{
	float: left;	
	text-indent: -200em;
	list-style: none;
	margin: 0;
	padding: 0;
}

#menu a {
	display: block;
	height: 36px;
	text-decoration: none;
}

#home a:hover, #shop a:hover, #contact a:hover{background-position: 0 -35px;}

/* -- Début block recherche --- */

#search{
	float: right;
	width: 338px;
	text-align: right;
}

#search fieldset{
	margin: 0;
	padding: 0;
}

#search form{
	margin: 6px 10px 0 0;
	padding: 0;
}

#search label{display: none;}

#q, .submit{border: 1px solid;}
#q, .submit:hover{border-color: #333 #666 #666 #333;}

#q{
	padding-left: 18px;
	background: #fff url(img/base/search-icon.gif) no-repeat 4px center;
}

.submit, .preview{
	cursor: pointer;
	cursor: hand;
	color: #FFF;
	font: small-caps 11px "Lucida Grande", Verdana, Sans;
	text-transform: lowercase;
	padding: 1px 0;
	background: #000;
	border-color: #666 #333 #333 #666;
}

html>body .submit, html>body .preview{padding: 1px 12px;}

.submit:hover, .preview:hover{background: url(img/base/back-submit.gif) top left;}

/* -- Fin block recherche --- */

/* Le contenu
-------------------------------------------------------- */
#main-container{
	background: #00165D url(img/base/back-main.png) top left no-repeat;
}

#content{
	background: #FFF url(img/base/back-content.png) bottom center no-repeat;
	border: 1px solid;
	border-color: #EFEFEF #DDD #DDD #EFEFEF;
}

/* --- Début Date --- */

p.day-date{
	color: #FFF;
	font-size: 1em;
	font-variant: small-caps;
	text-transform: lowercase;
	text-align: center;
	margin: 0;
	padding: 3px 16px 4px;
	background: #000 url(img/base/back-day.gif) top left;
	border: 1px solid;
	border-color: #EFEFEF #DDD #DDD #EFEFEF;
}

.day-date span{
	color: #E2001A;
	font: 2.2em "Lucida Grande", "Trebuchet MS", "Bitstream Vera Sans", Verdana, Helvetica, sans-serif;
	font-weight: bold;
	letter-spacing: -3px;
	padding-right: 3px;
}

/* --- End Date --- */

 .post-title, .post-info, .post-chapo, .post-content{
	margin-right: 14px;
 	margin-left: 14px;
 }

.post-title{
	color: #06F;
	font-size: 1.8em;
	letter-spacing: -2px;
	margin-top: 21px;
	margin-bottom: 0;
	background: transparent;
}

.post-title a{
	text-decoration: none;
	background: transparent;
}

.post-info{
	color: #AAA;
	margin-top: 8px;
	margin-bottom:0;
	padding:0;
	background: transparent;
}

.post-info a{
	color: #AAA;
	text-decoration: none;
	background: transparent;
}

.post-info a:hover{color: #666;}

.post-content{
	text-align: justify;
	margin-bottom: 20px;
}

.post-content ul{
	padding-right: 20px;
	padding-left: 20px;
}

.post-content li{
	list-style-image: url(img/base/puce.gif);
	line-height: 1.3em;
}

.post-content blockquote{
	font-family: Georgia, serif;
	font-style: italic;
}

.post-info-co{
	font-size: 13px;
	text-align: right;
	text-transform: lowercase;
	padding: 3px 12px;
	background: #F6F6F6 url(img/base/back-bt-comments.gif) top left repeat-x;
	border: 1px solid;
	border-color: #EFEFEF #DDD #DDD #EFEFEF;
}

.post-info-co ul{
	margin: 0;
	padding: 0;
}

.post-info-co li{
	display: inline;
	list-style: none;	
	margin: 0 2px;
	padding: 0;
}

.post-info-co a{
	padding-left: 23px;
	text-decoration: none;
}

.comments a{background: url(img/base/comments.gif) 1px 1px no-repeat;}
.trackbacks a{background: url(img/base/trackbacks.gif) 1px 1px no-repeat;}

.comments-info, .comments-info a{font-weight: normal; font-size: 1em;}
.comments-info{color: #666;}
.comment-number, .comment-number a{
	font-weight: bold;
	text-decoration: none;
}

#trackbacks blockquote, #comments blockquote{
	margin: 1em 0;
	padding: 4px 24px;
	background: #EEE;
}

.form-help, #trackbacks blockquote:hover{
	border: 1px solid;
	border-color: #DDD #EFEFEF #EFEFEF #DDD;
	background: #FFF;
}

#comment-form{
	padding: 12px;
	background: #F6F6F6 url(img/base/back-bt-comments.gif) top left;
}

#trackbacks blockquote, #comments blockquote, #comment-form, #tb-info{
	border: 1px solid;
	border-color: #EFEFEF #DDD #DDD #EFEFEF;
}

.form-help{
	color: #666;
	margin: 4px 8px;
	padding: 12px;
}

input#c_remember{border: none;}

#comments h3, #trackbacks h3{margin-top: 24px;}

h3#co{margin-bottom: 8px;}

p#sco{
 margin: 0;
 padding: 4px 0;
 border-top: 1px dotted #AAA;
 border-bottom: 1px dotted #AAA;
}

p#sco a{
display: block;
text-decoration: none;
font-variant: small-caps;
text-transform: lowercase;
padding-left: 18px; 
background: url(img/base/rss.png) 1px 2px no-repeat;
}

#trackbacks, #comments{margin-right: 8px; margin-left: 8px;}
#trackbacks p{padding: 12px 24px;}
#tb-info{
	color: #FFF;
	margin-bottom: 30px;
	background: #000 url(img/base/back-day.gif) top left;
}

#tb-info span{color: #E2001A; font-weight: normal;}

/* La barre de navigation
-------------------------------------------------------- */
#sidebar div{color: #FFF;}

#sidebar ul{
	list-style: none;
	margin: 0 0 8px 8px;
	padding: 0;
}

#sidebar h2, #sidebar h3{
	color: #FFF;
	margin: 0 0 1ex 0;
}

#sidebar h2{
	height: 32px;
	text-indent: -200em;
	color: #FFF;
	line-height: 0;
}

#links h3{padding: 0 0 1ex 1.3ex;}

#sidebar h3{
	font-size: 1em;
	margin: 0;
}

#sidebar li{
	width: 148px;
	list-style: none;
	margin: 0;
	padding: 0;
}

#sidebar li a{
	display: block;
	color: #FFF;
	font-size: .9em;
	text-decoration: none;
	margin: 0;
	padding: 6px 8px;
	background: #002290 url(img/base/menu.gif) top right no-repeat;
	border: 1px solid;
	border-color: #00259D #001559 #001559 #00259D;
}

#sidebar li a:hover{background: #002BB7 url(img/base/menu-anim.gif) top right no-repeat;}

/* La barre de sélection de langues
-------------------------------------------------------- */

#languages{
	position: absolute;
	top: 86px;
	margin: 0 0 0 102px;
	padding: 0;
}

#languages h2{display: none;}

#languages ul{
	margin: 0;
	padding: 0;
}

#languages li{
	float: left;
	text-indent: -200em;
	width: 28px;
	list-style: none;
	margin: 0;
	padding: 0;
}

#languages li a{
	display: block;
	height: 17px;
	width: 22px;
	text-decoration: none;
	line-height: 0;
	margin: 0;
	padding: 0;
	border: none;
}

#languages li#en a{background: url(img/l10n/en/flag.gif) no-repeat;}
#languages li#fr a{background: url(img/l10n/fr/flag.gif) no-repeat;}

#languages li#en a:hover, #languages li#fr a:hover{background-position: 0 -18px}

/* Le pied de page
-------------------------------------------------------- */
#footer{
	color: #444;
	font-size: .85em;
	font-variant: small-caps;
	text-align: center;
	text-transform: lowercase;
	letter-spacing: -1px;
	margin: 0;
	padding: 1em;
	background: #000;
}

#footer a{
	color: #444;
	text-decoration: none;
}

#footer a:hover{color: #CCC;}

/* Plugins
-------------------------------------------------------- */

.post-info a {margin-right: 4px;}

#comments blockquote.comback_content {
	border: 1px solid;
	border-color: #FBFEFF #CBECFB #CBECFB #FBFEFF;
	background: #E3F5FD;
}

/* Plugins SpreadShop
-------------------------------------------------------- */

.sp-price {color: #d30d0d; font-weight: bold;}

.sp-img a img {border: none;}

.sp-button a {
	display: block;
	font: bold 1em "Trebuchet MS", sans-serif;
	text-decoration: none;
	line-height: 22px;
	margin: 3px auto;
	padding: 0 1em 0 1em;
	border: 1px solid #d30d0d;
	color: #fff;
	background: #d30d0d url(img/spshop/button/red-bg.png) bottom left repeat-x;
}

.sp-button a:hover {color:#ffb7b7;}

.spshopproduct, #spshopselection {text-align: center;}
.spshopproduct .sp-button a {width: 130px;}

#spshopselection {padding-left: 8px;}
#spshopselection h3 {font: bold 90% Verdana,Geneva,Arial,Helvetica,sans-serif;}
#spshopselection .sp-img img {
	border: 2px solid;
	border-color: #00259D #001559 #001559 #00259D;
}

#spshopselection .sp-button a {width: auto;}
#spshopselection {width:148px;}

/* Pub
-------------------------------------------------------- */
#pub {text-align: center; margin: 0 auto; padding-right: 12px;}
#pub a img {border: none;}