div, ul, li, form, a, p, img {
  margin:0;
  padding:0;
  list-style-type:none;
}
body {
  margin:0;
  padding:0;
  background-color: #E8EFDA;
  font-family:verdana;
}
.divFond{
  background:url(../images/fond-page.gif) repeat-y top center;
  text-align:center;
  margin:0;
  padding:0; 
}
.divCentree{
	text-align:left;
	width:980px;
	margin:0 auto;
	position:relative;
	overflow:hidden;
}
.divTete {
  /*margin:0 0 10px 0;*/  
}
.divPied {
	text-align:center;
	padding-top:15px;
	margin:10px 0 20px 0;
	background:url(../images/fond-pied.gif) no-repeat top center #E8EFDA;
}
.divMilieu{
  background:url(../images/fond-centre.gif) repeat-y top center;
  border:10px solid #8CB147;
  margin:10px 0 0 0;
}
.espaceJeu {
  float:left;
  width:422px;
}
.espaceVideo {
  float:right;
  width:258px;  
}
.espaceJeu .inPadd {
  display:block;  
  margin:10px;
}
.espaceVideo #flashvideo {
  padding:9px;
}
.espaceVideo a{
  display:block;
  font-size:13px;
  text-decoration:none;
  font-weight:bold;
  letter-spacing:2px;
  text-align:center;
  border-top:10px solid #8CB147;
  border-bottom:10px solid #BEE05F;
  padding:15px 10px 15px 0;
  color:#657C33;
  background:no-repeat right center url(../images/li-espace-video.gif);
}
.espaceVideo a:hover {
  background-color:#657C33;
  color:#BEE05F;
}

.menuCentre {
  padding:10px 0 0 435px;
}
.menuCentre li {
  width:250px;
  margin:0 0 5px 0;
}
.menuCentre a {
  display:block;
  background:url(../images/li-menu-centre.gif) no-repeat left bottom;
  padding:7px 0 11px 30px;
  font-size:16px;
  font-weight:bold;
  color:#F4FFCC;
  text-decoration:none;
  letter-spacing:2px;
  border-top:2px solid #8CB147;
  border-left:2px solid #8CB147;
}
.menuCentre a:hover {
  color:#fff;
  padding-left:32px;
  background-color: #89A546;
  border-top:2px solid #657C33;
  border-left:2px solid #657C33;  
}

.clr {
  clear:both;
  height:0px;
}
.espaceDiapo {
  margin:10px 0 0 0;
}
.reservezEnLigne {
  display:block;
  line-height:60px;
  border:10px solid #39749C;
  background:url(../images/a-reservez.gif) no-repeat center 10px #4A9CCE;
  color:#fff;
  font-size:26px;
  font-weight:bold;
  text-decoration:none;
  width:372px;
  float:left;
  padding-left:50px;
  margin:3px 0 0 0;
}
.reservezEnLigne:hover {
  border:10px solid #4A9CCE;
  background-color:#39749C;
}
.vignettes {
  /*width:538px;
  overflow:auto;*/
  margin:0 0 0 10px;
  float:right;
}
.vignettes a {
  /*display:block;*/
  float:left;
  padding:3px 5px 5px 4px;
  margin:0 0 0 13px;
  background:url(../images/diapo/ombre-80.jpg) no-repeat top left;
}
.vignettes a:hover {
  padding:5px 4px 3px 5px;
}
.vignettes img {
  border:0;
}
.ouest-online {
  font-size:10px;
  color:#666;
  text-decoration:none;
}
/* captcha */
#captcha {
	position:relative;
}
#captcha .label {
}

#aideCaptcha {
	display:none;
	position:absolute;
	background:#8CB147;
	width:180px;
	bottom:0px;
	right:5px;
	color:#fff;
	border:5px solid #fff;;
}
#aideCaptcha p {
	background:#fff;
	color:#8CB147;
	padding:10px;
	margin:1px;
	clear:right;
}
#aideCaptcha .regenere {
	color:#4A9CCE;
}
#aideCaptcha .fermeCaptcha {
	float:right;
	margin:1px 0 1px 5px;
	font-weight:bold;
	color:#fff;
	padding-right:10px;
}

/* formulaire */
.introjeu {
  font-weight:normal;
  font-size:14px;
  margin:0 0 15px 0;
  padding: 0 0 0 35px;
  background:no-repeat left 4px url(../images/introjeu.gif);
  color:#39749C; 
}
form {
  font-size:12px;
  overflow:hidden;
  padding:0;
  margin:0;
  position:relative;
}
form img {
  text-decoration:none;
  border:0;
}
form img, form input {
  vertical-align:middle;
}

form td {
  vertical-align:bottom;
  font-size:12px;
  padding:0;
  margin:0;
  color:#637B31;
}
form td div {
  margin:0 0 5px 0;
}
form td.tda {
  text-align:right;
  width:53%;
}
form td.tdb {
  text-align:left;
  padding-left:20px;
}
input, select {
  border:1px solid #BEE05F;
}
#civilite {
  width:80px;
  font-size:11px;
  padding:2px 0;
}
#nom, #prenom, #email, #cp, #optin, #code {
  width:115px;
  color: #637B31;
  font-size:11px;
  padding:2px 0;
}
#optin {
  width:auto;
  color:#39749C;
  margin:15px 5px 15px 0;
  float:left; 
}
#cp, #code {
  width:60px;
}
form td div#captcha {
  margin-top:20px;
}
.optin label {
  color:#39749C;
  font-weight:bold;
  font-size:14px;
  cursor:pointer;
}
.optin strong {
  font-size:20px;
}
.introptin {
  /*font-size:15px;*/
}
#envoyer {
  display:block;
  width:100%;
  padding:6px 0;
  margin:10px 0 0 0;
  background-color:#8CB147;
  border:none;
  color:#fff;
  font-weight:bold;
  cursor:pointer;
  font-size:16px;
}
.form-label-erreur {
  color:#900;
}
.form-input-erreur {
  color:#900;
  border:1px solid #900;
}
.formulaireSucces, .formulaireEchec {
  padding:20px 10px 0 10px;
  font-weight:bold;
  color:#8CB147;
}
/*  page 2  */
.introPage2 {
  background:url(../images/fond-intro-page2.gif) repeat-x top left;
  color:#39749C;
  font-size:16px;
  padding:10px 10px 0 10px;
}
.introPage2 center {
  margin:10px 0 0 0;
}
.boiteGauche {
  float:left;
  text-align:right;
  color:#8CB147;
  margin:10px 0;
}
.boiteGauche span, .boiteDroite span {
  line-height:14px;
  margin:0 0 -1 0;
  padding:0;
  overflow:hidden;
  font-size:16px;
  font-family:"arial black",arial;
}
.boiteGauche img, .boiteDroite img {
  border:10px solid #8CB147;
}
.gauche {
  float:left;
}
.boiteDroite {
  float:right;
  text-align:right;
  color:#8CB147;
  margin:10px 0;
}