html{
	width: 100%;
	height: 100%;
}
body{
  font-family: Helvetica, Arial;
	margin: 0px;
	padding: 0px;
	height: 100%;
	background-color:#6bc3c4;
	color:white;
}

a {
	text-decoration:none;
}
a:hover,active{
	text-decoration: underline;
}

#divHaut {
  background-color:#4d5f6a;
  height:225px;
  width:100%;
}

#logo{
  position:absolute;
  left:50%;
  margin-left:-340px;
  top:70px;
	width: 165px;
	height: 66px;	
	background-image: url(../images/logo.gif);
}

#headerTitle{
	width: 566px;
	height: 135px;
	margin: 67px 0px 0px 100px;
	float: left;
	clear: right;
}

#divBas { 
  	text-align:center;
	margin-left: auto;
     	margin-right: auto;
	width:645px;
}
#container {
  text-align:left;
  min-height:300px;
  /*margin-left:200px;*/
}

#popupComment {
	background: url(../images/popupcomment.gif) no-repeat;
	position:absolute;
	width:205px;
	padding: 8px 20px;
	margin: 0px;
	height: 155px;
	right:3px;
	display:none;
}

#popupComment a {
	display: block;
	text-align: right;
	padding: 10px 30px;
}

#popupComment h3 {
	color: #FFFFFF;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 10px;	
	text-align: right;
	margin: 0px 0px 12px 0px;
	padding: 0px 30px 0px 0px;
	font-weight: bold;
}

#popupComment div,#popupComment textarea {
	border: 0px;
	background: none;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 10px;
  color:black;	
	width: 171px;
	height: 80px;
	margin: 0px;
	padding: 0px;
}


.select {
  float:left;
  width:300px;
  margin-top:20px;
}

.rightSelect {
  margin-left:45px;
}

.select div {
  display:block;
}

.labelSelect {
  margin-bottom:20px;
}

.labelSelect img {
  margin-left:-14px;
}

.anyLabel, .labelSelect {
  font-family: HelveticaNeue, Arial;
  font-weight: bold;
  color:#ffffff;
  font-size:8pt;
}

.select select {
  font-family: HelveticaNeue, Arial;
  font-weight: bold;
  color:#7e99aa;
  font-size:9pt;
  margin:10px 0px;
}

.selectLinks {
  text-align:left;
}
.selectLinks a {
  font-family: HelveticaNeue, Arial;
  font-weight: bold;
  /*color:#7e99aa;*/
  color:black;
  font-size:9pt;  
}

#table{	
  clear:both;
  float:left;
  width: 656px;
  margin: 60px 0px;
}

.tableRow {
  font-family: HelveticaNeue, Arial; 
  font-weight: bold;
  font-size:11px; 
  height: 21px;
}

.tableCell {
  text-align: justify; 
  border-bottom: 1px solid #666666;
  /* color:#7e99aa;*/
  color:black;
}

.tableCell a {
  text-decoration : none;
  /* color:#7e99aa; */
  color:black;
}

.buttonBC {
  border: 0px; 
  width: 69px; 
  height: 14px;
  font-size: 6pt; 
  font-weight: bold; 
  margin-right: 30px;
  color:white;
  text-transform: uppercase;
  background:url(../images/boutonBC.gif) no-repeat;
}

#footer {
  font-size:8pt;
  color:#ffffff;
  font-family: HelveticaNeue Bold, HelveticaNeue Roman, Arial;
  text-align:center;
  clear:both;
  width:100%;
  margin-top:40px;
}

#footer a {
  color:#009bdc;
}

a.maquette {
	font-weight: bold;
	/*color:#7e99aa;*/
	color:black;
	background: url(../images/flechegrise.gif) no-repeat;
	background-position: 0% 70%;
	padding: 0px 0px 0px 30px; 
}

a.maquette-vu {
	background: url(../images/flecheGrise.gif) no-repeat;
	background-position: 70% 0%;
	padding: 0px 0px 0px 30px; 
}

a.maquette:hover, a.maquette-vu:hover {
	text-decoration: underline;
}

/*

#button_valider {
  border: 0px; 
  background-image: url(../images/boutonES.jpg); 
  background-repeat: no-repeat;
  width: 86px; 
  height: 14px; 
  background-color:#FFFFFF; 
  font-family:Arial, Helvetica, sans-serif; 
  font-size: 11px; 
  font-weight: bold; 
  color:#ffffff;
  text-transform: uppercase;
}

.labelSelect2 {
  font-family:Arial, Helvetica, sans-serif; 
  font-size: 11px; 
  color: #B8BABD; 
  font-weight: bold;
}
*/