@import url('reset-min.css');

body {
	scrollbar-face-color: #ffffff;
	scrollbar-highlight-color: #ffffff;
	scrollbar-shadow-color: #cc731f;
	scrollbar-3dlight-color: #CC731F;
	scrollbar-arrow-color: #cc731f;
	scrollbar-track-color: #ffffff;
	scrollbar-darkshadow-color: #ffffff;
	font-family: Verdana, Arial;
	font-size: 12px;
	color: #5a0a01;
	background-color: #EDE0B0;
	text-decoration: none;
}

#printtitre {
    display: none;
}


a {
    color: #5a0a01;
    text-decoration: underline;
}

a:hover {
    color: #DF6A23;
    text-decoration: none;
}

.brun {
    color: #5a0a01;
}

#pied a {
    color: #fff;
    text-decoration: none;
}

.fontbrun10 {
    font-size: 10px;
    color: #5a0a01;
    font-family: Verdana, Arial;
}

.fontblanc10 {
    font-size: 10px;
    color: #ffffff;
    font-family: Verdana, Arial;
}

p {
    margin: 10px 20px;
    text-align: justify;
}

td {
    text-align: left;
}

ul {
    margin-left: 40px;
}

li {
    list-style-image:url(images/i_carre.gif);
    padding: 5px 0;
}

#categorie td {
    width: 33%;
}

#mrc td {
    width: 33%;
}

#secteur td {
    width: 33%;
}

h1 {
    font-size: 140%;
    margin: 10px 20px;
    font-weight: bold;
}

h2 {
    background: url(images/bg_titre.gif) no-repeat;
    width: 550px;
    height: 31px;
    font-size: 120%;
    margin: 15px 20px 10px 20px;
    font-weight: bold;
    padding: 8px 0 0 45px;
}

.titre {
    background: url(images/bg_titre.gif) no-repeat;
    width: 550px;
    height: 31px;
    font-size: 120%;
    margin: 15px 20px 10px 20px;
    font-size: 12px;
    font-weight: bold;
    padding: 8px 0 0 45px;
}


h3 {
    font-size: 110%;
    margin: 10px 20px;
    font-weight: bold;
}

h4 {
    background: url(images/bg_titre_225x31.gif) no-repeat;
    width: 200px;
    height: 31px;
    font-size: 120%;
    margin: 15px 20px 10px 20px;
    font-weight: bold;
    padding: 8px 0 0 45px;
}

hr {
    margin: 10px 20px;
    color: #5a0a01;
    background-color: #5a0a01;
    height: 1px;
    border: 0;
}

#produit table {
    border: 2px solid #c6d2a0;
    width:95%;
    margin: 0px 20px 10px 20px;
}

#produit th {
    border: 1px solid #fff;
    font-weight: bolder;
    text-align: center;
    background-color: #dfbe6b;
    color: #7b0300;
    height: 25px;
}

#produit td {
    border: 1px solid #fff;
    height: 25px;
    padding: 10px;
}

#calendrier table {
    border: 2px solid #c6d2a0;
    width:95%;
    margin: 0px 20px 10px 20px;
}

#calendrier th {
    border: 1px solid #fff;
    font-weight: bolder;
    text-align: center;
    background-color: #dfbe6b;
    color: #7b0300;
    height: 25px;
}

#calendrier td {
    border: 1px solid #fff;
    height: 25px;
    background-color: #f4eddb;
}

#calendrier td.activite  {
    background-color: #c6d2a0;
}

#calendrier td a {
    color: #7b0300;
    text-decoration: none;
}

.mois {
    color: #f4eddb !important;
    background-color: #ce791f !important;
    padding: 5px;
}

div.autocomplete {
      position:absolute;
      width:500px;
      background-color:white;
      border:1px solid #5a0a01;
      margin:0px;
      padding:0px;
      font-size: 12px;
    }
div.autocomplete ul {
      list-style-type:none;
      list-style-image:none;
      margin:0px;
      padding:0px;
    }
div.autocomplete ul li.selected { background-color: #ffb;}
div.autocomplete ul li {
      list-style-type:none;
      list-style-image:none;
      display:block;
      margin:0;
      padding:2px;
      height:15px;
      cursor:pointer;
    }

form {
	margin: 5px 20px;
	text-align:left;
	/*width: 575px;*/
}

fieldset {
	border: 1px solid #5a0a01;
	color: #5a0a01;
	margin-bottom: 10px;
}

legend {
	color: #5a0a01;
	border: 1px solid #5a0a01;
	padding: 2px 6px;
	font-weight:bold;
	margin-left: 20px;
}

label {
	width: 200px;
	float: left;
	text-align: right;
	margin-right: 0.5em;
	display: block;
	margin: 3px;
	clear:both;
}

input, select, textarea {
    padding-left: 4px;
    font-family: Verdana, Arial;
    margin: 3px;
}

ul#navigation {
    width: 400px;
    list-style-type: none;
    list-style-image:none;
    margin: 20px;
    padding: .5em 0;
    border-top: 1px solid #5a0a01;
}

ul#navigation li {
    list-style-type: none;
    list-style-image:none;
}

ul#navigation li a {
    display: block;
    color: #FFF;
    padding: .2em 0;
    text-align: center;
    text-decoration: none;
}

ul#navigation .left { float: left; }
ul#navigation .right { float: right; }

.erreur {
    border-top: 1px solid #5a0a01;
    border-bottom: 1px solid #5a0a01;
    margin: 5px;
    padding: 5px;
    background-color: #EDE0B0;
    font-weight: bold;
}

#conseiladmin table {
    margin: 0 auto;
}

#conseiladmin td {
    padding: 10px;
    font-weight: bold;
    text-align: center;
}

table.membres {
    margin: 0 auto;
    border-collapse: collapse;
    border-spacing: 0;
}

table.membres td {
    padding: 20px;
}

#popitmenu{
position: absolute;
background-color: white;
border:1px solid #5a0a01;
font: normal 12px Verdana;
line-height: 18px;
z-index: 100;
visibility: hidden;
}

#popitmenu a{
text-decoration: none;
padding-left: 6px;
color: #5a0a01;
display: block;
}

#popitmenu a:hover{ /*hover background color*/
background-color: #ffb;
}

div.videoitem {
	border: 1px solid #bd521b;
	margin: 5px auto;
	padding: 5px;
	width: 390px;
}

div.videoimage {
	float: left;
	margin: 0 5px;
}

.error_message {
	color: #ff0000;
}