/* *** start main layout *** */
body {
	width:100%;
	margin:0px auto;
	background:#99cc66;
	font-size: 12px;
	font-family: verdana;
	color:#222222;
	text-align:center;
}


div.notice {
	width:100%;
	font-size: 10px;
	text-align: right;
	color: #ffffff;
	background: #000000;
}

img  { border:0px solid black; text-decoration:none;}

#mailing_list_form {
	
	top: 0px;
	position:absolute;
	left:-20px;
	/*position:relative;
	top:-470px;*/
	
	z-index: 10;
	width: 440px;
	height: 367px;
	background: url(../images/bg_welcome.png) no-repeat transparent !important;
	background: url(../images/bg_welcome.gif) no-repeat transparent;
	padding-top: 50px;
	padding-left: 26px;
	padding-right: 20px;
	font-size: 14px;
	font-family:arial;
	text-align:left;
}
#mailing_list_form1 {
	position:absolute;
	left: 10px;
	top: 175px;
	z-index: 10;
	width: 268px;
	height: 283px;
	background: url(../images/bg_zoo.png) no-repeat transparent !important;
	background: url(../images/bg_zoo.gif) no-repeat transparent;
	padding-top: 38px;
	padding-left: 26px;
	padding-right: 20px;
	font-size: 14px;
}
#mailing_list_form2,#mailing_list_form6 {
	position:absolute;
	left: -10px;
	top: 30px;
	z-index: 10;
	width: 465px;
	height: 522px;
	background: url(../images/bg_graphisme.png) no-repeat transparent !important;
	background: url(../images/bg_graphisme.gif) no-repeat transparent;
	padding-top: 48px;
	margin:0px auto;
	text-align:center;
	font-size: 14px;
}
#mailing_list_form3 {
	position:absolute;
	left: -50px;
	top: 0px;
	z-index: 10;
	width: 436px;
	height: 269px;
	background: url(../images/bg_illu.png) no-repeat transparent !important;
	background: url(../images/bg_illu.gif) no-repeat transparent;
	padding-top: 38px;
	
	margin:0px auto;
	font-size: 14px;
}
#mailing_list_form4 {
	position:absolute;
	left: 60px;
	top: 25px;
	z-index: 10;
	width: 190px;
	height: 187px;
	background: url(../images/bg_experiences.png) no-repeat transparent !important;
	background: url(../images/bg_experiences.gif) no-repeat transparent;
	padding-top: 18px;
	
	font-size: 14px;
}
#mailing_list_form5 {
	position:absolute;
	left: 350px;
	top: 5px;
	z-index: 10;
	width: 407px;
	height: 330px;
	background: url(../images/bg_contact.png) no-repeat transparent !important;
	background: url(../images/bg_contact.gif) no-repeat transparent;
	padding-top: 18px;
	padding-left: 26px;
	padding-right: 20px;
	font-size: 14px;
}

/* start links */
a {
	color:white;
	/*color: #A83800; */
	text-decoration: none;
}

div.menu a.current, div.menu a:hover {
	color:  #A3A3A3;
	border-bottom: none ;
}

.notice a {
	color: #FFF;
}
a.notice_hidden {
	color: #000;
}
/* end links */

/* *** start flash bar *** */
#flash {
  text-align: left;
  border: 1px solid #ccc;
  font-size: 14px;
  margin: 0 7px 12px 0;
  padding: 5px 5px 5px 30px;
}

div#flash.good {
  border-color: #9c9;
  color: #060;
  /*background: url(/images/alertgood_icon.gif) #E2F9E3 left no-repeat;*/
  background-color: #E2F9E3;
}

div#flash.bad {
  border-color: #c99;
  color: #fff;
  /*background: url(/images/alertbad_icon.gif) #c00 left no-repeat;*/
  background-color: #cc0000 ;
}
/* *** end flash bar *** */

/* *** end general html *** */

.white_span { color:white; }
a.white_span:hover { color:#666600; }
.green   { color:#666600; }
.green   { color:#666600; text-decoration:none; }
a.green:hover   { color:#666600; text-decoration:none;}
.yellow  { color:#666600;}
a.yellow  {color:#666600;}
a.yellow:hover  {color:white;}

.illustration  { width:300px; text-align:justify; position:absolute; top:0px !important; top:10px;  }
.croix_slide   { float:right; width:250px; position:absolute; bottom:0px !important;bottom:10px; right:80px; text-align:right; padding-bottom:50px; }
.croix_contact {float:right;  position:absolute; bottom:20px; right:75px !important; right:70px; text-align:right; padding-bottom:25px; }

#SuzySpot { height:460px;text-align:left;}
#SuzySpot img {float:left; }

a.none:hover span {
	color:#666600;
}
.pas_highlight {
	color:white;
}

.highlight {
	color:#666600;
}