body {
  /*background-image:url("../images/page_background_fond.jpg");
	background-repeat : repeat;*/

}

#toplogos{
  position:relative;
  top:77px;
  border:none;
}

#main{
	font-family: arial, helvetica, sans-serif;
	text-align: center;
	width: 540px;
	
}

/*Grosse colonne de gauche, contenu du site. Opposition à la colonne de pub à droite */
#container {

	float:left;
}


#top_banner{
  
  height:53px;
  background-image:url("../images/newsletter_banner.jpg");
  background-repeat : no-repeat;
  text-align:right;
}

#top_banner2{
  
  height:53px;
  background-image:url("../images/message_header.jpg");
  background-repeat : no-repeat;
  text-align:right;
}


/*Contient le menu et le titre*/
#title {
  clear:both;
  color:#cc0000; 
  position:relative;
  top: -17px;
  left:10px;
  
}
#title_text{
  /*background:url("../images/title_background.jpg") no-repeat left top;*/
  width:100%;
  position:relative;
  top:-2px;
  clear:both;
  height:47px;
}
#title_text h3{
  clear:both;
  text-align:left;
  font-size: 20px;
  position:relative;
  left:25px;
  top: 17px;
  display:block;
}

#container .bigblock_2 .smallblock_body_2 .etiquetteTable td {
  text-align:center;
  width:37%;
}


#container .bigblock_2 p input{
  position:relative;
  left:70px;
  width:185px;
}

#container .bigblock_2 .smallblock_body_2 .etiquetteTable2 {
  margin-left:0px;
  border-collapse:collapse;
  text-align:left;
  width:300px;
}
.smallblock_body_2 table tr td .etiquette2{
  max-width :130px;
  max-height:65px;
}

#container .bigblock_2 .smallblock_body_2 .etiquetteTable {
  margin-left:0px;
  border-collapse:collapse;
  text-align:center;
  width:300px;
}

#container .bigblock_2 .left {
  float:left;
  width:290px;
  padding:3px;
}

.smallblock_body_2 table tr td .etiquette{
  max-width : 130px;
}

#container .bigblock_2 .right {
  float:right;
  width:290px;
  padding:3px;
}

/* Big block content */
#container .bigblock , #container .bigblock_2{
  color:grey;
  padding:15px;
  font-size:11px;
  /*text-align:left;*/
  background-color: #F0F6FC;
  margin: 0;
  line-height:15px;


}
#container .bigblock .rbtop , #container .bigblock_2 .rbtop {
  background: url("../images/block_topright.jpg") no-repeat top right;
  position:relative;
  left:9px;
  top: -1px;
  height:35px;
 }

#container .bigblock .rbtop div , #container .bigblock_2 .rbtop div { 
  background: url("../images/block_topleft_new.jpg") no-repeat top left; 
  position:relative;
  left:-18px;
  top: 0px;
  height:35px;
}
#container .bigblock .bigblock_body {
  width: 100%;
  /*height:100%;
  position:relative;*/
  /*border-bottom: 2px solid #666699;*/
  padding: 0 0 0 0;
}

#container .bigblock_2 .bigblock_body{
  width: 610px;
  height:100%;
  position:relative;
  top:-15px;
  padding:5px;
}

.cardlister {
margin:10px 0pt;
padding:10px 20px 10px 20px;
width:330px;
background-color:#d8e8f6;
text-align:left;
}

.cardlister2 {
margin:10px 0pt;
padding:10px 20px 10px 20px;
width:578px;
background-color:#d8e8f6;
text-align:left;
}

#container .bigblock_2 .bigblock_body{
  height:145px;

}

#container .bigblock .rbbot , #container .bigblock_2 .rbbot {
  width: 102%;
  /*background:url("../images/block_bottom.jpg")no-repeat top left;*/
  position: relative;
  top: 5px;
  left: -7px;
}

#container .bigblock h3 {
  margin:0pt 0 10px 0;
  color: #cc0000;
  display:block;
  border-style:solid;
  border-color: #666699;
  border-width: 0 0 2px 0;
  
  font-size:16px;
}

.bod {
  color: #466672;
  border-style: dotted;
  border-color: #666699;
  border-width: 0 0 2px 0;
}

#container .bigblock p , #container .bigblock_2 p{
  color: gray;
  font-size:11px;
  margin:0;
  text-align:justify;

}
#container .bigblock h4 , #container .bigblock_2 h4{
  margin:0px;
}
#container .bigblock tr td img{
  float:left;
  max-width:65px;
  max-height:65px;
  text-align:top;
  margin: 0 12px 12px 0;
}
#container .bigblock table , #container .bigblock_2 table{
  padding:0px;
}

#container .bigblock tr{
  margin-bottom:5px;
}

#container .bigblock tr td{
  clear:both;
  font-size:11pt;
  vertical-align:top;
}
#container .bigblock tr td a{
  text-decoration:none;
  color:#696969;
  font-weight:bold;
}
#container .bigblock tr td a:hover{
  text-decoration:underline;
  color:grey;
}

#container .bigblock .message {
  color:red;
  font-size:110%;
  margin: 0 0 10px 0;
}

#container .indexTable{
  border-left: 1px solid #003399;
  border-right: 1px solid #003399;
  width: 100%;
}

#container .indexTable td{
  vertical-align:top;
  /*text-align:left;  */
}

#container .indexTable td a , .smallblock_body_2 ul li p a {
  font-size: 12px;
  text-align:left;
}



#container .indexTable tr td .smallblock .smallblock_body{
  height:140px;
  position:relative;
  /*top:-10px;*/
}



.goLeft{
  float:left;
}

.goRight{
  float:right;
}

.imgBlock {
  width:150px;
  /*max-height:200px;*/
  margin:5px;
  /*vertical-align:top;*/
  color: #466672;
  border: 1px solid red;
  /*min-height:100px;*/
}
#errorDisplay{
  /*border: 2px dotted red;
  width:260px;
  float:right;*/
  margin:0 0 10px 0;
  /*height:110px;
  padding:5px;*/
  color:red;
}
  
#imageDisplay{
  width: 505px;
  margin: 10px 0 10px 0 ;
}

#imageDisplay2{
  width: 650px;
  margin: 10px 0 10px 0 ;
}

#container .leftblock {
  width:305px;
  float:left;
  margin: 0 0 0pt 10px;
  text-align:left;
}
#container .rightblock {
  width:305px;
  float:right;
  margin: 0 0 0pt 5px;
  text-align:left;
}

#container .smallblock{
  color:grey;
  width:305px;
  font-size:14px;
  text-align:left;
  background-color: white;
  padding: 0px 5px 5px 5px;
  margin-top:0px;

}
#container .smallblock .rbtop {
  background: url("../images/block_topright.jpg") no-repeat top right;
  position:relative;
  left:9px;
  top: -1px;
  height:27px;
 }
#container .smallblock .rbtop div { 
  background: url("../images/block_topleft_new.jpg") no-repeat top left; 
  position:relative;
  left:-18px;
  top: 0px;
  height:27px;
}
#container .smallblock .smallblock_body{
  width: 300px;
  height:100%;
  position:relative;
  top:-15px;
  padding-left:5px; 
}

#container .bigblock .smallblock_body_2{
  width: 300px;
  height:100%;
  position:relative;
  left:-38px;
  top: -15px; 
  
}
#container .smallblock .rbbot {
  width: 103%;
  background:url("../images/smallblock_bottom.jpg")no-repeat bottom left;
  position: relative;
  top:  5px;
  left: -5px;
}

/*Text*/
.smallblock_body h3, .smallblock_body_2 h3 , #container .bigblock_2 h3 {
  color: #cc0000;
  border-style:solid;
  border-color: #666699;
  border-width: 0 0 2px 0;
  width:95%;
  font-size:16px;
}
.smallblock_body p , .smallblock_body_2 p{
  color: gray;
  font-size:11px;
  margin:0;
  text-align:justify;
}
.smallblock_body h4 , .smallblock_body_2 h4 {
  margin:0px;
}

.smallblock_body ul li img {
  float:left;
  max-width:100px;
  max-height:100px;
  text-align:top;
  padding: 0 6px 3px 0;
}

.smallblock_body_2 ul li img {
  float:left;
  max-width:100px;
  text-align:top;
  margin: 0 6px 3px 0;
}

.smallblock_body ul , .smallblock_body_2 ul{
  list-style-type:none;
  padding:0px;
}
.smallblock_body ul li , .smallblock_body_2 ul li  {
  clear:both;
  font-size:11pt;
}

.smallblock_body_2 ul li  {
  text-align:center;
}
.smallblock_body ul li a , .smallblock_body_2 ul li a{
  text-decoration:none;
  color:#666699;
  font-size:14px;
}
.smallblock_body ul li a:hover, .smallblock_body_2 ul li a:hover {
  text-decoration:underline;
  color:#666699;
}

/* Top menu */
#menu {
  width:655px;
  height:0px;
  color: black;
  display:inline;
}
#menu div {
  background-color:white;
}
#menu #menu-item-s {
  background:url("../images/menu_bottomleft_s.jpg") no-repeat  bottom left;
}
#menu .menu-item{
  background:url("../images/menu_bottomleft.jpg") no-repeat  bottom left;
}
#menu #menu-item-s, #menu .menu-item{
	text-align: center;
	vertical-align: middle;
	display:block;
  float : left;
  height:25px;
}
#menu #menu-item-s a{
  background: url("../images/menu_bottomright_s.jpg") no-repeat bottom right;
}
#menu .menu-item a{
  background: url("../images/menu_bottomright.jpg") no-repeat bottom right;
}
#menu #menu-item-s a, #menu .menu-item a{
  font: arial;
  text-decoration:none;
  font-weight: bold;
  font-size: 14px;
	color: #003399;
	height:33px;
	position:relative;
	top:7px;
}
#menu .menu-item a:hover{
  color: red;
}
#menu .menu-item a:visited, #menu #menu-item-s a:visited{

}

#pages {
  text-align:right;
  margin:5px;
  font-size:12px;
  color:#003399;
}
#pages a {
  color:#003399;
  text-decoration:underline;
  font-weight: bold;
}

/*Footer*/
#footer {
  clear:both;
  height: 139px;
  background:url("../images/newsletter_footer.jpg") no-repeat;

}

/*Footer*/
#footer2 {
  clear:both;
  height: 139px;
  background:url("../images/message_footer.jpg") no-repeat;

}

.buttons {
  background-color: #003399;
  color: white;
  font-weight: bold;
  border-color: #003399;
  font-size: 11px;
}

.inputs {
border: 1px #003399 solid;
}

form label {
color: #003399;
font-weight: bold;
margin: 5px 0 -2px 0;
display: block;
}