div#ismobile { display: block; }

/* ######################## */
/* Reset */
/* ######################## */

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, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font-family: inherit; /* modified -inherit */
	/* font-family: Helvetica, Arial, serif; */
	vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}

body {
	line-height: 1;
}

blockquote, q {
	quotes: none;
}

blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* ######################## */
/* Globales */
/* ######################## */

html, body { height:100%; margin: 0; padding: 0; font-family: Helvetica, Arial, serif; }

a { text-decoration: none; color: #00E; }

del { background: #daa; text-decoration: none; font-style: normal; text-decoration: line-through; }
ins { background: #ada; text-decoration: none; font-style: normal; }

div.dialog { display: none; position: fixed; left:50%; margin-left:-250px; top: 200px; text-align: center; width: 500px; z-index: 1001; background: #eee; border: 1px solid black; padding: 5px; font-size: 15px; }
div.dialog a.close { display: block; position: absolute; top: 5px; right: 5px; border: 0; text-indent: -9999px; background: url("../img/close.png") top left no-repeat transparent; width: 16px; height: 16px;}
div.dialog form { margin-top: 15px; }
div.dialog form label { display: inline; float: none; }
div.dialog form input, div.dialog form select { display: inline; float: none; }
div.dialog div.title { font-size: 20px; border-bottom: 1px solid black; padding-bottom: 5px; text-align: center; margin-bottom: 15px; }
div.dialog button[type=submit] { display: block; margin: 10px auto; font-size: 18px; padding: 5px; width: 100px; }

div.notification_box.error { font-size: 14px; line-height: 21px; padding: 5px; background: #FDD; border: 2px solid pink; margin-bottom: 20px; font-weight: bold; color: #300; }

div#bbc_bar { border: 1px solid #aaa; border-bottom: 0; background: #ccc; padding: 3px; }
div#bbc_bar button.bbc_icon {
	text-indent:-9999px;
	text-transform:capitalize;
	font-size:0;
	line-height:0;
	float: left;
	display: block;
	margin-right: 5px;
	border: 1px solid transparent;
	background: url(../img/bbc/text_align_justify.png) center no-repeat transparent;
	cursor: pointer;
	width: 20px;
	height: 20px; }
div#bbc_bar button.bbc_icon:hover { border: 1px solid black; }
/* ######################## */
/* Accueil */
/* ######################## */

div#accueil { width: 100%; background: #F0EFEF; } 

/* ######################## */
/* Read */
/* ######################## */

div#read-header { background: #DDD; border-bottom: 1px solid #C3C1C1; text-align: center; padding: 20px 0px; font-size: 13px; line-height: 17px; } /* margin 0; width 100% */

div#page { min-height: 100%; width: 100%; background: #f0efef; margin: auto; border-left: 1px solid #c3c1c1; border-right: 1px solid #c3c1c1; }
div#page.demi { font-size: 14px; line-height: 21px; } /* 14px/23px */
div#page.code { font-size: 12px; line-height: 17px; }
div#page.code.edit { font-size: 12px; line-height: 17px; }
div#page.standard { font-size: 14px; line-height: 21px; } /* , div#page.standard div#read-header .. ^*3 */
div#page.editlog { font-size: 14px; line-height: 21px; } /* , div#page.standard div#read-header .. ^*3 */



div#page-inner h1 { text-align: center; margin: 30px; font-size: 23px; line-height: 40px; font-family: 'Trebuchet MS', 'Palatino Linotype','Book Antiqua',Palatino,serif; font-weight: normal; } /* 36px, 30px */

div#text h2, div#text h3, div#text h4, div#text h5 { display: block; line-height: 1.05; }
div#text h2 { font-size: 25px; padding: 8px; text-align: center; background: #ccc; margin: 60px 0 15px; }
div#text h3 { font-size: 20px; border-bottom: 1px solid gray; margin: 25px 0 10px; padding-bottom: 3px; }
div#text h4 { font-size: 16px; font-weight: bold; padding-left: 20px; margin: 25px 0; }
div#text h5 { }

div#page.edit.edit_form textarea { width: 100%; height: 150px; padding: 0; } /* 630px - 2border -18padding */






div#comments { margin: 50px 0 0 0; }
div#comments h2 { font-size: 22px; text-align: center; border-top: 1px solid black; padding-top: 17px; margin-bottom: 37px; }
div#comments h3 { font-size: 18px; text-align: center; margin-top: 40px; margin-bottom: 15px; }

div.comment { margin: 10px auto; color: #0c0c0c; margin: 20px auto; border: 1px solid #adadad; padding: 8px; }

div.comment p.comment_text, div.comment p.comment_left { font-size: 15px; line-height: normal; }
div.comment p.comment_info, div.comment p.comment_right { font-size: 13px; color: #878787; font-size: 11px; margin-bottom: 8px; }
div.comment span.comment_left-info { color: #878787; font-size: 11px; }
div.comment p.comment_info em, div.comment span.comment_left-info em { font-style: normal; color: #505050; }

body div.comment p.comment_right { text-align: center; } 
body div.comment p.comment_right input { display: inline; } 

div#page.code div#comments form,d iv#page.standard div#comments form {  }
div#comments form div.clearfix {  }
div#comments form button { text-indent: -5000px; border: 0; width: 98px; height: 36px; background: url("../img/comment-submit.png") no-repeat 0px 0px; }
div#comments form button:hover { background-position: 0px -36px; }
div#comments div#comments_erreurs { text-align: center; padding: 10px; border: 1px solid #f46767; margin-bottom: 15px;  }
div#comments div#comments_erreurs span.erreurlabel { font-style: italic; }

ul#comments_pagination { font-size: 13px; position: relative; float: right; margin-right: 8px; }
ul#comments_pagination div#hover { width: 19px; height: 24px; background: #efefef; border: 1px solid #686767; position: absolute; display: none; }
ul#comments_pagination li { float: left; list-style-type: none; margin-left: 8px; }
ul#comments_pagination li a { color: #02b; color: #222; padding: 5px; background: #e6E6E6; border: 1px solid #BBB; }
ul#comments_pagination li.clickable:hover a { border-color: #888;  }
ul#comments_pagination li.current { font-weight: bold; }



div#page.editlog div#page-inner { padding: 0px; } /* gauche: 100px + 60px */
div#page.editlog div#page-inner h1 { display: block; margin: 20px 0; } /* gauche: 100px + 60px */
div#page.editlog h2 { text-align: center; display: block; }
div#page.editlog h2 span { font-weight: normal; }
div#page.editlog a:active, div#page.editlog a:visited, div#page.editlog h2 a { color: #00E; }
div#page.editlog div#compare_new h2, div#page.editlog div#compare_old h2 { display: block; }
div#page.editlog div#compare_choose { }
div#page.editlog div#compare_choose, div#page.editlog div#compare_choose, div#page.editlog div#compare_old, div#page.editlog div#compare_new { width: 100%; }
div#page.editlog div#compare_choose div.padding_taker { height: 200px; overflow-y: auto;}
div#page.editlog div#compare_choose div.entry { overflow: hidden; }
div#page.editlog div#compare_choose div.entry.remote_hover { background: #ccc;  }
div#page.editlog div#compare_choose p.date { float: left; } 
div#page.editlog div#compare_choose div.radios { float: right; } 
div#page.editlog div#compare_new { background: #bbf; }
div#page.editlog div#compare_old { background: #ccf; }
div#page.editlog div.padding_taker { padding: 10px; }