body {
 background-image: url(img/gris.png);
 background-repeat: repeat;
 background-attachment: no-fixed;
 background-color: #e7e6e5;
 margin: 0px 0px 0px 0px;
 background-position: left top 0%;
}
div#page {
border: none;
}
#page{
 background-image: none;
}
#headTop {
height: 0px;
 margin: 0px 0px 0px 0px;
 padding: 0px 0px;
}
#headBottom {
background-image: url(img/fondboutons882txtpt.jpg);
background-repeat: no-repeat;
 margin: 20px 0px 0px 0px;
 padding: 20px;
height:35px;

}
#mainContent {
 margin: 0px 0px;
 padding:0px;
}
.htable {
 margin-bottom: 2px;
}
.htable1 {
 margin-bottom: 0px;
}
.htable2 {
 padding: 0px 2px;
}
 .header {
 background-color: #8A9C8A;
 background-position: 100% 50%;
 background-repeat: repeat-x;
}
div.logo {
  background-color: transparent;
  padding:  0px 0px 0px 0px;
  text-align: center;
}
div.banner {
  padding: 10px 0px 10px 0px;
  text-align: center;
}
 .band {
 margin-right: 6px;
}

 .headmenu {
 width: 100%;
}
div.quote {
  width: 100%;
  white-space: nowrap;
  text-align: center;
  background: transparent url(img/quote.png) repeat-x;
  line-height: 24px;
}
div.quote span.cita {
  background-color: transparent;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #3b3b3b;
  font-style: normal;
  text-align: center;
  width: 100%;
  border: 0;
  margin: 0;
  padding: 0;
}
div.quote span.author {
 font-style: normal;
}
 .quote_left {
 background-image: url(img/quote_left.png);
 width: 2px; height: 24px;
 float: left;
}
 .quote_mark {
 background-image: url(img/quote_mark.png);
 width: 60px; height: 24px;
 float: left;
}
 .quote_right {
 background-image: url(img/quote_right.png);
 width: 2px; height: 24px;
 float: right;
}
div.menuIcons {	
padding-bottom:0px;
float:left;
width:100%;
background: url("img/bg.png") repeat-x bottom;
font-size:100%;
line-height:normal;
}
div.menuIcons ul {
	margin:0;
	padding: 15px 10px 0px 72px;
	list-style:none;
}
div.menuIcons li {
float:left;
background: url("img/cdm.png")
no-repeat right top;
margin:0;
padding:0;
}
div.menuIcons li:hover {
float:left;
background:url("img/cdm_on.png")
no-repeat right top;
margin:0;
padding:0;
}
div.menuIcons a {
display:block;
background:url("img/cgm.png")
no-repeat left top;
padding:5px 14px 10px 6px;
}
div.menuIcons a:hover {
display:block;
background:url("img/cgm_on.png")
no-repeat left top;
padding 5px 14px 10px 6px;
}
div.menuIcons ul li a span {
text-decoration: none;
font-size: 12px;
font-family: Verdana;
font-weight: bold;
color:#FFFFFF;
}
div.menuIcons ul li a span.current {
  color: #D81818;
  text-decoration: blink;
  font-size: 12px;
  font-family: Verdana;
  font-weight: bold;
  background-color: transparent;
text-align:center;
  position: relative; top: 0px; left: 0px;
}
div.menuIcons ul li a:hover span.current {
  color: #D81818;
  text-decoration: none;
  font-size: 12px;
  font-family: Verdana;
  font-weight: bold;
  background-color: transparent;
text-align:center;
position: relative; top; 0px; left: 0px;
}
div.menuIcons ul li a:active span {
  color: #D81818;
  text-decoration: none;
  font-size: 12px;
  font-family: Verdana;
  font-weight: bold;
}
div.menuIcons ul li.menu_admin {
float:right;  
}
div.menuIcons ul li.menu_flags {
float:left;
margin-right: 5px;
text-align: center;
}
div.menuIcons ul li.menu_flags img {
margin:0px;
}
ul.boxmenu {
margin:0;
padding: 4px 0px;
list-style:none;
}
ul.boxmenu li {
margin-bottom:4px;
}
 p {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 12px;
 color: #666666;
 margin: 0px 0px;
}
 p.box {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 11px;
 color: #666666;
 margin: 4px;
}
 .box {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 11px;
 color: #666666;
margin: 4px;
}
 .titre {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 13px;
 font-weight: bold;
 color: #3b3b3b;
 text-align:center;
 padding-top: 0px;
 margin-bottom: 0px;
}
 .titre:first-letter {
 font-size: 20px;
 color: #333399;
 font-family: Times New Roman, Times, serif;
 font-weight: bold;
}
 .titrebox {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 13px;
 font-weight: bold;
 color: #3b3b3b;
 text-align:center;
 padding-top: 0px;
 margin-bottom: 0px;
}
 .titrebox:first-letter {
 font-size: 20px;
 color: #333399;
 font-family: Times New Roman, Times, serif;
 font-weight: bold;
}
 .titrebox2 {
 font-weight: bold;
 color: #3b3b3b;
 text-align: center;
}
 .tbl {
 background-color: #FFFFFF;
 padding: 0px 0px 3px 3px;
 text-align:left;
}
 .tblover {
 background-color: #FFFFFF;
 padding: 0px 0px 3px 3px;
 text-align:left;
}
 .htable1 {
 margin-top: 2px;
}
 .tblbox {
 background-color: #FFFFFF;
 padding: 0px 3px 3px 3px;
 text-align:left;
}
 .tblboxover {
 background-color: #FFFFFF;
 padding: 0px 3px 3px 3px;
 text-align:left;
}
 .bordure {
 border: 0px solid transparent;
}
 .forum {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 12px;
 font-weight: bold;
 color: #97A9FF;
 background-color: tranparent;
 border: 0px solid #948F8D;
 padding: 0px 0px 5px 10px;
 text-align: center;
}
tr.forum2 {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 12px;
 color: #97A9FF;
 background-color: transparent;
 border: 0px solid #948F8D;
 padding: 0px 5px;
}
 .forum2 {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 12px;
 color: #97A9FF;
 background-color: transparent;
 border: 0px solid #948F8D;
 padding: 0px 5px;
}
 .quest {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 12px;
 color: #97A9FF;
 background-color: transparent;
 border: 0px solid #948F8D;
 padding: 5px;
}
 .rep {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 12px;
 color: #666666;
 background-color: transparent;
 border: 0px solid #948F8D;
 padding: 10px 5px;
}
 .bord {
 border-Style: Inset;
 border-Color: Silver;
 border-Width: 0px;
}
.bord2 {
 border: 4px double #948F8D;
}
 a {
 color: #333399;
 text-decoration: none;
font-weight: bold;
}
 a:hover {
 color: #FF5B2B;
 background-color: transparent;
 text-decoration: none;
font-weight: bold;
}
 a.box {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 11px;
 color: #000000;
 text-decoration: none;
}
 a.box:hover {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 11px;
 color: #97A9FF;
 background-color: transparent;
}
 .rubr {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 12px;
 color: #333399;
 background-color: transparent;
 font-weight: bold;
 padding: 4px 2px;
 margin: 1px;
 text-align:left;
}
 .curr_item {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 12px;
 color: #666666;
 background-color: #ffffff;
 border: 1px solid #97A9FF;
 padding: 2px 0px;
 list-style: none;
 text-align:left;
}
 .item {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 12px;
 color: #666666;
 background-color: transparent;
 padding-bottom: 4px;
 margin-left: 2px;
 list-style: none;
 text-align:left;
}
.pop {
  z-index: 30;
  width:380px;
  text-align:left;
}
.pop a {
 position: relative;
}
.pop span {
 display:none;
}
.pop a:hover span {
 display:block;
 position:absolute;
 top:2em;
 left:2em;
 color: #666666;
 background-color: #ffffff;
 font-family: Arial, Helvetica, sans-serif;
 font-size: 12px;
 border: 1px solid #948F8D;
 padding: 4px;
}
 hr {
 border-style: none none dashed;
 border-color: #666666;
 border-width: 0px 0px 1px;
 height: 1px;
 width: 98%;
 visibility:hidden;
}
 ul, ol, li {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 12px;
 color:#666666;
}
 ul.art {
 font-weight: bold; padding: 0px; margin: 0px;
}
 li.art {
 font-weight: normal; list-style-type: none; padding: 0px; margin-left: 4px;
}
 dl, dd, dt, address, dir, menu, blockquote, td {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 12px;
 color : #666666;
}
h1, h2, h3, h4, h5, h6 {
 font-family: Arial, Helvetica, sans-serif;
 color: #cc0033;
}
 td.cal {
 font-family: Arial, sans-serif;
 font-size: 11px;
 color: #E7E7E7;
 background-color: transparent;
 width: 14%;
 text-align: center;
}
.cal {
 background-color: transparent;
}
 tr.cal {
 font-family: Arial, sans-serif;
 font-size: 11px;
 color: #666666;
 background-color: #ffffff;
 width: 14%;
 text-align: center;
}
 td.cals {
 font-family: Arial, sans-serif;
 font-size: 11px;
 color: #666666;
 background-image: url(img/button_center.gif);
 background-color: transparent;
 width: 14%;
 text-align: center;
}
 td.cal0 {
 font-family: Arial, sans-serif;
 font-size: 11px;
 color: #666666;
 background-color: transparent;
 width: 14%;
 text-align: center;
}
 td.cal1 {
 font-family: Arial, sans-serif;
 font-size: 11px;
 color: #ffffff;
 background-color: #97A9FF;
 width: 14%;
 text-align: center;
}
 td.cal2 {
 font-family: Arial, sans-serif;
 font-size: 11px;
 color: #666666;
 background-color: transparent;
 width: 14%;
 text-align: center;
}
 td.cal3 {
 font-family: Arial, sans-serif;
 font-size: 11px;
 color: #666666;
 background-color: #ffffff;
 width: 14%;
 text-align: center;
}
 td.cal4 {
 font-family: Arial, sans-serif;
 font-size: 11px;
 color: #666666;
 background-color: transparent;
 width: 14%;
 text-align: center;
}
 td.calevt {
 font-family: Arial, sans-serif;
 font-size: 11px;
 color: #000000;
 background-color: #ffffff;
 border: solid 1px #2353FF; 
 width: 14%;
 text-align: center;
}
 form {
 margin: 3px 0px;
}
 input.bouton, button {
 cursor: pointer;
 margin: 4px 0px;
 border: 0px inset;
 font-family: Arial, sans-serif;
 font-size: 12px;
 color: #000000;
 background-image: url(img/bu2.png);
 background-repeat: repeat-x;
 background-color: transparent;
 height: 18px;
 margin: 0px;
 padding-top: 0px;
 vertical-align: top;
 text-decoration: none;
}
 input.bouton,button:hover {
 color:#97A9FF;
 background-image: url(img/buhover.png);
 background-repeat: repeat-x;
 background-color: transparent;
 height: 18px;
 vertical-align: top;
}
 input.texte {
 font-family: Arial, sans-serif;
 font-size: 11px;
 color: v;
 margin: 2px 0px;
 background-image: url(img/ft.png);
}
 select {
 font-family: Arial, sans-serif;
 font-size: 11px;
 color: v;
 background-color: #ffffff;
 margin: 4px 0px;
}
 textarea {
 background-color: #ffffff;
 color: v;
 margin: 4px 0px;
 overflow: auto;
}
fieldset {
 border: 1px solid v;
 margin: 8px;
}
legend {
 font-size: 11px;
 font-family: Arial, Helvetica, sans-serif;
 color: v;
 font-weight: bold;
}
 .top {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 11px;
}
 .foot {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 12px;
 color: v;
 text-align: center;
}
 .copyright {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 12px;
 color: v;
 text-align: center;
}
 .timer {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 11px;
 font-style: italic;
 color: v;
 text-align: center;
 padding: 6px;
}
 .clsCursor {
 cursor: pointer;
}
 .notice {
 color:red;
 background-color:yellow;
 padding:2px;
}
 .Code {
 border: #AECBED 1px solid;
 padding-right: 5px;
 padding-left: 5px;
 color: #666666;
 font-family: Arial, sans-serif;
 font-size: 11px;
 background-color: #CFE5F9;
}
 .topl {
 background-image: url(img/header_gauche.jpg);
 background-position: top left;
 width: 26px; height: 142px;
}
 .topc {
 background-image: url(img/header_centre.jpg);
 background-repeat: no-repeat;
 height: 142px;
}
 .topr {
 background-image: url(img/header_droite.jpg);
 background-position: top right;
 width: 26px; height: 142px;
}
 .left {
 background-image: url(img/t5.png);
 background-repeat: repeat-y;
 width: 26px;
}
 .right {
 background-image: url(img/t4.png);
 background-repeat: repeat-y;
 width: 26px;
}
 .bottoml {
 background-image: url(img/t6.png);
 background-position: bottom left;
 width: 26px;
 height: 32px;
}
 .bottom {
 background-image: url(img/t7.png);
 background-repeat: repeat-x;
 height: 32px;
}
 .bottomr {
 background-image: url(img/t8.png);
 background-position: bottom right;
 width: 26px;
 height: 32px;
}


h1 { font-size:16px; color:#cc0033; }
h2 { font-size:14px; color:#cc0033; }
h3 { font-size:14px; color:#223B56; }
h4 { font-size:12px; color:#cc0033; }
	 


	
#article { margin:0px 0px 0px 0px; min-height:550px; padding:0 0px; float:left; width:100%;  }

	#article p { line-height:1.4em; margin:8px 0; }
	#article h2 { font-size:1.5em; margin:5px 0; color:#FF0000; }
	#article h3 { font-size:1.2em; margin:10px 0; color:#223B56; text-transform:uppercase; border-bottom:1px solid #223B56;}
	#article h4 { font-size:1em; margin:5px 0; color:#FF0000; }
	#article li { padding-left:25px; margin:5px 0 5px 15px; }
	

	
	.pic { border:1px solid #C4C0C0; padding:3px; float:right; }
	.pic_detail { display:block; margin:5px auto; border:1px solid #223B56; }
	.pic_detail_thumb { width:50px; height:50px; margin:5px 3px; border:1px solid #223B56; cursor: pointer; }
	.pic_index { border:1px solid #223B56; margin:10px 0; }
	

	.col1 { float:left; width:100%; }
		.col1 .pic { float:right; margin: 0 0 0 10px; }
		
	
	.col2 { float:left; width:305px; margin:0 12px; }
		.col2 .pic { display:block; margin:0 auto; height:134px;  }