html, body {
 margin-top: 0px;
 padding-top: 0px;
 height: 100%;
}

a img {
  border-width: 0px;
}


a {
	color: #559;	
}

a:hover {
	text-decoration: none;
}

.pdf {
	padding-left: 19px;
	background-image: url(../images/icon_pdf.gif);
	background-repeat: no-repeat;
	background-position: top left;
}

body {
 background-color: #D7E8F0;
 font-family: Verdana, sans-serif;
 margin-top: 0px;
 padding-top: 0px;
}

#access {
  display: none;
}

#page, #accueil {
 width: 100%;
 height: 100%;
 margin-top: 0px;
 padding-top: 0px;
  
}

#accueil td {
  vertical-align: middle;
}

#page td {
  vertical-align: top;
}

#contenu-container {
  width: 100%;
  text-align: center;
}

#contenu {
  border: 1px solid #59A;
  text-align: justify;
  margin: 0px auto 0px auto;
}

#accueil #contenu { 
  width: 493px;
  height: 580px;
  background-image: url(../images/visuel.jpg);
  background-color: #B0DAF0;

}

#page #contenu {
  width: 980px;
  background-image: url(../images/fond.gif);
  background-position: 0px -10px;
  background-repeat: no-repeat;
  background-color: #fff;
  margin-top: 5px;
} 

#page #logo-consultation {
  display: none;
}

#accueil #logo-consultation {
  position: relative;
  left: 100%;
  top: 10px;
  margin-left: -190px;
  width: 180px;
  height: 135px;
  background-image: url(../images/logo-consultation-bleu.gif);
}

#logo-consultation span {
  display: none;
}

#accueil #logos {
  display: none;
}

#page #logos {
  padding: 2px 0px 0px 2px;
}

.logo {
  display:block;
  height:158px;
  overflow:hidden;
  position:relative;
  float: left;
}

#logo-comite {
  width: 133px;
}

#logo-comite img {
  position: absolute;
  left: 0px;
}

#logo-meedat {
  width: 133px;
}

#logo-meedat img {
  position: absolute;
  left: -135px;
}

#logo-office {
  width: 99px;
}

#logo-office img {
  position: absolute;
  left: -269px;
}

#menu {
  position: relative;
  width: 190px;
}

#accueil #menu {
  left: 100%;
  top: 10px;
  margin-left: -190px;
  margin-top: 15px;
  text-align: right;
}

#page #menu {
  text-align: left;
  position: relative;
  clear: both;
  top: 3em;
  height: 17em;
}

#menu ul, #menu ul li {
  display: block;
  width: 100%;
  margin: 0px;
  padding: 0px;
  list-style-type: none;
  font-size: 0.85em;
}

#accueil #menu ul li a span {
  display: block;
  padding: 5px 10px 5px 0px;
}

#page #menu ul li a span {
  display: block;
  padding: 5px 3px 5px 10px;
}

#accueil #menu ul li a.accueil {
  display: none;
}

#page #menu ul li a.focus span {
  padding: 8px 0px 8px 10px;
}

#menu ul li a.selected:hover {
  font-weight: bold;
  color: #489 !important;
}

#menu ul li a.selected {
  font-weight: bold;
  color: #fff !important;
}

#menu ul li a, #menu ul li a:visited {
  display: block;
  width: 100%;
  background-color: #59A;
  color: #fff;
  margin-bottom: 2px;
  text-decoration: none;
}

#menu ul li a:hover {
  background-color: #D7E8F0;
  color: #489;
}

#menu ul li a.focus {
  margin-top: 1em;
  background-color: #009EE0;
  color: #fff;
}

#menu ul li a.focus:hover {
  background-color: #CDEBF9;
  color: #489;
}

#accueil #main-container {
  display: none;
}

#page #main-container {
  margin-top: -15em;
  margin-left: 220px;
  margin-right: 30px;
  font-size: 1em;
}

#main {
  font-size: 0.80em;
  min-height: 488px;
  height: auto;
}

/* for Internet Explorer */
/*\*/
* html #main {
height: 488px;
}
/**/


#accueil #bas {
  display: none;
}

#page #bas {
  width: 980px;
  height: 404px;
  margin-top: 10px;
  background-image: url(../images/bas.jpg);
}

#main h2 {
	margin:5px 0px 5px 0px;
	padding: 0px 0px 5px 0px;
	border-bottom: 1px solid #74BCDB;
	font-family: Tahoma, Geneva, Verdana, sans-serif;
	font-size: 12pt;
	font-weight: bold;
	color: #0A477C;
	font-variant: small-caps;
}

#main h3 {
	margin: 10px 0px 0px 0px;
	padding:  0px 0px 0px 0px;
	border-bottom: 1px dotted gray;
	font-family: Tahoma, Geneva, Verdana, sans-serif;
	font-size: 10pt;
	font-weight: bold;
	color: #043882;
}

#main h3 .sub {
	font-weight: normal;
}


/*
 * SPECIFIQUES
 * ============================================================================= 
 */ 

#mentions {
  text-align: center;
  font-size: 0.7em;
  margin-bottom: 15px;
}

#mentions a {
  color: #5599AA !important;
}

.edito {
  text-align: justify;
}
 
/* FORMULAIRE */ 

#form-left {
  width: 615px;
  font-size: 0.90em;
}

#form-right {
  width: 100px;
  padding-left: 15px;
  font-size: 0.85em;
}

#formMenu {
  font-family: Arial, sans-serif;
}


#formMenu ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}

#formMenu ul li {
	display: inline;
	margin: 0px;
	padding: 0px;
}

#formMenu ul li a {
	display: block;
	margin: 3px 0px 0px 0px;
	padding: 2px 0px 2px 2px;
	border-bottom: 1px dotted #aaf;
	color: #aaa;
	text-decoration: none;
}

#formMenu ul li .selected {
  font-weight: bold;
	color: #000;
}


#formMenu ul li .completed {
	color: #3a3 !important;
}

#formMenu ul li a:hover{
  color: #000;
}


#formMenu ul li .completed:hover {
	color: #080 !important;
}
 
.hide {
  display: none;
}

#nav {
  margin-top: 30px;
  text-align: center;
}

#nav .prev {
  float: left;
}

#nav .next {
  float: right;
}

#nav .first {
  float: none !important;
}

form img {
  vertical-align: middle;
}

.intro {
  text-align : justify;
}

.intro ul li {
  font-size: 12px;
}

.intro ul, .intro ul li, .intro p {
  margin-top: 0px;
  margin-bottom: 5px;
}

.button {
  text-align: center;
}

.button input {
  cursor: pointer;
}

.question-container {
  background-color: #CDEBF9;
  border: 1px solid #25bbea;
  padding: 5px 5px 5px 5px;
  margin-top: 10px;
}

.question {
  font-weight: bold;
  margin-bottom: 10px;
}

.question p {
  margin: 0 0 0 0;
  padding: 0 0 0 0;
}

.reponses p {
  margin: 0 0 3px 0;
  padding: 0 0 0 0;
}

.radio, .checkbox {
  vertical-align: middle;
}

.textarea {
  border-width:2px;
  width: 99%;
  height: 200px;
  background-color: #fafafa;
}

.erreurs {
  border: 1px solid #800;
  background-color: #fee;
  color: #800;
}

div.captcha {
  border: 1px solid #10759D;
  background-color: #FEFEFF;
  margin-bottom:19px;
  margin-left:232px;
  padding-bottom:5px;
  padding-top:5px;
  text-align:center;
  width:140px;
}

#tpln_captcha {
  background-color:white;
  border-width:2px;
  color:#000000;
  font-family:Fixed,Courrier,monospace;
  font-size:18px;
  font-weight:bold;
  margin-top:3px;
  text-align:center;
  width:120px;
}

.outro {
  text-align: center;
}


*+html .captcha input {
  margin-left:-153px;
}

* html .captcha input {
 margin-left:-153px;
}

.je-fais {
  margin: 0px 30px 0px 30px;
  padding: 10px;
  background-color: #ffffff;
  border: 1px dashed #25bbea;
}

.prop-cb {
  margin: 0px 30px 0px 30px;
  padding: 10px;
  background-color: #CDEBF9;
  border: 1px solid #25bbea;
  margin-bottom: 10px;
}

.prop-cb p, .question-container p {
  color: #009EE0;
  font-size: 1.05em;
}

.prop-cb li {
  color: #009EE0;
}

.prop-cb li span, .question-container label {
  color: #043882;
  font-weight: normal;
}

.je-fais p, .prop-cb p, .question-container p {
  margin: 0px;
  padding: 0px;
  font-weight: bold;
}