/***************************

  BODY

***************************/

body {
	 background: #fff;
	 margin: 0 auto;
	 padding: 0;
	 max-width: 1000px;
	 color:#4B4B4B;
}

.img_content{
border: 1px solid #c0c0c0;
padding:2px;
}

/***************************

  LIENS

***************************/

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

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

/***************************

  HEADER

***************************/

DIV#header {
	 width: 100%;
	 height: 80px;
	 border-bottom: 1px solid #BCBCBC;
}

DIV#header h1 {
	 margin: 0;
	 padding: 0;
	 font-size: 17px;
	 font-family: "Trebuchet MS", Arial;
	 width:300px;
	 height:25px;
	 background: #fff url(../images/bk_title.jpg) no-repeat top left;
	 padding: 3px 5px 7px 55px;
	 
}

DIV#header p {
	 margin: -3px 0 0 0;
	 font-size: 12px;
	 font-family: "Trebuchet MS", Arial;
	 padding: 3px 5px 7px 55px;
}

DIV#search {
     display:inline;
	 float: right;
	 margin: 0 0 0 0;
	 padding: 0;
	 height:28px;
}

DIV#head {
	 float: left;
}

/***************************

  NAVIGATION

***************************/

DIV#navigation {
	 clear: both;
}

/***************************

  FOOTER

***************************/

DIV#footer {
	 clear: both;
	 margin: 20px 0 0 0;
	 padding: 10px 0 0 0;
	 border-top: 1px solid #BCBCBC;
}

DIV#footer  p.right{
	 float: right;
	 padding:0;
	 margin: 0;
	 font-size: 11px;
	 font-family: "Trebuchet MS", Arial;
	 text-align: LEFT;
}

DIV#footer  p.left{
	 float: left;
	 padding:0;
	 margin: 0;
	 font-size: 11px;
	 font-family: "Trebuchet MS", Arial;
	 text-align: LEFT;
}

/***************************

  MENU DE DROITE

***************************/

DIV#right {
	 float: right;
	 width: 280px;
	 margin: 0 30px 0 0;
}

DIV#right ul {
	 padding: 20px 0 20px 20px;
	 margin: 0;
	 list-style: none;
}

*DIV#right  li {
	 float: left;
	 width: 100px;
	 text-align: center;
	 padding: 0 0 0 10px;
	 margin: 0;
	 height: 0;
	 font-size: 12px;
	 font-family: "Trebuchet MS", Arial;
}

DIV#right  li {
	 float: left;
	 width: 100px;
	 text-align: center;
	 padding: 0 0 10px 10px;
	 margin: 0;
	 font-size: 12px;
	 font-family: "Trebuchet MS", Arial;
}

DIV#right h2#categories {
	 margin: 0;
	 padding: 0 0 3px 0;
	 font-size: 12px;
	 font-family: "Trebuchet MS", Arial;
	 border-bottom: 1px solid #BCBCBC;
}

DIV#right h2#note {
	 clear: both;
	 margin: 0;
	 padding: 20px 0 3px 0;
	 font-size: 12px;
	 font-family: "Trebuchet MS", Arial;
	 border-bottom: 1px solid #BCBCBC;
}

DIV#right h2#lues, DIV#right h2#stats {
	 margin: 20px 0 0 0;
	 padding: 0 0 3px 0;
	 font-size: 12px;
	 font-family: "Trebuchet MS", Arial;
	 border-bottom: 1px solid #BCBCBC;
}

DIV#right dl{
	 margin:0;
	 padding: 10px;
}

DIV#right dt{
	 font-size: 12px;
	 font-family: "Trebuchet MS", Arial;
}

DIV#right dd{
	 font-size: 12px;
	 font-family: "Trebuchet MS", Arial;
	 padding:2px 5px;
	 text-align: justify;
	 margin: 5px 5px 5px 15px;
	 border-left: 2px solid #BCBCBC;
	 overflow: auto;
}

/***************************

  MENU DE HAUT

***************************/

ul#menu {
	 padding: 10px 0 10px 35px;
	 margin: 0;
	 list-style: none;
	 background:#fff url(../images/title_tab.jpg) no-repeat topleft;
}

ul#menu li {
	 float: left;
	 padding: 0 10px 0 5px;
	 font-size: 12px;
	 font-family: "Trebuchet MS", Arial;
}

/***************************

  LOCALISATION

***************************/

ul#localisation {
	 padding: 10px 0 10px 35px;
	 margin: 0;
	 list-style: none;
}

ul#localisation li {
	 float: left;
	 padding: 0 10px 0 5px;
	 font-size: 12px;
	 font-family: "Trebuchet MS", Arial;
}

/***************************

  NEWS

***************************/

DIV#left {
	 margin-right: 0px;
}

DIV.news  {
	 padding: 20px 40px;
}

DIV.news h2{
	 margin: 0;
	 padding: 0;
	 font-size: 15px;
	 font-family: "Trebuchet MS", Arial;
	 height: 25px;
	 width: 100%;
	 color:#404040;
	 border: #c0c0c0 1px solid;
	 background: #005b82 url(../images/bk_title_announce.jpg) no-repeat center right;
	 padding: 10px 5px 5px 10px;
}

*html DIV.news h2{
	 padding: 6px 5px 9px 10px;
}

DIV.news h2 a:link, DIV.news h2 a:visited, DIV.news h2 a:active{
    display:block;
	color:#404040;
}

DIV.news h2 a:hover{
	color:c0c0c0;
}

DIV.news p.auteur {
	 margin: 0;
	 padding: 5px 0 0 0;
	 font-size: 11px;
	 font-family: "Trebuchet MS", Arial;
	 border: #c0c0c0 1px solid;
	 height: auto;
	 width: 100%;
	 background: #E4E5E6;
	 margin-top:5px;
	 padding: 6px 5px 5px 10px;
}


DIV.news td {
	 margin: 0;
	 padding: 5px 0 0 0;
	 font-size: 11px;
	 font-family: "Trebuchet MS", Arial;
	 border: #c0c0c0 1px solid;
	 height: auto;
	 width: 100%;
	 background: #E4E5E6;
	 margin-top:5px;
	 padding: 6px 5px 5px 10px;
}

DIV.texte {
	 margin: 10px 10px;
	 padding: 0 10px;
	 border-left: 2px solid #BCBCBC;
	 overflow:auto;
}

DIV.texte p {
	 margin: 0;
	 padding: 0;
	 font-size: 12px;
	 font-family: "Trebuchet MS", Arial;
	 text-align: justify;
	 line-height: 20px;
}

/***************************

  COMMENTAIRES

***************************/

DIV#left h2.commentaire{
	 padding: 0 0 5px 0;
	 margin: 20px 50px 20px 40px;
	 font-size: 15px;
	 font-family: "Trebuchet MS", Arial;
	 border-bottom: 1px solid #BCBCBC;
}

DIV#left form{
	 padding: 0 50px;
}

DIV#left  label{
	 display: block;
	 font-size: 12px;
	 margin: 0 0 0 20px;
	 font-family: "Trebuchet MS", Arial;
}

DIV#left  input, DIV#left  textarea {
	 font-size: 12px;
	 margin: 10px 0 0 20px;
	 padding: 5px;
	 font-family: "Trebuchet MS", Arial;
}

DIV#left select{
	 font-size: 12px;
	 margin: 10px 0 0 20px;
	 padding: 0;
	 font-family: "Trebuchet MS", Arial;
}

DIV.comm {
	 margin: 20px 60px 10px 50px;
	 font-size: 12px;
	 padding: 1px 10px;
	 font-family: "Trebuchet MS", Arial;
	 border-left: 2px solid #BCBCBC;
	 background: #c0c0c0;
}

DIV.comm p.auteur , DIV.comm p.texte{
	 margin: 0;
	 padding: 5px;
}

p.msg {
	 margin: 0 40px;
	 padding: 10px;
	 font-size: 12px;
	 font-family: "Trebuchet MS", Arial;
}

p.attention {
	 background: #c0c0c0 ;
	 padding: 10px;
	 margin: 20px 60px 0 60px;
	 font-size: 12px;
	 font-family: "Trebuchet MS", Arial;
	 
	 border: 1px solid #cccccc;
	 text-align: center;
}

/***************************

  DIVERS

***************************/

.left {
	 float: left;
	 padding:0 5px;
}

.right {
	 float: right;
	 padding:0 5px;
}

h4 {
	 margin: 0 20px;
	 padding: 0 0 3px 0;
	 font-size: 15px;
	 font-family: "Trebuchet MS", Arial;
	 border-bottom: 1px dashed #000000;
}

ul {
	 list-style: circle;
	 font-size: 12px;
	 font-family: "Trebuchet MS", Arial;
	 margin: 0 0 20px 100px;
	 padding: 0;
}

input {
    border: 1px solid #404040;
    background: #c0c0c0;
	color:#404040;
}
button {
    border: 1px solid #404040;
    background: #c0c0c0;
	color:#404040;
}

textarea {
    border: 1px solid #404040;
    background: #c0c0c0;
	color:#404040;
}

form {
font-size: 10px;
font-family: "Trebuchet MS", Arial;

}