div#ismobile { display: none; }

/* ######################## */
/* 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; }

body { background: #D6D6DE top repeat-x fixed;} /* #d6d6de */
body.text { } /* #d6d6de ddd*/
body.accueil {} /* #d6d6de */
body.clean { } /* #d6d6de */

* { margin: 0; padding: 0; }

h1 { font-size: 30px; }

ul { padding-left: 40px; list-style-position: outside; }


strong { font-weight: bold; }

em { font-style: italic; }


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

/* ######################## */
/* Général */
/* ######################## */

a { text-decoration: none; }

label { display: block; font-size: 16px; float: left; text-align: right; width: 175px; padding-right: 10px; line-height: 28px; vertical-align: middle;}
input { display: block; width: 150px; height: 16px;  }
input, textarea, select { -webkit-box-sizing: content-box; display: block; padding: 6px; color: #626262; border: 1px solid #a5a4a4; margin-bottom: 15px; background: white; } /* div#comments textarea */
input[type=image] { background: transparent; }
input, textarea {  } /* div#comments textarea */
select { padding: 6px; line-height: 10px; color: #626262; border: 1px solid #a5a4a4; } /* div#comments textarea */
input[type=checkbox] { width: 16px; height: 16px; padding: 0; }
input[type=radio] { width: 13px; height: 13px; padding: 0; }
input:focus, textarea:focus, select:focus { color: #222; border: 1px solid #222; } /* div#comments textarea:focus  */
textarea { width: 360px; height: 80px; }
button { display: block; }

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

div.notification_box.warning { position: relative; margin-left: 170px; font-size: 14px; line-height: 21px; padding: 10px 60px; background: #FFE5E5; color: #c95d5d; min-height: 32px; border: 2px solid #ffc0cb;  margin-bottom: 20px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}
div.notification_box.warning:before { display: block; content:''; position: absolute; left:-50px; top: 50%; margin-top: -16px; width: 32px; height: 32px; background: url('img/warning.png') no-repeat top left transparent; }
div.notification_box.error { font-size: 14px; line-height: 21px; padding: 10px; padding-left: 52px; background: url('img/error_small.png') no-repeat #FFE5E5; background-position: 10px 10px; min-height: 32px; border: 2px solid pink;  margin-bottom: 20px; font-weight: bold; color: #300; }
div.notification_box.error.one_liner { min-height: 0; height: 32px; line-height: 30px; vertical-align: middle; }
div.notification_box.success { position: relative; font-size: 14px; line-height: 21px; padding: 10px; padding-left: 52px; background: url('img/success.png') no-repeat #DFF1DF; background-position: 10px 10px; min-height: 32px; border: 2px solid #ADDAA5; margin-bottom: 20px; font-weight: bold; color: #232; }
div.notification_box a.close { position: absolute; right: 4px; top: 4px; height: 12px; width: 12px; background: url('img/notification_box_close.png') top right no-repeat transparent; }
div#page.read div.notification_box.success { margin-top: 30px; }


/* vertical align */
div.notification_box.valign {
display:-moz-box; /* Firefox */
-moz-box-orient:horizontal;
-moz-box-align:center;
display:-webkit-box; /* Safari and Chrome */
-webkit-box-orient:horizontal;
-webkit-box-align:center;
display:box; /* W3C */
box-orient:horizontal;
box-align:center;
}


div.notification_box.warning { background: #ffdcdc; /* Old browsers */
background: -moz-linear-gradient(top,  #ffdcdc 1%, #f0d0d0 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#ffdcdc), color-stop(100%,#f0d0d0)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #ffdcdc 1%,#f0d0d0 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #ffdcdc 1%,#f0d0d0 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #ffdcdc 1%,#f0d0d0 100%); /* IE10+ */
background: linear-gradient(to bottom,  #ffdcdc 1%,#f0d0d0 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffdcdc', endColorstr='#f0d0d0',GradientType=0 ); /* IE6-9 */
 }

inpu.submit, button.submit { padding: 0 20px; width: auto; font-size: 18px; font-family: Verdana, Tahoma, sans-serif; color: #7c80be; display: block; border: 1px solid #999898; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; height: 45px; line-height: 43px; vertical-align: middle; cursor: pointer; text-shadow: 0 1px e8e8e8;
background: #1e5799; /* Old browsers */
background: -moz-linear-gradient(top,  #1e5799 0%, #ffffff 0%, #c7c2c2 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1e5799), color-stop(0%,#ffffff), color-stop(100%,#c7c2c2)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #1e5799 0%,#ffffff 0%,#c7c2c2 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #1e5799 0%,#ffffff 0%,#c7c2c2 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #1e5799 0%,#ffffff 0%,#c7c2c2 100%); /* IE10+ */
background: linear-gradient(to bottom,  #1e5799 0%,#ffffff 0%,#c7c2c2 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9f9f9', endColorstr='#c7c2c2',GradientType=0 ); /* IE6-9 */
}
input.submit:hover, button.submit:hover {
background: #f9f9f9; /* Old browsers */
background: -moz-linear-gradient(top,  #f9f9f9 0%, #c7c2c2 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f9f9f9), color-stop(100%,#c7c2c2)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #f9f9f9 0%,#c7c2c2 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #f9f9f9 0%,#c7c2c2 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #f9f9f9 0%,#c7c2c2 100%); /* IE10+ */
background: linear-gradient(to bottom,  #f9f9f9 0%,#c7c2c2 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9f9f9', endColorstr='#c7c2c2',GradientType=0 ); /* IE6-9 */
}

input.submit.small, button.submit.small { padding: 0 10px; font-size: 14px; height: 30px; line-height: 28px; vertical-align: middle; }

/*
.diffen { line-height: 16px; }
.diffen_deleted { background: #daa; }
.diffen_added { background: #ada; }
.diffen_modified { background: #e92; }
.diffen_line { content: "."; background: transparent url("http://subtlepatterns.subtlepatterns.netdna-cdn.com/patterns/subtle_dots.png"); display: block; width: 100%; height: 16px; }
*/

div.dialog { text-align: left; display: none; position: fixed; left:50%; margin-left:-250px; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 500px; z-index: 1001; background: #eee; border: 1px solid black; padding: 5px; font-size: 15px; box-sizing: border-box; }
div.dialog a.close { display: block; position: absolute; top: 5px; right: 5px; border: 0; text-indent: -9999px; background: url("../img/modal_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 p.info { padding: 10px 5px; font-size: 15px; line-height: 20px; margin-bottom: 15px; }
div.dialog#dialog-download_filetype p.info, div.dialog#dialog-edit p.info { padding: 0; text-align: center; }



/* div.dialog button[type=submit] { display: block; margin: 10px auto; font-size: 18px; padding: 5px; width: 100px; } */
div.dialog button.submit { display: block; margin: 10px auto; }



/* ######################## */
/* body#clean > */
/* ######################## */

img#clean_header_small { padding: 20px; display: block; margin: auto; }
a#clean_header_small { background: url("../img/textup-logo.png") 0 20px no-repeat; width: 228px; height: 116px; display: block; margin: 0 auto; border: 0; }
div#clean_bloc { font-family: serif; width: 500px; min-height: 200px;  border: 1px solid black; background-color: #F0EFEF; margin: 0 auto 50px; padding: 30px 60px 52px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; position: relative; }
div#clean_bloc h1 { font-family: "Tahoma"; text-align: center; margin-bottom: 20px; font-weight: normal; }
div#clean_bloc a.clean_icon { width: 32px; height: 32px; float: right; margin-left: 10px; }
div#clean_bloc div#clean_icons_bar { position: absolute; right: 0; bottom: 10px; padding-right: 10px; }
div#clean_bloc a#tohome { background: url("../img/home_32.png") no-repeat; }
div#clean_bloc a#tomail { background: url("../img/email_32.png") no-repeat; }

/* ######################## */
/* Header */
/* ######################## */



/* ######################## */
/* Accueil */
/* ######################## */

div#accueil { min-height: 100%; width: 960px; margin: auto; background: #f0efef; padding: 0 0 1px 0; border-left: 1px solid #c3c1c1; border-right: 1px solid #c3c1c1; }
div#accueil div#accueil-padding { padding: 30px 50px 0; }
img#accueil-logo { float: left; width: 214px; position: relative; top: 5px;}

div#accueil-header-right {
background: url("../img/header-right.png") no-repeat top left; width: 629px; height: 68px; text-indent: -9999px;
font-size: 17px; line-height: 26px; margin: 5px 8px 15px 230px; height: 76px; }
div#accueil-header-right h1 { font-size: 24px; font-family: Harabara; letter-spacing: 1px; }
div#accueil-header-right h2 { font-size: 18px; font-family: 'Champagne & Limousines';  letter-spacing: 1px; }

#ace-editor { display: block; }
div#accueil .ace_gutter, #page.edit .ace_gutter { background: #f7f7f7 }
div#accueil textarea#text, #ace-editor { width: 846px; min-height: 420px; display: block; margin: 0; } /* 836px */
#page.edit #ace-editor { width: auto; }
div#accueil .ace-chrome .ace_marker-layer .ace_active-line, #page.edit .ace-chrome .ace_marker-layer .ace_active-line { background: rgba(0, 0, 0, 0.017); }
div#bbc_bar { border: 1px solid #aaa; border-bottom: 0; background: #ccc; padding: 3px; }
div#bbc_bar button { box-sizing: content-box;
	-webkit-box-sizing: content-box; }
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: 18px;
	height: 18px;

	 }
div#bbc_bar button.bbc_icon:hover { border: 1px solid black; }
div#bbc_bar div.separator { width: 1px; margin-right: 5px; height: 20px; background: #AAA; float: left; } /*iyttioeyw*/
/*
div#accueil div#titre_block { float: left; }
div#accueil div#auteur_block { float: right; }
div#accueil input, div#accueil label, div#accueil select { float: none; display: inline; text-align: left; } /* override default form
*/
div#bbc_bar button#show_edit_titres { margin-top: 0; }
div#bbc_bar div#bbc_bar-headers { background: #AAA; float: left; background: transparent; }


div#accueil label[for=text] { display: none; }

div#accueil div#dynamic_inputs, div#accueil div#dynamic_inputs div#template_block { border: 1px solid #ccc8c8; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; }
div#fixed_inputs input, div#fixed_inputs select { display: block; }

div#accueil form button#upload_text { display: block; float: right; text-indent: -5000px; cursor: pointer; border: 0; width: 387px; height: 72px; background: url("../img/upload-text.png") no-repeat 0px 0px; }
div#accueil form button#upload_text:hover, div#accueil form button#upload_text:focus { background-position: 0px -72px; }



div#accueil div#options { float: left; border: 1px solid #aaa; background: #ddd; padding: 20px; margin-top: 20px; overflow: hidden; margin-bottom: 0; }
div#accueil div#options.contracted { width: 385px; }
div#accueil div#options.expanded { float: none; width: 818px; /*margin-bottom: 20px;*/ } /* quand no captcha */
div#accueil div#options-left { float: left; }
div#accueil div#options.expanded div#options-left { width: 404px; float: left; border-right: 1px solid black; padding-right: 20px; }
div#accueil div#options.expanded div#options-left label { width: 225px; float: left; }
div#accueil div#options.expanded div#options-right {}
div#accueil div#options.expanded div#options-right label { width: 140px; }
div#accueil div#options div.lf { overflow: hidden; height: 50px; }
div#accueil div#options select { width: 100px; }
div#accueil a#options_toggle { text-align: right; display: block; }

html body input[type=checkbox] { width: auto; height: auto; overflow: hidden; margin: 8px 0 0 0;}

div#accueil div#captcha { float: right; margin: 27px 0 0; height: 77px; width: 387px; }
div#accueil div#captcha div#captcha-right { float: right; }
html body div#accueil div#captcha { margin: 20px 0 20px 0; }
div#accueil div#captcha div { margin-left: 5px; }
div#accueil div#captcha label { height: 54px; padding: 12px 12px; float: none; overflow: hidden; width: auto;

background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(220,220,220,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,0)), color-stop(100%,rgba(220,220,220,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(220,220,220,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(220,220,220,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(220,220,220,1) 100%); /* IE10+ */
background: linear-gradient(left, rgba(255,255,255,0) 0%,rgba(220,220,220,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#dcdcdc',GradientType=1 ); /* IE6-9 */


 }
div#accueil div#captcha input { width: 88px; padding: 6px; margin: 5px 0 0 0; display: block; }

div#accueil.captcha_deactivated form button#upload_text, div#accueil.captcha_deactivated div#options { margin-top: 20px; }

div.clearfixbloc { overflow: hidden; } /* BFC */
form div.clearfixbloc { overflow: hidden; margin-bottom: 23px; } /* BFC */
form div.clearfixbloc select, form div.clearfixbloc textarea, form div.clearfixbloc input { margin-bottom: 0;} /* BFC */

div#accueil p#footer { margin: 50px 0 10px 0; text-align: center; font-size: 12px; line-height: 15px; } /* m-t: 50px */

a { color: #4141FF; }
a#fbe_bxait, a#fbe_bait:visited { color: #4141FF }
a#fbe_bxait:hover{ color: #3C3CE2; }
a#fbe_bxait { font-size: 16px; padding: 5px; position: fixed; bottom: -1px; left: 50px; border: 1px solid #AAA; background: #DDD; }
a#fbe_bxait:hover { }
div#fbe { width: 300px; margin: 30px auto; } /* color: #666; border: 1px solid gray; background: #ddd; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; */
div#fbe p#sup { font-weight: bold; text-align: center; }
div#fbe label, div#fbe p#sub {  float: none; width: auto; text-align: left; font-size: 14px; }
div#fbe p#sub { text-align: center; margin-top: 15px; }
div#fbe textarea { width: 286px; margin-bottom: 10px; }
div#fbe button { float: right; margin: 0px; }

table#fbviewer { width: 500px; margin: 100px auto; }
table#fbviewer td, table#fbviewer th { padding: 10px; }
table#fbviewer td { border: 1px solid gray; }
table#fbviewer td,table#fbviewer th { width: 5px; }
table#fbviewer td:first-child, table#fbviewer th:first-child  { width: auto; }



@media screen and (max-width: 960px) {
	div#accueil { width: auto; }
	div#accueil textarea#text, div#bbc_bar { width: 100%; box-sizing: border-box; }
	img#accueil-logo { float: none; display: block; margin: auto; }
	div#accueil-header-right { margin-left: 0; width: 100%; background-size: contain; background-position: center center; margin: 20px 0; }
	#options { margin-bottom: 20px; }
	#captcha { float: none; }
	#options { float: none; }
	div#accueil div#options.contracted { width: 100%; box-sizing: border-box; }
	div#accueil div#options.expanded,
	div#accueil div#options.expanded div#options-left,
	div#accueil div#options.expanded div#options-right { width: auto; }
	div#accueil div#options.expanded div#options-left { padding: 0; }
	div#accueil div#options.expanded div#options-left,
	div#accueil div#options.expanded div#options-right { float: none; border: 0; }
	div#accueil div#options.contracted label,
	div#accueil div#options.contracted label,
	div#accueil div#options.expanded div#options-left label,
	div#accueil div#options.expanded div#options-right label { text-align: right; width: 50%; }
	div#accueil form button#upload_text { float: none; margin: auto; }
	div#accueil div#options div.lf { height: auto; }
}

@media screen and (min-width: 960px) {  /* default */
	body.accueil-code #ace-editor { width: auto; }
	/* c/c */
	body.accueil-code div#accueil { width: auto; }
	body.accueil-code div#accueil textarea#text,
	body.accueil-code div#bbc_bar { width: 100%; box-sizing: border-box; }
	body.accueil-code img#accueil-logo { float: none; display: block; margin: auto; display: inline-block; }
	body.accueil-code div#accueil-header-right { margin-left: 0; background-size: contain; background-position: center center; margin: 20px 0; display: inline-block; vertical-align: 50px; margin-left: 50px; margin-bottom: 30px; }
	body.accueil-code div#accueil-padding { text-align: center; }
	body.accueil-code div#accueil-padding > * { text-align: left; }
	body.accueil-code #options { margin-bottom: 20px; }
	body.accueil-code #captcha { float: none; }
	body.accueil-code #options { float: none; }
	body.accueil-code div#accueil div#options.contracted { width: 100%; box-sizing: border-box; }
	body.accueil-code div#accueil div#options.expanded,
	body.accueil-code div#accueil div#options.expanded div#options-left,
	body.accueil-code div#accueil div#options.expanded div#options-right { width: auto; }
	/*body.accueil-code div#accueil div#options.expanded div#options-left { padding: 0; }
	body.accueil-code div#accueil div#options.expanded div#options-left,
	body.accueil-code div#accueil div#options.expanded div#options-right { float: none; border: 0; }
	body.accueil-code div#accueil div#options.contracted label,
	body.accueil-code div#accueil div#options.contracted label,
	body.accueil-code div#accueil div#options.expanded div#options-left label,
	body.accueil-code div#accueil div#options.expanded div#options-right label { text-align: right; width: 50%; }
	body.accueil-code div#accueil div#options div.lf { height: auto; }*/
	body.accueil-code div#accueil form button#upload_text { float: none; margin: auto; }
}

@media screen and (max-width: 515px) {
	div#accueil div#options div.lf { height: auto; }
	div#accueil div#options.contracted label,
	div#accueil div#options.expanded div#options-left label,
	div#accueil div#options.expanded div#options-right label { float: none; display: block; width: auto; text-align: left; }
	div#accueil div#options.expanded div#options-right label[for=cliquable], div#accueil div#options.expanded div#options-right label[for=autoriser_commentaires] { display: inline-block; }
	div#accueil div#options input[type=checkbox] { display: inline-block; }
	div#accueil div#captcha { width: auto; height: auto; }
	div#accueil div#captcha label { height: auto; }
	div#accueil form button#upload_text { width: 198px; height: 36px; background-size: 100%; float: right; }
	div#accueil form button#upload_text:hover, div#accueil form button#upload_text:focus { background-position: 0px -36px; }

	div.dialog { left: 0; right: 0; width: auto; margin-left: 0; }
}

/*
body div#accueil form button#upload_text, body div#accueil div#options { margin-top: 10px; }
*/

/* ######################## */
/* Header */
/* ######################## */



/* ######################## */
/* Accueil */
/* ######################## */



/* ######################## */
/* Inforparser */
/* ######################## */


/* ######################## */
/* Texte */
/* ######################## */

/* bg #DDD, 13px/21px <-- */
/* bg #A3A3A3, 14px/23px, #0F0F0F */
div#page { min-height: 100%; width: 750px; background: #f0efef; margin: auto; }
div#page.standard { width: 100%; font-size: 14px; line-height: 21px; } /* , div#page.standard div#read-header .. ^*3 */
div#page.demi { width: 100%; font-size: 14px; line-height: 21px; } /* width:750px; 14px/23px */
div#page.code { width: 100%; font-size: 12px; line-height: 17px; }
div#page.edit { font-size: 12px; line-height: 17px; border-left: 1px solid #c3c1c1; border-right: 1px solid #c3c1c1; }
div#page.edit_confirm { width: 100%; border: 0; }
div#page.code.edit { /* width: 950px; */  }
div#page.edit.edit_form label { width: calc(50vw - 60px); }
div#page.edit.edit_form div#actions { margin-top: 30px; }
/*div#page.standard.edit { width: 950px; } /* , div#page.standard div#read-header .. ^*3 */
div#page.code.edit.edit_form textarea, div#page.standard.edit.edit_form textarea { width: 100% !important; box-sizing: border-box; }

/* div#page.edit_confirm { width: 100%; } */ /* , div#page.standard div#read-header .. ^*3 */




div#page.edit_confirm table { border-spacing: 0; border-collapse: separate; margin-top: 70px; width: 100%; }
div#page.edit_confirm table input,
div#page.edit_confirm table select,
div#page.edit_confirm table textarea {  }
div#page.edit_confirm table textarea { width: 100%; height: 300px; }
div#page.edit_confirm table a#to_textarea { display: block; text-align: right; margin-top: 1em; }
div#page.edit_confirm a#show_extra_rows { text-align: center; display: block; width: 145px; margin-top: 25px; }
div#page.edit_confirm input.submit { float: right; margin-top: 16px; }
div#page.edit_confirm table th { font-size: 18px; font-family: Arial, sans-serif; font-weight: bold; }
div#page.edit_confirm table th small { font-size: 10px; font-weight: normal; }
div#page.edit_confirm table th.tl_head { text-align: center; padding-bottom: 25px; height: 50px; vertical-align: bottom; } /* 50=75px-25padding */
div#page.edit_confirm table th.tl_head.old { background: top left no-repeat url("img/tab_ligne_verticale.png"); }
div#page.edit_confirm table th.tl_leftlimb { text-align: right; width: 145px; padding-right: 25px; } /* w = 170 - padding25 */
div#page.edit_confirm table th.tl_leftlimb { background: top right no-repeat url("img/tab_ligne_horizontale.png");  } /* w = 170 - padding25 */
div#page.edit_confirm table tr.first th.tl_leftlimb { background: none; } /* w = 170 - padding25 */

div#page.edit_confirm table td { font-size: 13px; text-align: justify; border-top: 1px solid #a9a8a8; border-left: 1px solid #a9a8a8; padding: 25px 60px; color: #2c2b2b; }
div#page.edit_confirm table tr.last td { border-bottom: 1px solid #a9a8a8; }
div#page.edit_confirm table tr.extra td { background: #f1f1f1; }
div#page.edit_confirm table tr.extra th { color: #9d9d9d; font-style: italic; }
div#page.edit_confirm table td { background: #ededed; /* Old browsers */
background: -moz-linear-gradient(top,  #ededed 0%, #e3e2e2 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ededed), color-stop(100%,#e3e2e2)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #ededed 0%,#e3e2e2 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #ededed 0%,#e3e2e2 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #ededed 0%,#e3e2e2 100%); /* IE10+ */
background: linear-gradient(to bottom,  #ededed 0%,#e3e2e2 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ededed', endColorstr='#e3e2e2',GradientType=0 ); /* IE6-9 */
 }
div#page.edit_confirm table td.old input,
div#page.edit_confirm table td.old select,
div#page.edit_confirm table td.old textarea { background: #e2dfdf; } /* disabled */
div#page.edit_confirm table td p.text { display: none; } /* fixed jquery */
div#page.edit_confirm table td p.bottom_right { color: #a49e9e; text-align: right; margin-top: 25px; }
div#page.edit_confirm table td p.bottom_right em { color: #717171; }
div#page.edit_confirm table td p.bottom_right a { color: #4a4eff; }
div#page.edit_confirm table td.new { border-left: 2px solid #121212; border-right: 2px solid #121212;}
div#page.edit_confirm table tr.first td.new { border-top: 2px solid #121212; }
div#page.edit_confirm table tr.last td.new { border-bottom: 2px solid #121212; }

div#page.editlog { width: 100%; font-size: 14px; line-height: 21px; } /* , div#page.standard div#read-header .. ^*3 */
div#page.editlog div#page-inner { padding: 0px; } /* gauche: 100px + 60px */
div#page.editlog div#page-inner div#compare { padding: 0px 60px 60px 290px; position: relative; } /* gauche: 100px + 60px */
div#page.editlog div#page-inner h1 { display: block; height: 40px; 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_new h2 { display: block; }
div#page.editlog div#compare_choose, div#page.editlog div#compare_new, div#page.editlog div#compare_old { float: left; }
div#page.editlog div#compare_choose { width: 230px; position: absolute; top: 0px; left: 60px; }
div#page.editlog div#compare_choose div.padding_taker {}
div#page.editlog div#compare_choose div#compare_choose-scrollzone { max-height: 500px; overflow-y: auto; }
div#page.editlog div#compare_choose div.entry { overflow: hidden; }
div#page.editlog div#compare_choose div.entry.minor a { color: #aaf;}
div#page.editlog div#compare_choose div.entry.major a { color: #44f; }
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, div#page.editlog div#compare_old  {  width: 50%; min-height: 200px; min-width: 250px; }
div#page.editlog div#compare_old {  }
div#page.editlog div.padding_taker { padding: 10px; }
div#page.editlog form input { display: inline; margin-bottom: 0px; padding: 0; } /* div#comments form textarea */
div#page.editlog form label { display: inline; float: none; font-size: inherit; line-height: normal; vertical-align; baseline; padding: 0; }

div#page.editlog table.compare_fields { width: 100%; margin: 0px 0; table-layout: fixed; } /* 20px 0px */
div#page.editlog table.compare_fields td { background: #ededed; /* Old browsers */
background: -moz-linear-gradient(top,  #ededed 0%, #e3e2e2 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ededed), color-stop(100%,#e3e2e2)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #ededed 0%,#e3e2e2 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #ededed 0%,#e3e2e2 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #ededed 0%,#e3e2e2 100%); /* IE10+ */
background: linear-gradient(to bottom,  #ededed 0%,#e3e2e2 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ededed', endColorstr='#e3e2e2',GradientType=0 ); /* IE6-9 */
 }
div#page.editlog table.compare_fields td { padding: 5px; font-size: 13px; text-align: justify; border: 1px solid #a9a8a8; color: #2c2b2b; }
div#page.editlog table.compare_fields td.extra { background: #f1f1f1; }
div#page.editlog table.compare_fields td.text { border: 2px solid #121212; overflow: auto; white-space: pre-wrap; font-family: monospace; }

div#page.edit_confirm p.text { white-space: pre-wrap; font-family: monospace; }

div#page.editlog table.compare_fields tr td span.label { color: #9d9d9d; }
div#page.editlog table.compare_fields tr td span.value { font-weight: bold; }
div#page.editlog table.compare_fields tr td.extra span.value { color: #9d9d9d;  }
div#page.editlog table.compare_fields tr td span.value { font-weight: bold; }
div#page.editlog table.compare_fields tr td span.activated { color: green; }
div#page.editlog table.compare_fields tr td span.deactivated { color: #a00; }
div#page.editlog a.quickcompare { display: block; height: 40px; }
div#page.editlog a.quickcompare.left { text-align: left; }
div#page.editlog a.quickcompare.right { text-align: right; }

div#read-header { position: relative; height: 118px; height: 93px; background: #DDD; border-bottom: 1px solid #C3C1C1; z-index: 200; } /* z-index for sidebar. margin 0; width 100% */
div#read-header-inner a#logo { color: #777; }
div#read-header { color: #666; }
div#read-header em { color: #333; }

div#read-header-inner { max-width: 630px; margin: auto; padding-top: 20px;  }
div#read-header-inner a#logo { margin-top: 15px; margin-top: 0px; display: block; float: left; font-size: 48px; font-family: Helvetica, Arial, serif; } /* display: block; */
div#read-header-inner a#logo img { width: 158px; } /* display: block; */

div#page.code div#read-header div#read-header-inner, div#page.standard div#read-header div#read-header-inner  { padding: 20px 60px 0; width: auto; }

div#read-header-right { text-align: right; } /* 228(img)+40 de marge */
div#read-header-rightx.one_line div#read-header-infos { padding-top: 16px }
div#read-header-rightx.two_lines div#read-header-infos { padding-top: 8px; }
div#read-header-rightx.three_lines div#read-header-infos { margin-top: -3px; }
div#read-header-right p#edit_date, div#read-header-right p#prune_date { font-size: 13px; line-height: 17px; } /* 228(img)+40 de marge */ /* 14px */ /* 15px/17px */
div#read-header-right div#read-header-infos { /*float:right;*/ font-size: 13px; line-height: 17px; }
div#read-header-right div#read-header-infos a:hover { text-decoration: none; }
div#read-header-right div#read-header-infos p { display: none; }
/* div#read-header-right div#read-header-infos a { color: #55F; } */
div#read-header-right div#read-header-infos a:hover { color: #22f; }
div#read-header-right.two_cols p#edit_date { }
div#read-header-right.two_cols p#prune_date { }
div#page.edit div#read-header-right { line-height: 52px; vertical-align: middle; text-align: center; }
div#read-header-right em { colxor: #ddd; font-style: normal; }
div#read-header-right a#go_text { display: inline; padding-left: 25px; color: #0000EE; }
div#read-header-right a#go_text img { display: inline; vertical-align: -4px; padding-right: 5px; }
div#read-header-right a#go_text img.active { display: none; }

div#read-header-right a#go_text:visited { color: #0000EE; }

div#read-header-right a#go_text:active { background-position: 0 -16px; color: #EE0000; }
div#read-header-right a#go_text:active img.normal { display: none; }
div#read-header-right a#go_text:active img.active { display: inline; }

div#read-header-shadow { display: none; background: url("../img/read-header-shadow-bg.png") repeat-x top; position: absolute; bottom: -8px; height: 8px; width: 100%; }

div#page-inner { padding: 0 60px 60px 60px; } /* 22 */
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#page-inner div#text { margin-bottom: 30px; margin-top: 30px; }
div#page.demi:not(.edit) div#page-inner { max-width: 630px; margin: auto; }

div#page-sidebar { border-left-width: 1px; border-left-style:solid; background: #DDD; position: fixed; top: 0; left: auto; right: -401px; bottom: 0; width: 400px; } /* 22 */
div#page-sidebar a#sidebar-handle { display: none; background: center transparent no-repeat; border: 1px solid transparent; position: absolute; top: 125px; left: -21px; width: 20px; height: 20px;  } /* 22 */
div#page-sidebar a#sidebar-handle:hover, div#page-sidebar a#sidebar-handle.right { background-color: #DDD; border: 1px solid #C3C1C1 ; border-right: 0; } /* 22 */
div#page-sidebar a#sidebar-handle.left { background-image: url("img/sidebar_handle_left.png"); }
div#page-sidebar a#sidebar-handle.right { background-image: url("img/sidebar_handle_right.png"); }

div#page-sidebar ol { list-style-type: none; counter-reset: counter_sidebar;}
div#page-sidebar ol li { display: block; }
div#page-sidebar ol li:before { color: #777; counter-increment: counter_sidebar; content: counters(counter_sidebar, ". ", decimal) ". "}

/*
div#page-sidebar ol { list-style-type: none; counter-reset: counter_sidebar_a_to_b;}
div#page-sidebar ol li { display: block; }
div#page-sidebar ol li:before { counter-increment: counter_sidebar_a_to_b; content: counters(counter_sidebar_a_to_b, ". ", upper-latin) ". "}
div#page-sidebar ol ol { counter-reset: counter_sidebar_decimal; }
div#page-sidebar ol ol li:before { counter-increment: counter_sidebar_decimal; content: counter(counter_sidebar_a_to_b, upper-latin) ". " counters(counter_sidebar_decimal, ". ", decimal) ". "}
div#page-sidebar ol ol ol li:before { counter-increment: counter_sidebar_decimal; content: counter(counter_sidebar_a_to_b, upper-latin) ". " counters(counter_sidebar_decimal, ". ", decimal) ". "}
*/

div#page-sidebar { color: #C3C1C1; }

div#page ol#textnav-titles { position: absolute; top: 125px; bottom: 10px; overflow: auto; list-style-position: inside; padding: 0; }
/* div#page ol#textnav-titles > li > a {}
div#page ol#textnav-titles a {  } */
div#page ol { margin-left: 25px; }
div#page ol#textnav-titles>li>a { font-weight: bold; }


p#language-type { color: #888888; text-align: center; } /* margin-left: 65px; */

div#text { }

div#text a { color: #0000EE; } /* color: #4939e3;  */
div#page-sidebar a, div#read-header a { color: #3C3CE2; } /* color: #4939e3;  */
div#text a strong { font-weight: normal; } /* color: #1800ff;  */

div#text span.bbcode_size { line-height: 1.05; }

div#text div.bbcode_quote, div#text div.bbcode_spoiler, div#text div.bbcode_code { background: #eee; margin-top: 10px; margin-bottom: 10px;  border-left: 1px solid #aaa; }
div#text div.bbcode_code div.bbcode_text { font-family: monospace; white-space: pre; }
div#text div.bbcode_spoiler p.bbcode_sub_spoiler { cursor: pointer; }
div#text div.bbcode_spoiler p.bbcode_sub_spoiler:hover { background:#ccc; }
p.bbcode_sub { background: #ddd; font-size: 11px; padding-left: 3px;  }
div.bbcode_text { padding : 7px 0 7px 10px; }

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.code.notgeshi:not(.edit) #page-inner { position: absolute; top: 93px; left: 0; right: 0; bottom: 0; }
div#page.code.notgeshi:not(.edit) #code-wrapper { position: absolute; top: 0px; left: 0; right: 0; bottom: 0; }
div#page.code.notgeshi:not(.edit) h1 + #code-wrapper { top: 90px; }

div#page.code div#codewrapper { margin: 10px 10px 0 50px; font-family: monospace; }
div#page.code div#codewrapper ol li { color: #888; padding-left: 15px; } /* numerotation */
div#page.code div#codewrapper ol li div { color: black; } /* non-numerotation */

body.read .ace-chrome { background: #ebebeb; }
body.read .ace-gutter { background: #dddddd; }
body.read .ace_content { padding-left: 15px;}
/*body.read #code-wrapper > * { padding-top: 15px;}
body.read .ace_gutter-active-line { transform: translateY(15px); }*/


div#comments { }
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;  width: 500px; margin: 20px auto; }

div.comment p.comment_text, div.comment p.comment_left {
background: -moz-linear-gradient(top, #f2f2f2 0%, #dfdcdc 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f2f2f2), color-stop(100%,#dfdcdc)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #f2f2f2 0%,#dfdcdc 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #f2f2f2 0%,#dfdcdc 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #f2f2f2 0%,#dfdcdc 100%); /* IE10+ */
background: linear-gradient(top, #f2f2f2 0%,#dfdcdc 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f2f2', endColorstr='#dfdcdc',GradientType=0 ); /* IE6-9 */
/* background: -moz-linear-gradient(top, #F2F2F2, #DFDCDC) repeat scroll 0 0 transparent; */

font-size: 15px; line-height: normal;
padding: 8px; width: 384px; border: 1px solid #adadad; }

div.comment p.comment_info, div.comment p.comment_right { line-height: normal; float: right; width: 84px; font-size: 13px; text-align: right; color: #878787; font-size: 11px;  padding: 4px 8px 8px 8px; }
div.comment p.comment_info a { color: #878787; color: #88D; }
div.comment p.comment_info a:hover { text-decoration: underline; }
/* div.comment.hl { border-right: 2px solid skyblue; border-bottom: 2px solid skyblue; } */
div.comment.hl p.comment_text { border: 2px solid #797979; }
div.comment p.comment_right { padding: 4px 0 0; } /* edit */
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; }

page#read div#comments { margin: 150px 0 50px 0; }
body div.comment p.comment_right { text-align: center; }
body div.comment p.comment_right input { display: inline;  }

div#page div#comments form { margin: auto; width:559px; }
div#comments form div.clearfix {  }
div#comments form button { margin-left: 462px; cursor: pointer; float: right; }
/* 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; }

div#comments_pagination_wrapper { width: 500px; margin: auto; }
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#overlay { display: none; z-index:1000; background: url("../img/overlay-bg.png") repeat top left; opacity:0.2; position: fixed; width: 100%; height: 100%; top: 0; left: 0; right:0; bottom: 0; }






div#page.edit.edit_form label[for=text] { float: none; }
div#page.edit.edit_form textarea { width: 616px; width: 100%; height: 415px; } /* 630px - 2border -18padding */
div#page.code.edit.edit_form textarea, div#page.standard.edit.edit_form textarea { width: 816px; }
/* div#page.edit.edit_form label { width: 250px; } */
div#page.edit.edit_form button.submit { vertical-align: middle; display: inline; cursor: pointer; } /* replaced inline element, peut avoir une width background: url("../img/apply-button.png") transparent no-repeat 0px 0px; */
/* div#page.edit.edit_form buttxon.submit:hover { background-position: 0px -39px; } */
div#page.edit.edit_form div#actions { float: right; }
div#page.edit.edit_form div#actions span { line-height: 39px; vertical-align: middle; }

div#page.edit.password_request h2 { font-size: 15px; }
div#page.edit.password_request form label { width: 250px; }

div#page.edit.password_request form { text-align: center; }
div#page.edit.password_request form button { display: inline; text-indent: -5000px; cursor: pointer; border: 0; width: 98px; height: 36px; background: url("../img/comment-submit.png") no-repeat 0px 0px; }
div#page.edit.password_request form button:hover { background-position: 0px -36px; }
div#page.edit.password_request form input, div#page.edit.password_request form label { display: inline; float: none; }

div#page.edit.delete { text-align: center; }
div#page.edit.delete button { padding: 10px; font-size: 15px; display: block; float: right; }

div#edit_titres { margin-left: 65px; }
div#edit_titres p.hmarker { float: left; height: 30px; line-height: 30px; color: #444; text-align: center; }
div#edit_titres a.left, div#edit_titres a.right {  display: block; float: left; width: 30px; height: 30px; opacity: 1; -webkit-transition:opacity 0.25s linear; }
div#edit_titres a.left.disabled, div#edit_titres a.right.disabled { opacity: 0.2;

-webkit-transition:opacity 0.25s linear; pointer-events: none;
   cursor: default;}
div#edit_titres a.left { background: blue; background: url("img/arrow_left_black.png");  margin-left: 15px; }
div#edit_titres a.right { background: green; background: url("img/arrow_right_black.png"); margin-left: 15px; }
div#edit_titres .titre { clear: both; }
div#edit_titres .titre_text { float: left; margin-left: 15px; }
div#edit_titres .titre_text.h1x { margin-left: 30px; }
div#edit_titres .titre_text.h2x { margin-left: 60px; }
div#edit_titres .titre_text.h3x { margin-left: 90px; }
div#edit_titres .titre_text.h4x { margin-left: 120px; }
div#edit_titres .tile { width: 30px; height: 30px; margin-left: 15px; float: left; }

div#dialog-bbcode_check { font-size: 15px; }
div#dialog-bbcode_check p.result { text-align: center; display: none; margin: 15px 0; }
div#dialog-bbcode_check div#table_container { margin: 25px 0; max-height: 250px; overflow: auto; }
div#dialog-bbcode_check table { width: 100%; border-collapse: collapse; line-height: 18px; }
div#dialog-bbcode_check table td { width: 50%; padding: 10px 20px; border-bottom: 1px solid black; }
div#dialog-bbcode_check table tr:last-child td { border-bottom: 0; }
div#dialog-bbcode_check table td:first-child { font-family: monospace; font-size: 12px; }
div#dialog-bbcode_check table td:first-child, div#dialog-bbcode_check table th:first-child { border-right: 1px solid gray; }
div#dialog-bbcode_check table th { color: #888; font-weight: normal;  text-align: center; }
div#dialog-bbcode_check table code.bbcode { font-weight: bold; font-family: monospace; background: gray; padding: 0 3px; color: #DDD;  }

/* Read page */
@media screen and (max-width: 610px) {
	div.comment { width: auto; }
	div.comment p.comment_text, div.comment p.comment_left { margin-right: 90px; width: auto; }
	div#page div#comments form { width: auto; }
	form#new_comment label, form#new_comment input, form#new_comment textarea { text-align: left; float: none; display: block; }
	form#new_comment textarea { width: 100%; }
}

@media screen and (max-width: 570px) {
	div#read-header { height: auto; }
	div#page div#read-header div#read-header-inner, div#page div#read-header div#read-header-inner { padding: 20px 60px !important; }
	div#read-header-inner a#logo { margin-right: 20px; }
	div#read-header-inner a#logo img { width: 122px; }
	div#read-header-right div#read-header-infos > br:first-of-type { display: none; }
	div#read-header-right div#read-header-infos > em + br:first-of-type { display: block; }
	div#read-header-right { margin-left: 142px; }
}

/* Edit page */
@media screen and (max-width: 960px) {
	div#page.edit { width: auto !important; }
	div#page.edit textarea#text, div#page.edit div#bbc_bar { width: 100%; box-sizing: border-box; }
}

@media screen and (max-width: 560px) {
	div#page.edit form label { width: auto !important; display: block !important; text-align: left; }
}

/* ######################## */
/* Commentaires */
/* ######################## */


/* ######################## */
/* Commun */
/* ######################## */


/* ######################## */
/* Classes */
/* ######################## */