/* ====================================================================
GENERAL STYLING
-------------------------------------------------------------------- */
/* border:nones are for NN4 */
html { margin: 0px; padding: 0px; }
body
	{
	margin: 0px;
	padding: 0px;
	background-color: #FFFFFF;
	text-align: center; /* for IE */
	font-size:100%;
	font-family: arial,sans-serif; 
	font-size: 13px;
	color: #333333;
	}
div { margin: 0px; padding: 0px; }

  a, a:link, a:visited
  {
    color: #0033CC;
	text-decoration: underline;
  }
  
    a:hover
  {
    text-decoration: none;
  }

  
#color01 a:visited
{
color: #777777;
text-decoration: underline;
}

#color02 a, #color02 a:link, #color02 a:visited
{
color: #777777;
font-weight: normal;
text-decoration: none;
}

 #element0101 a, #element01 a:link, #element01 a:visited
 {
 color: #FFFFFF;
 font-weight: bold;
 text-decoration: none;
 }

  #element0101 a:hover
  {
  color: #4DC4BD;
  }


p {padding: 0px; margin: 0px;}
form {padding: 0px; margin: 0px;}
.clear { clear: both;} /* CSS HACK: only for NN4, so now use Caio hack to cleanse palette */
/*/*/ .clear { display: none; } /* */
/* box-wrap is only needed if you want to set a background color for the columns, put a border round the content block or fix the content width */
.box-wrap
	{
	width: 1000px;
	text-align:left; /* reset text alignment */
	margin:0 auto; /* for the rest */
	}
.box-header
	{
	margin: 0px;
	padding: 0.5em;
	border: none;
	}

.box-footer
	{
	clear: both;
	border: none;
	text-align: center;
	}
/* ====================================================================
COLUMNS LAYOUT
-------------------------------------------------------------------- */
.columns-float
	{
	float: left;
	width: 690px;
	}
.column-one
	{
	float: left;
	width: 630px;
	}
/* CSS HACK: Caio hide from NN4 since NN4's float model is all wrong */
/*/*/
.column-two { margin-left: 630px; }
.column-three {margin-left: 690px;}
/* */

.column-one-content
	{
	padding: 0 0 0 10px;
	border: none;
	}
.column-three-content
	{
	padding: 0 10px 0 0;
	border: none;
	}
	
/* VERTICAL PADDING ABOVE COLUMNS */
.box-header
	{ margin-bottom: 0px; }
.column_padding_after
	{
	height:0px;
	font-size: 1px;
	line-height: 0px;
	clear: both;
	}
/* CSS HACK:  position:relative needed by IE6 otherwise the header and col 2 don't show up on initial rendering - they're there but you have to minimise the window or switch to another app and back to see the full effect. But IE5(pc) doesn't like it. And nor does NN4.
NB. the use of pos:rel has to go way beyond skin-deep - any nested element that needs a background colour appears to require to be be relatively positioned */ 
/*/*/
.box-wrap, .columns-float, .column-one, .column-two, .column-three, h2
	{ p\osition: relative; }
/* */


/* ====================================================================
ELEMENTS
-------------------------------------------------------------------- */
  #logo
  {
  padding: 15px 0 15px 0;
  }
  
  .element01
  {
  background-color: #080808;
  }
  #element0101
  { 
  width: 1000px;
  margin-left:auto;
  margin-right:auto;
  }
  
  
  
  #element02
  {
  background-color: #F2F2F2;
  height: 32px;
  }
  
  #element0201
  {
  width: 1000px;
  text-align: left;
  font-size: 12px;
  margin-left:auto;
  margin-right:auto;
  }
 
  
   .element09
  {
  background-color: #E6F4F4;
  padding: 8px 20px 8px 20px;
  margin: 0;
  border: 1px solid #B3DDDD;
  line-height: 18px;
  }
  .element10
  {
  background-color: #F2F2F2;
  padding: 5px 0 5px 10px;
  margin: 2px;
  }
  
  #element20
  {
 text-align: right;
  }
  
  
  #element80
  {
  text-align: left;
  }
  
  #element88
  {
  background-color: #F7F7F7;
  }
  
  .space5
  {
  height:5px;
  }
  .space10
  {
  height:10px;
  }
  
  .space20
  {
  height:20px;
  }
  
  .space25
  {
  height:25px;
  }
  
  .space30
  {
  height:30px;
  }
  
  .space40
  {
  height:40px;
  }
  
  .space50
  {
  height:50px;
  }
  
  .space100
  {
  height:100px;
  }
  
  .line01
  {
    border-top: 1px solid #CCCCCC;
	margin: 0;
	padding: 0 0 1px 0;
  }
  
   .line02
  {
    border-top: 1px solid #44A2A2;
	margin: 0;
	padding: 0 0 1px 0;
  }
  
  .pager-1
  {
    width: 50px;
    background: #EEEEEE;
    text-align: center;
    font-family: arial,sans-serif; 
	font-size: 12px; 
	font-weight: normal;
	color: #555555;
  }	
	
 .pager-0
  {
    width: 50px;
    background: #008C8C;
    text-align: center;
    font-family: arial,sans-serif; 
	font-size: 12px; 
	font-weight: bold;
	color: #FFFFFF;
  }	
  
/* ====================================================================
FONTS
-------------------------------------------------------------------- */

h1 { 
    font-family: arial,sans-serif; 
	font-size: 13px; 
	font-weight: bold;
	color: #333333;
	margin: 0px; }
h2
	{
	font-size: 1em;
	color: #ffffff;
	background-color: #09988C;
	margin: 20px 0px 20px 0px;
	padding: 5px;
	} 
  
	
h3 { 
    font-family: Trebuchet MS,arial,sans-serif;
	font-size: 42px; 
	font-weight: normal;
	color: #008C8C;
	margin: 0px; 
	}
	
h4 { 
    font-family: arial,sans-serif; 
	font-size: 18px; 
	font-weight: bold;
	color: #008C8C;
	margin: 0px; }
h5 { 
    font-family: arial,sans-serif; 
	font-size: 13px; 
	font-weight: normal;
	color: #333333;
	margin: 0px; }
h6 { 
    font-family: arial,sans-serif; 
	font-size: 13px; 
	font-weight: bold;
	color: #333333;
	margin: 0px; }

  .font01
  {
    font-family: arial,sans-serif; 
	font-size: 12px; 
	font-weight: normal;
	color: #333333;
  }
  
    .font02
  {
    font-family: arial,sans-serif; 
	font-size: 13px; 
	font-weight: normal;
	color: #333333;
  }
  
  .font03
  {
    font-family: arial,sans-serif; 
	font-size: 11px; 
	font-weight: normal;
	color: #555555;
  }
.cat01
{
  font-family: arial,sans-serif; 
	font-size: 12px; 
	font-weight: regular;
	color: #333333;
	padding: 5px 0 20px 0;
}

.submenu
{
  font-family: arial,sans-serif; 
	font-size: 11px; 
	font-weight: regular;
	color: #333333;
	padding: 5px 0 20px 0;
}
    
.navi01
{
width: 721px;
height: 50px;
text-align: right;
color: #555555;
font-family: arial,sans-serif; 
font-size: 13px; 
font-weight: normal;
}

.navi01a
{
font-family: arial,sans-serif; 
font-weight: bold;
font-size: 13px; 
color: #4DC4BD;
}
.navi02
{
font-family: arial,sans-serif; 
text-align: right;
font-size: 12px;
}

.navi03
{
background: #008C8C;
text-align: center;
width: 70px;
font-size: 12px;
font-family: arial,sans-serif; 
}


.image01
{
width: 259px; 
height: 50px;
text-align: left;
}





p.comments_link  img{
	margin: 0px;
	padding: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	}
	
	
	
	
	
	
	
	
	.d_title {
 font-family: Arial, Helvetica, sans-serif; 
 font-weight: bold;
 color: #CC3300; 
 font-size: 2em;
 text-align: center;
}

.d_note {
 font-family: Verdana, Helvetica, sans-serif; 
 color: #000000; 
 text-align: left;
}

.d_add_msg {
 text-align: left;
}

.d_f_add_msg {
 margin-left: auto;
 margin-right: auto;
 width: 450px;
 padding-top: 4px;
 padding-bottom: 4px;
 color: #3A3A3A;
}

.d_add_msg_h {
 margin-left: auto;
 margin-right: auto;
 width: 450px;
 height: 4px;
}

.d_add_msg_b {
 margin-left: auto;
 margin-right: auto;
 width: 450px;
 height: 4px;
}

.add_msg_left {
 float: left;
 width: 160px;
 text-align: left;
 margin-top: 2px;
 padding-left: 10px;
 height: 23px;
 clear: both;
}

.add_msg_right {
 text-align: left;
 height: 25px;
}

.reponse {
 border: 1px solid #B4B4B4;
 background-color: #FFFFFF;
 padding: 5px;
}

.code_sec {
 font-family: Courier New;
 font-size: 1.1em;
 text-align: center;
}

.d_center {
 text-align: center;
}

.copyright {
 color: #444444;
 font-family: Arial, Helvetica, sans-serif; 
 font-size: 10px;
 text-align: center;
}

.d_nbre_car {
 text-align: left;
 margin: -18px 0 0 16px;
}

.d_smileys {
 text-align: center;
 padding: 3px;
}

.body_all {
 text-align: center;
  font-size: 13px;
 font-family: Arial, Helvetica, Sans-Serif;
 color:#333333;
}

.d_nb_mess_page {
 background-color: #008C8C;
 font-weight: bold;
 color: #FFFFFF;
 padding: 5px 0 5px 10px;
 height: 20px;
}

span.color_d_nb_mess_page1 {
 color: #FFFFFF;
}

span.color_d_nb_mess_page2 {
color: #FFFFFF;
}

.three1 { 
 float: left;
 width: 35%;
 text-align: left;
 padding-left: 3px;
}

.three2 { 
 float: left;
 width: 29%;
 text-align: center;
}

.three3 { 
 float: right;
 width: 35%;
 text-align: right;
 padding-right: 3px;
}

.d_liste_page {
 padding: 1px;
 height: 15px;
}

.three1_2 { 
 float: left;
 width: 25%;
 text-align: left;
}

.three2_2 { 
 float: left;
 width: 49%;
 text-align: center;
}

.three3_2 { 
 float: right;
 width: 25%;
 text-align: right;
}

span.Gris_prec_suiv {
 color: #C0C0C0;
}

.d_corps_msg {
 background-color: #F8F8F8;
 padding: 4px;
 text-align: left;

}

.d_pseudo {
 color: #CC3300;
 font-weight: bold;
}

.d_date {
 color: #686868;
 float: right;
 width: 145px;
 text-align: right;
}

.d_code1{
 display: inline;
 float: left;
 text-align: right;
 height: 20px;
 width: 238px;
}

.d_code2{
 display: inline;
 float: left;
 text-align: left;
 height: 20px;
}

.d_submit_msg {
 text-align: center;
 clear: both;
}

.d_note_user {
 font-weight: bold;
 color: #FF0000;
 text-align: left;
}