body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	line-height: 20px;
	color: #6e6969;
	margin: 0px;
	background-color: #000;
}

body a {
	color: #6a6565;
}
body a:hover {
	color: #323236;
}

/*h1 h2 h3*/
h1 {
	font: 20px 'Poly', serif;
	text-transform: uppercase;
	margin-top: 0px;
	border-bottom: 1px #323236 solid;
}
.h2_simple{
	font-size: 20px;
	font-weight: normal;
	padding-left: 10px;
	margin: 0px;
	margin-bottom: 10px;
}

.h3_rubrique {
	border-left: 6px solid #333;
	padding-left: 8px;
	margin: 0px;
}

/*Formulaire*/
input.input_box_st {
  height: 31px;
  padding: 5px 9px;
  width: 100%;
  outline: none;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  /* Firefox */
  -webkit-box-sizing: border-box;
  /* Safari */

  border: 1px solid #2a2725;
  color: #6e6969;
  background: #1e1c1a;
  box-shadow: inset 0px 0px 10px rgba(0,0,0,0.5);
  -moz-box-shadow: inset 0px 0px 10px rgba(0,0,0,0.5);
  -webkit-box-shadow: inset 0px 0px 10px rgba(0,0,0,0.5);
}

textarea.input_box_st {
	padding: 7px 9px;
	font-family: inherit;
	resize: none;
	overflow: auto;
	outline: none;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	/* Firefox */
	-webkit-box-sizing: border-box;
	/* Safari */
	width: 100%;

	border: 1px solid #2a2725;
	color: #6e6969;
	background: #1e1c1a;
	box-shadow: inset 0px 0px 10px rgba(0,0,0,0.5);
	-moz-box-shadow: inset 0px 0px 10px rgba(0,0,0,0.5);
	-webkit-box-shadow: inset 0px 0px 10px rgba(0,0,0,0.5);
}

select {
   	background: transparent;
   	padding: 5px;
   	font-size: 12px;
   	line-height: 1;
   	border-radius: 0;
   	height: 30px;
   	border:solid #CCC 1px;
   	-webkit-appearance: none;
   	border: 1px solid #2a2725;
	color: #6e6969;
	background: #1e1c1a;
	box-shadow: inset 0px 0px 10px rgba(0,0,0,0.5);
	-moz-box-shadow: inset 0px 0px 10px rgba(0,0,0,0.5);
	-webkit-box-shadow: inset 0px 0px 10px rgba(0,0,0,0.5);
 }

 select option {
 	padding: 5px;
 	border:none;
 }

.bouton {
	display: inline-block;
	text-decoration: none;
	border: none;
	background: url(./images_dico/more.jpg) 0 bottom repeat-x;
	font: 13px/20px 'Poly', serif;
	text-transform: uppercase;
	border: 1px solid #2d2b2a;
	margin-top: 4px;
	color: #eeeae9;
	box-shadow: 3px 3px 7px rgba(0,0,0,0.37);
	-moz-box-shadow: 3px 3px 7px rgba(0,0,0,0.37);
	-webkit-box-shadow: 3px 3px 7px rgba(0,0,0,0.37);
	padding: 7px 10px 8px;
}

.bouton:hover {
  background-position: left top;
  border: 1px solid #343333;
  color: #6a6565;
}


.form .bouton {
	margin-left: 10px;
}


.list {
	margin-bottom: 20px;
}

.bg {
	background-color: #211E1C;
}


.li_rubrique {
	padding: 10px;
	background-color: #141311;
	list-style: none;
	border-top: 1px solid #1E1E1E;
	border-bottom: 1px solid #000;
}

.li_rubrique a{
	font-size: 12px;
}

hr {
	border-top: 1px solid #000;
	border-bottom: 1px solid #333;
	margin-bottom: 10px;
}
/*
debut css plugin dinas
*/
.has-js .label_check,
.has-js .label_radio    { padding-left: 34px; }
.has-js .label_radio    { background: url(./images_dico/radio-off.png) no-repeat; }
.has-js .label_check    { background: url(./images_dico/check-off.png) no-repeat; }
.has-js label.c_on      { background: url(./images_dico/check-on.png) no-repeat; }
.has-js label.r_on      { background: url(./images_dico/radio-on.png) no-repeat; }
.has-js .label_check input,
.has-js .label_radio input  { position: absolute; left: -9999px; }
/*
fin css plugin dinas
*/

/*
debut css article
*/
.ul_article {
	padding: 0px;
	margin: 0px;
}
.ul_article li {
	padding: 10px;
}
.ul_article li:hover {
	/*background-color: #EAEAEA;*/
}
.hover_hide {
	display: none;
}
/*
fin css article
*/

/*
debut css article
*/
.ul_utilisateur {
	list-style: none;
}
.ul_utilisateur li {
	padding: 10px;
	float: left;
	width: 445px;
	border: 1px solid #333;
	margin-right: 10px;
	margin-bottom: 10px;
}
.ul_utilisateur li:hover {
	background-color: #000;
}
/*
fin css article
*/

/*plugin CSS*/
div.jGrowl div.success {
	background-color:#DFF2BF;
	background-repeat: no-repeat;
	background-position: 10px 10px;
	background-image:url('./images_dico/ok.png');
	font-family: "Segoe UI", Calibri, "Myriad Pro", Myriad, "Trebuchet MS", Helvetica, Arial, sans-serif;
	color: #4F8A10;
	padding-left: 30px;
	font-weight: bold;
}

/*bientot a supprimer*/
.message_ok {
	font-family: "Segoe UI", Calibri, "Myriad Pro", Myriad, "Trebuchet MS", Helvetica, Arial, sans-serif;
	font-size: 12px;
	margin: 5px 0px;
	padding:10px 5px 10px 30px;
	background-repeat: no-repeat;
	background-position: 10px center;
	color: #4F8A10;
	background-color: #DFF2BF;
	background-image:url('./images_dico/ok.png');
	font-weight: bold;
	display: block;
}


.pagination {
    display: block;
    line-height: 24px;
    float: left;
    border:1px solid #333333;
    padding:0px 8px;
    margin:2px;
    text-decoration:none;
    background-color:#221F1D;
    color:#CCC;
}
.pagination:hover {
    display: block;
    line-height: 24px;
    float: left;
    border:1px solid #221F1D;
    padding:0px 8px;
    margin:2px;
    text-decoration:none;
    background-color:#999999;
    color:#333333;
}
.pagination_active {
    display: block;
    line-height: 24px;
    float: left;
    border:1px solid #333333;
    padding:0px 8px;
    margin:2px;
    text-decoration:none;
    background-color:#333333;
    color:#CCC;
}


/* adding sf-vertical class in addition to sf-menu creates a vertical menu */
/* eg. <ul class="sf-menu sf-vertical"> ... */
.sf-vertical {
  width: 12em;
  /* If you want the width of the closed menu to expand to its
  widest top-level menu item (like its "Supersubs" submenus do),
  replace the width rule above with the following two rules. */

  /*
  min-width: 12em;
  *width: 12em;
  */
}
.sf-vertical ul {
	left:	100%;
	top: 0;
}
.sf-vertical > li {
  float: none;
}
.sf-vertical li {
  width: 100%;
}

/*** alter arrow directions ***/
.sf-vertical.sf-arrows > li > .sf-with-ul:after {
  margin-top: -5px;
  margin-right: -3px;
  border-color: transparent;
  border-left-color: #dFeEFF; /* edit this to suit design (no rgba in IE8) */
  border-left-color: rgba(255,255,255,.5);
}
.sf-vertical.sf-arrows li > .sf-with-ul:focus:after,
.sf-vertical.sf-arrows li:hover > .sf-with-ul:after,
.sf-vertical.sf-arrows .sfHover > .sf-with-ul:after {
  border-left-color: white;
}

.livredor {
	list-style: none;
	padding-left: 0px;
	margin-left: 0px;

}

.livredor li {
	border-bottom: 1px dotted #333;
	padding-bottom: 20px;
}

/*mise en forme commentaire*/
.cmt {
	list-style: none;
	padding: 0px;
	margin: 0px;
}
.cmt li {
	border-bottom: 1px dotted #333;
	padding-bottom: 20px;
	padding-top: 10px;
}

/*mise en forme commentaire*/

.backtotopinstance{
    position: fixed;
    right: 50px;
    bottom: 100px;
    background-image: url(images_dinas/scroll-to-top.png);
    height:73px;
    width:63px;
    cursor:pointer;
}