/*
Theme Name: ascott.ca
Theme URI: http://ascott.ca/
Description: Le thème officiel du site.
Version: 0.2
Author: Adam Scott
 
Thème créé pour usage personnel.
Adam Scott
http://ascott.ca/
 
*/

/* BASE */
strong {
    font-weight: bold;
}

em {
    font-style: italic;
}


/*
@font-face {
    font-family: "FontFace Myriad Pro";
    src: url('css/MyriadPro-Regular.otf');
}
*/

@font-face {
	font-family: "Bitstream Vera Sans Mono";
	src: url('css/VeraMono.ttf');
}

/* HEADER */
body {
    /*font-family: "Myriad Pro", "FontFace Myriad Pro", verdana, arial, sans-serif;*/
    /*font-family: georgia, 'Times New Roman', times, serif;*/
    font-family: verdana, arial, sans-serif;
    font-size: 14px;
}

div#conteneur {
    width: 945px;
    margin: 15px auto;
}

header {
    display: block;
    position: relative;
}

header span.texte_header {
	display: none;
}

abbr {
	border-bottom: 1px dashed #CCCCCC;
}

h1 {
    display: block;
    font-size: 3em;
/*
    width: 303px;
    height: 50px;
*/
	width: 225px;
	height: 54px;
/*
	margin-bottom: 14px;
*/
	margin-bottom: 20px;
}

h1 a {
    display: block;
	width: 225px;
	height: 54px;
	background-image: url('images/titre.png');
	/*text-decoration: underline;*/
}

h1 a:visited, h1 a:link {
    /*color: black;*/
}

/*
div#banniere_blogue {
	display: block;
	width: 945px;
	height: 100px;
	background-image: url('images/banniere.png');
    margin: 16px auto;
}
*/

/* BLOGUE */

section {
    display: block;
}

section#blogue {
    float: left;
    width: 703px;
    position: relative;
    margin-bottom: 14px;
}

article {
    display: inline-block;
    width: 703px;
    position: relative;
}

article div.article_texte h2.article_titre {
    font-size: 2.5em;
    color: #D80028;
    font-weight: normal;
    font-style: normal;
	display: block;
	margin-bottom: 20px;
}

article div.article_texte h1 {
    font-size: 20px;
    color: black;
	font-weight: bold;
	float: none;
	background-image: none;
	display: inline;
	font-family: georgia, 'Times New Roman', times, serif;
}

article div.article_texte h2 {
    font-size: 17px;
    color: black;
	float: none;
	display: inline;
	font-family: georgia, 'Times New Roman', times, serif;
}

article div.article_texte h3 {
    font-size: 16px;
    color: black;
    font-style: italic;
	float: none;
	display: inline;
	font-family: georgia, 'Times New Roman', times, serif;
}

article div.article_texte {
    float: right;
    width: 584px;
    display: block;
    font-family: verdana, arial, sans-serif;
    font-size: 0.9em;
	line-height: 1.5em;
}

article div.article_texte h2.article_titre a {
    /*text-decoration: none;*/
}

article div.article_texte h2.article_titre a:link, article div.article_texte h2.article_titre a:visited {
    color: #D80028;
}

ul.article_meta {
    display: block;
    float: left;
    width: 102px;
    font-size: 0.8em;
}

div.article_texte hr {
    width: 300px;
    clear: both;
    border-style: none;
    border-top-style: dotted;
    border-width: 1px;
    border-color: #D80028;
}

div.article_texte p {
	margin-bottom: 2em;
}

div.article_texte img {
	padding-top: 10px;
}

div.article_texte img.alignleft {
	padding-right: 10px;
}

div.article_texte img.alignright {
	padding-left: 10px;
}

div.article_texte:first-child {
	padding-top: 0px;
}

/* BIO */
div.article_texte div.article_bio {
    display: block;
    margin-bottom: 14px;
    clear: both;
}

div.article_texte div.article_bio h3 {
    font-size: 1.25em;
    display: block;
    position: relative;
    margin-bottom: 14px;
}

div.article_texte div.article_bio img {
    display: block;
    float: left;
    position: relative;
    margin-bottom: 14px;
}


div.article_texte div.article_bio div.article_bio_texte {
    position: relative;
    left: 24px;
    margin-bottom: 14px;
    display: block;
}

div.article_texte div.article_bio div.article_bio_texte h4 {
    font-size: 1.10em;
    font-weight: bold;
    display: block;
    position: relative;
    margin-bottom: 0.25em;
}

div.article_texte div.article_bio div.article_bio_texte p {
    margin-top: 0.45em;
    font-size: 0.9em;
}

/* PAGE */
article.page {
    
}

article.page div.article_texte {
    float: none;
    width: 700px;
}

/* COMMENTAIRES */
div.cadre_commentaires {
    position: relative;
    display: block;
    /*background-color: #DDDDDD;*/
}

div.cadre_commentaires h3 {
    font-size: 1.25em;
}


div.cadre_commentaires ol.commentlist {
    /*margin: 10px 5px;*/
	margin: 10px 0;
    font-size: 0.85em;
}

div.cadre_commentaires ol.commentlist div.commenttext {
    border: 1px solid #BBBBBB;
    background-color: #FFFFFF;
    padding: 5px;
    display: block;
}

div.cadre_commentaires ol.commentlist div.commentmetadata {
    margin-bottom: 10px;
    padding-top: 6px;
    padding-left: 10px;
    background-image: url('images/bulle.png');
    background-repeat: no-repeat;
    background-position: 20px 0;
    margin-top: -2px;
}

/* SIDE-BAR */
menu {
    display: block;
    margin: 0;
    padding: 0;
}

menu#menu_blogue {
    font-size: 0.8em;
    float: right;
    width: 222px;
    margin-bottom: 14px;
}

menu#menu_blogue h2 {
    font-size: 1.1em;
	font-weight: bold;
}

menu#menu_blogue menu {
    display: block;
    margin: 20px auto 0 0;
}

menu#menu_blogue ul.liste_sans_titre {
    display: block;
    margin: 20px auto 0 0;
}

/* FOOTER */
footer {
    position: relative;
    display: block;
    clear: both
}

footer hr {
    position: relative;
    width: 586px;
    height: 1px;
    display: block;
	border: 0;
	border-bottom: 1px dashed #E73727;
}

footer div.footer_colonne {
    display: block;
    width: 285px;
    float: left;
    margin-right: 75px;
    margin-bottom: 14px;
}

footer div.footer_colonne h3 {
    font-size: 1.25em;
    margin-bottom: 10px;
}

footer div.footer_colonne h3 sub {
    font-size: 0.5em;
}


footer div.footer_colonne p {
    font-size: 0.95em;
}

footer div.footer_colonne p {
    margin-bottom: 10px;
}

footer div.footer_colonne img {
    margin-bottom: 10px;
}

footer div#footer_twitter div#tweets ul li div.tweet {
    display: block;
    margin: 10px auto;
}

footer div#footer_twitter div#tweets ul li div.tweet p.tweet_text {
    border: 1px solid #BBBBBB;
    background-color: #FFFFFF;
    padding: 5px;
    display: block;
	margin-bottom: 0;
}

footer div#footer_twitter div#tweets ul li div.tweet p.tweet_permalink {
    font-size: 0.8em;
    display: block;
    background-image: url('images/bulle.png');
    background-repeat: no-repeat;
    background-position: 20px 0px;
    margin-top: -2px;
    padding-top: 5px;
    padding-left: 200px;
    height: 15px;
}

footer div#footer_legal {
	margin-right: 0;
	width: 225px;
}