@CHARSET "UTF-8";

html, body{
   margin: 0px;
   padding: 0px;
   outline: 0px;
   height: 100%;
}

body {
/*	font-size: .8em; */
	font-family: /*"Trebuchet MS",*/ sans-serif;
	background-color: #F5EDED;
	margin: 0;
}

#container {
	margin-top: 0;
}

#header {
       font-family : "Trebuchet MS", sans-serif;
	background-color: #C42323;
  height: 75px;
	border: 1px solid #C42323;
}
#header #title{
	color: white;
	font-variant: small-caps;
	padding: 6px;
	margin-left: 5%;
	font-size: 2.4em;  
}

h1.headline {
	
	font-size: 1.4em;
	padding-bottom: 14px;
	color: #ef4545;
	font-weight: normal;
	
}

#container #main {
 	margin: 0 7%;
 	padding: .8%;
 	-webkit-border-bottom-right-radius: 10px;
 	-webkit-border-bottom-left-radius: 10px;
	-moz-border-radius-bottomleft: 10px;
	-moz-border-radius-bottomright: 10px;
	border-bottom-right-radius: 10px;
 	border-bottom-left-radius: 10px;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-left: 1px solid #ccc;
	background-color: white;
	width: 86%;
	height: 100%;
	min-height: 300px;
}

#container #main .use-sidebar { margin-right: 230px; }

#container #main #sidebar {
	float: right;
	width: 140px;
	border-left: 1px solid #D5D5D5;
	padding-left: 10px;
}

/*
#container #main #sidebar div.element {
	background-color: #F5E5E5;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	padding: 4px 6px;
	margin-bottom: 10px;
}*/

#container #main #sidebar h3 {
	text-transform: uppercase;
	color: #DB1D1D;
}

#nav { 
	text-align: center;
	overflow: hidden;
	height: 33px;
	color: #fff;
   	background-color: #C42323;
}
#nav ul {
	float: left; 
	width: 87%;
	display: block;
	margin: 0 7%;
	background-color: #C42323;
	-webkit-border-top-right-radius: 10px;
 	-webkit-border-top-left-radius: 10px;
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-topright: 10px;
	border-top-right-radius: 10px;
 	border-top-left-radius: 10px;
font-size : 0.8em;
}
#nav ul li {
	display: block; 
	float: left;
}
#nav ul li a {
	padding: 1em;
	color: #fff;
	display: block;
	text-decoration: none;
}
#nav ul li a:hover { background: #fff; color: #000; }
#nav ul li a.selected {
	color: #fff;
}


textarea { 
	width: 70%;
	height: 150px;
	font-weight: normal;
	font-size: small;
}

#footer {
	margin-left: 5%;
	margin-top: 20px;
	text-align: center;
}

label
{
	padding: 6px;
	display: block;
}
a img
{
	border: none;
}

.id-op { float: left; margin: 1em; }

.clear { clear: both; }
.codehilite { padding : 1px 12px; }

/* fixes the bug when a long code
   prevents good word-wrapping */
pre {
 white-space: pre-wrap;       /* css-3 */
 white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
 white-space: -pre-wrap;      /* Opera 4-6 */
 white-space: -o-pre-wrap;    /* Opera 7 */
 word-wrap: break-word;       /* Internet Explorer 5.5+ */
}

a
{
	color: #ff3a3a;
	text-decoration: none;
}

a:hover { text-decoration : underline; }


/* Forum */

table.topic {
	border-collapse: collapse;
	border: none;

}
table.topic tr {
	padding: 2px;
}
.topic {
 	width: 60%;
}

.topic .infos {
	color: #666;
	border: none;
	height: 30px;
}

.topic .message {
		border-bottom :  1px solid lightgrey;
		padding-left: 10px;
}

.topic tr {
	border: none;
}
.topic .avatar {
	max-width: 130px;
	width: 100px;
	vertical-align: top; 
}

table.tab {
	 border-collapse: collapse;
	 border: 1px solid lightgrey;
	 width: 90%;

}
table.tab tr td {
	border-bottom: 1px solid lightgrey;
	padding: 10px 4px;
   
}
table.tab th {
	background-color: #FFA468;
}


/*.header-first-post { float : right }*/

.date-first-post { color : #666; }

/* Homepage */

#homepage tr td {
	padding: 5px;
}
#homepage tr td.left_info {
	min-width: 10em;
        width : 40%;
	max-width: 25em;
}
#homepage td {
        vertical-align : top;
}
.avatar-op {
	margin-right : 10px;
	margin-bottom : 10px;
}

.topic .op .auteur a, .pseudo-op { font-weight : bold; color : #FF4500; }



.debut-sig {
  border : 1px solid lightgrey;
  border-width : 1px 0px 0px 0px;
  margin : 0px;
  width : 50px;
}

dt { font-weight: bold; }

/* Sommaire des tutos */

div.sommaire { counter-reset : chapter; }
.sommaire h2 { font-family : georgia, serif; }
h2.chapitre a { color : black; }
h2.chapitre :before { content : counter(chapter) "." ; counter-increment : chapter; margin-right : 3px; color : orangeRed;}
h2.chapitre { padding-bottom  0px; margin-bottom : 0px; }
.sommaire ul { list-style-type : none; padding-top : 5px; margin-top : 0; margin-bottom : 30px; }

#main { font-size : 13px; }
#footer { font-size : 12px; }

#blabla { margin: 40px; margin-top : 0px; }

.col-3 {width : 33%; float : left}

.col-3 ul {list-style-type : none ; padding-left : 25px;}
.col-3 ul.small-items { list-style-position : inside; text-indent : -10px;}

.col-3 h3 { width : 90%; margin: auto; border-bottom : 1px solid grey; }

.col-3 .inner { width : 90%; margin : auto; }


.i a { color : orangeRed }
.p a { color : crimson }

/** Colonnes de blocs **/
.col-3 h4 { margin-left : -10px; margin-bottom : 0; margin-top:0;}
.col-3 p.text { margin-top : 2px; margin-bottom : 2px; vertical-align : baseline;}
.col-3 li.small { margin-left : -10px; }

.col-3 p.more, .col-3 p.info { color : #777; font-size : 90%; text-align : right; margin : 0; margin-bottom : 3px; }
.col-3 span.date, .col-3 span.info { color : #777; font-size : 90%}
.col-3 span.date:before, .col-3 span.info:before { content: " - "}


p.contrib { font-weight : bold; text-align : right;}
.col-3 a.auteur-post, a.auteur-tut { color : #d66 !important;}

.is-helpful { color : green; font-weight : bold; }
.helpful a.switch-helpful { color : green !important; font-weight : bold; }
.hide { font-style: italic; }

.subtitle { margin-top : -20px; padding-top : 0; color : #555; font-weight : normal; font-size : 1.1em;}
.deplacer { display : inline ;}
.deplacer select { background-color : white; border : 1px solid grey; border-radius : 3px; -moz-border-radius : 3px;}
input { border : 1px solid grey; /* border-radius : 3px; -moz-border-radius : 3px; */}
input[type="submit"] { background-color : #EEE; border-radius : 3px; cursor: pointer;}
input:hover { border : 1px solid orange; }

.haut-topic { padding-bottom : 10px; }

.form-message {
  border : 1px solid orange;
  padding-left : 10px;
  background-color : #FEA;
  width : auto;
  margin-left : 5%; margin-right : 5%;
  font-weight : bold;
  margin-bottom : 10px;
}

.part-title h2 { display : inline; }

.vote .score { display: inline; }
.vote { display: inline; }