html {overflow-x: hidden; overflow-y: auto}

body {margin: 0; padding: 0 50px; height:100%; font-family: Tahoma, Verdana, Arial, Helvetica, Geneva, sans-serif; font-size: 0.75em; background: transparent url(images/fond3Dents.png) repeat top left}

h1 {font-family: Georgia, "Times New Roman", Times, serif; font-size: 3.80em; color: #007ba1; margin: 0 0 0.67em 0}
h1 img {width: 64px; height: 64px; vertical-align:middle}
h2 {font-family: Georgia, "Times New Roman", Times, serif; font-size: 2.00em; color: #006d8f; margin: 0.83em 0}
h2 img {width: 16px; height: 16px; vertical-align:middle}
h3 {font-family: Georgia, "Times New Roman", Times, serif; font-size: 1.66em; color: #005874; margin: 0.66em 0}
h4 {font-family: Georgia, "Times New Roman", Times, serif; font-size: 1.33em; color: #004358; margin: 0.44em 0}
h5 {font-family: Georgia, "Times New Roman", Times, serif; font-size: 1.00em; color: #002c3a; margin: 0.33em 0}
h6 {font-family: Georgia, "Times New Roman", Times, serif; font-size: 0.67em; color: #00151c; margin: 0.22em 0}
a {text-decoration: none; color: #aa0055}
a:hover, a:focus, a:active {border-bottom: 1px dotted #aa0055; color : #d50045}
a[hreflang]:after {font-size : 0.9em; content : "\0000a0(" attr(hreflang) ")"; color : #d50045; background-color : transparent}
p {margin : 1em 0}
p.field {margin : 0.5em 0 0}
p.field label {display : block; font-weight : bold; font-size : 0.85em}
img {border: none}
table {font-size : 1em}
fieldset {display: block; border: none; margin: 0; padding: 0}
form {display: block; margin: 0; padding: 0}
q {font-style : italic}
input, textarea {font-family: Verdana, Arial, Geneva, Helvetica, sans-serif; font-size: 1em}
input[type], textarea[name] {background: #f0f8ff}
input[type="submit"], input[type="reset"] {background: mistyrose; color: #aa0055}
input[type="submit"]:hover {background: #fc6497; color: #fff}
textarea {width : 95%}
code, pre {position: absolute; font-family: Verdana, monospace; font-size: 0.75em; overflow: auto; height: 400px; width: 400px}
.marge-code {margin-bottom: 400px; width: 100%}

.bleu {background: #80969d; color: snow; border: 2px  ridge #789}
.rose {color: #cd8c95; background:#fff0f5; border: 2px solid #cdb7b5; padding: 0 4px}

/* Nav */

#nav, #panel{position:fixed; color:#000033; background:snow; border:2px solid #cdb7b5; z-index:50}
#nav{top:4px; left:4px; width:172px; padding-top: 2px;z-index:50}
#panel {top:10px; left:97%; width: 22px; height:50px; z-index:60}
#nav, #nav h2{-moz-border-radius: 10%}
#nav h2{margin: 0 2px 0.3em 2px; display: block; background-color: #ffe4e1; border: 1px solid #cdb7b5; padding: 0 2px 1px;font-family: Verdana, "Times New Roman", "New York", serif; font-size: 1.5em; font-weight: normal; text-align: left; color: #990033; cursor: pointer}
#nav img, #panel img{margin:2px; width:16px; height:16px}
#nav form p{margin: -8px 0 4px 0}
#nav input {border: 1px solid #cdb7b5}
#icones img {padding:1px; border: 1px solid #cdb7b5; background: #fff}
#icones a {margin: 0; padding: 0; text-decoration: none}
#icones a:hover {background: #990033}
#navmenu {position: relative}
#navmenu li {list-style-type :none; font-size: 0.8em; margin-left: -35px}
#comm, #rep {padding:2px}
#banner {text-align:center; border: 2px solid #ffe4e1; margin: 0 30px} 
#banner img {width: auto; height: auto}

#tagcloud ul { margin:0; padding:0 1em; display:block; }
#tagcloud li { display:inline; margin: 0 .1em; }
#tagcloud li.level-1 { font-size: 0.8em; }
#tagcloud li.level-2 { font-size: 1.0em; }
#tagcloud li.level-3 { font-size: 1.2em; }
#tagcloud li.level-4 { font-size: 1.4em; }
#tagcloud li.level-5 { font-size: 1.6em; }

#page {margin:0; padding:0; height:auto; background: #fff; border-left:5px solid #00465c;border-right:5px solid #00465c}

/* Top */
#top {position:static; margin:0; padding: 20px 0 0 125px; background: transparent url(images/fondhead.png) repeat-x top left}
#menu-top {margin: -20px 0 30px 15px}
#menu-top ul {list-style-type: none; width:100%; padding-left:5px; padding-bottom:0}
#menu-top li {float:left}
#menu-top a {margin: 0 2px; background: #fff; width: 129px; height: 20px; float: left; display: block; text-align: center; color: #4682b4; border: 2px ridge #607b8b; text-decoration: none}
#menu-top a:hover {background: snow; color: PaleVioletRed; border: 2px ridge #aa0055}
#menu-top a:active {background: #aa0055; color: #fff}
#top h1 {height: 195px; background: transparent url(images/headerblog.png) no-repeat; margin:0 0 -30px 0}

/* Main */
#main {margin: 0 4px 0 0; padding: 0 0 20px 128px; background: transparent}

#content {position: relative; float: left; padding: 0 1em 1em; margin-bottom: 1em; width: 81%; font-family: Arial, Helvetica, sans-serif; background: transparent}
#content input, #content textarea{border: 2px solid #006d8f}
#content input[type="submit"] {background: #cae7f0; color: #006d8f}
#content input[type="submit"]:hover {background: #006d8f; color: #fff}

/* Erreurs */
.error { border:1px solid #c00; background:#fee; padding:0.5em }
.error ul { padding-left:20px }
.error li { list-style:square }

/* List */
.pagenav {font: 0.9em; margin-left: 15px}
p.pagenav a {background : #f0f0f7; color: #4682b4;; padding:2px; border: 1px solid #607b8b; text-decoration: none; font-size:90%}
p.pagenav a:hover {background: snow; color: PaleVioletRed; border: 1px solid #aa0055}
p.pagenav strong {color: #00465c; padding:2px; border: 2px solid #607b8b}

.chapo{}
.chapo a img{padding: 2px 22px 2px 2px; background: transparent url(images/plus.png) no-repeat 100% 5%; border: 1px solid #607b8b}
.chapo a:hover{border: 0}
.suite {margin: -12px 0 12px;font-size:smaller; font-style:italic; color:#0080a8}

/* Post  */
.post {margin-bottom : 2.5em; background: transparent url(images/fondtitre.jpg) no-repeat top left}
.post-title {margin: 1em 0 5px; padding-top: 6px; padding-left: 35px; padding-bottom: 4px; color: #006d8f; background: transparent url(images/crane_bleu.png) no-repeat 0 50%}
.post-title a {color: #00465c; text-decoration: none}
.post-title a:hover, a:focus, a:active {color: #006d8f}
.post-info {font-size: 0.85em; clear: both; color: #006699; margin: 0 0 5px}
.post-info-co {font-size: 0.85em; color: #003366; background: transparent url(images/ico_comments.png) no-repeat 0 40%; padding-left: 13px}
.post-info-co span {background: transparent url(images/ico_tb.png) no-repeat 100% 40%; padding: 0 15px 0 0}

/* Starsystem */
.unit-rating{font-size: 10px; list-style:none; margin: 0px;	padding:0px; width: 200px; height: 20px; position: relative; background: url(/ecrire/tools/starsystem/ss_20.gif) top left repeat-x}
.unit-rating li{list-style-image: none;	text-indent: -90000px; padding:0px;	margin:0px;	float: left}
.unit-rating li a{ display:block; width:20px; height: 20px;	text-decoration: none; text-indent: -9000px; z-index: 20; position: absolute; padding: 0px;}
.unit-rating li a:hover{background: url(/ecrire/tools/starsystem/ss_20.gif) left center; z-index: 2; left: 0px}
.unit-rating a.r1-unit{outline:none;border:0;left:0px}
.unit-rating a.r1-unit:hover{width:20px}
.unit-rating a.r2-unit{outline:none; border:0;left:20px}
.unit-rating a.r2-unit:hover{width:40px}
.unit-rating a.r3-unit{outline: none; border: 0;left: 40px;}
.unit-rating a.r3-unit:hover{width:60px}
.unit-rating a.r4-unit{outline: none; border: 0;left: 60px}
.unit-rating a.r4-unit:hover{width:80px}
.unit-rating a.r5-unit{outline: none; border: 0;left: 80px}
.unit-rating a.r5-unit:hover{width:100px}
.unit-rating a.r6-unit{outline: none; border: 0;left: 100px}
.unit-rating a.r6-unit:hover{width:120px}
.unit-rating a.r7-unit{outline: none; border: 0;left: 120px}
.unit-rating a.r7-unit:hover{width:140px}
.unit-rating a.r8-unit{outline: none; border: 0;left: 140px}
.unit-rating a.r8-unit:hover{width:160px}
.unit-rating a.r9-unit{outline: none; border: 0;left: 160px}
.unit-rating a.r9-unit:hover{width:180px}
.unit-rating a.r10-unit{outline: none; border: 0;left: 180px}
.unit-rating a.r10-unit:hover{width:200px}
.unit-rating li.current-rating{background: url(/ecrire/tools/starsystem/ss_20.gif) left bottom; position: absolute; height: 20px;
 display: block; text-indent: -9000px; z-index: 1}

.vote_lien {margin: 0; margin-left: 290px; margin-top: -25px; font-size: x-small}

/* Citation */
#citations {margin: 2px 30px; text-align: left; font-style: italic; color: #cd8c95; background:#fff0f5; border: 1px solid #cdb7b5}
#citations h3 {margin: 0 0 0 5px; font-family: "Times New Roman", Times, serif; color: #cd919e}

/* Sidebar */
#footer, #sidebar {
padding: 8px;
text-align: center;
-moz-border-radius: 10%}

#sidebar {
float:right;
position: relative;
margin-top: -189px;
margin-right: -51px;
width: 19%; font-size : 0.9em}
.combout{ padding:0; margin:0}
#randimg img{ margin:2px; padding:7px; width:auto; max-width:140px; height:auto; background:#fff; border: 1px solid #536e76}
#sidebar h5{color: #cd8c95}
#sidebar h4{color: #fff}

/* Footer  */
#status_div {text-align:center; font-size:9px}

#foot {
height: 60px;
padding: 25px 0 0 0;
margin:0;
background: transparent url(images/fondfoot.png) repeat-x bottom left;
clear: both}

#footer { margin-left: 11%; width:71%; font-size:0.8em; line-height:100%; }
#footer a {color: #e3cad2}
#footer a:hover {color: #ffe1e1; border:0}

/* Autres */
#selection { padding-right: 10px }

/* Tooltips */
#tooltip {border: 1px solid #fff; z-index: 80; background: #006d8f; padding: 2px 4px}
#tooltip h3, #tooltip div {margin: 0}
#tooltip h3 { font-family:Arial, Helvetica, sans-serif; font-size: 0.8em; color: snow;}	

/* Surligné */
span.highlight0{background-color: #ffff99}
span.highlight1{background-color: #fff0f0}
span.highlight2{background-color: #99ffff}
span.highlight3{background-color: #ff9999}
span.highlight4{background-color: #9999ff}