html, body {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background-color: #dadad8;
	color: #ffffff;
	font-family: "Arial", Verdana, Helvetica, Trebuchet MS, sans-serif; 
	font-size: 12px;
	background-image: url("../images/fond.jpg");
	background-repeat: repeat-x;
	background-attachment: fixed;
}

.bigconteneur {
	background-position: top center;
	margin-left: auto;
	margin-right: auto;
	background-image: url("../images/fond2.png");
	background-repeat: no-repeat;
	background-attachment:fixed;
	height: 800px;
}

.conteneur {
	width: 1035px;
	margin-left: auto;
	margin-right: auto;
	background-image: url("../images/background.png");
	background-repeat: no-repeat;
}

img {
	border: 0px;
}

.myDiver {
	min-height: 475px;
    height: auto !important;
    height: 475px;
	padding-top: 0px; 
	padding-left: 0px;
	padding-right: 0px;
}

a:link, a:visited {
	color : #ffffff;
	text-decoration : none;
}
a:hover {
	color : #ffffff;
	text-decoration : underline;
	font-weight : normal;
}

.menu a:link, .menu a:visited {
	color : #ffffff;
	text-decoration : none;
}
.menu a:hover {
	color : #ffffff;
	text-decoration : underline;
	font-weight : normal;
}

.orange a:link, .orange a:visited {
  color : #F5A015;
  text-decoration : none;
}

.orange a:hover {
  color : #F5A015;
  text-decoration : underline;
  font-weight : normal;
}

.grey a:link, .grey a:visited {
  color : #888888;
  text-decoration : none;
}

.grey a:hover {
  color : #888888;
  text-decoration : underline;
  font-weight : normal;
}

.green a:link, .green a:visited {
  color : #00624a;
  text-decoration : none;
}

.green a:hover {
  color : #00624a;
  text-decoration : underline;
  font-weight : normal;
}

.contact {	
	text-align: right;
	float: left;
}


.contact a:link, .contact a:visited {
	color : #000000;
	text-decoration : none;
}
.contact a:hover {
	color : #000000;
	text-decoration : underline;
	font-weight : normal;
}

#sitemap {
	clear: both;
}
#sitemap a:link, #sitemap a:visited  {
  color : #888888;
  text-decoration : none;
}
#sitemap a:hover {
  color : #888888;
  text-decoration : underline;
}

.piedpage {
	clear: both;
	padding-top: 0px;
	margin-top: 0px;
	text-align: left;
	
	margin-left: 15px;
	margin-right: 15px;
}
.piedpage a:link {
  color : #000000;
  text-decoration : none;
}
.piedpage a:visited {
  color : #000000;
  text-decoration : none;
}
.piedpage a:hover {
  color : #000000;
  text-decoration : underline;
}


.popMessage {
	text-align: left;
	padding:5px 12px;
	border:1px solid #00624a;
	color:#00624a;
	font-size: 10px;
	font-style:italic;
	background-image: url("../images/popFond.png");
}
.popMessageOk {
	text-align: left;
	padding:5px 12px;
	border:1px solid #00624a;
	color:#00624a;
	font-size: 10px;
	font-style:italic;
	background: #ffffff;	
}

.e_texte {
	BORDER-TOP: #9a9a9a 1px solid;
	BORDER-BOTTOM: #cecece 1px solid;
	BORDER-LEFT: #9a9a9a 1px solid;
	BORDER-RIGHT: #cecece 1px solid;
	PADDING-TOP: 2px;
	PADDING-BOTTOM: 2px;	
	PADDING-LEFT: 2px;	
	PADDING-RIGHT: 2px;
	MARGIN: 2px 5px 0px 0px;
	BACKGROUND: url(../images/input.png) #ffffff repeat-x 50% top;
	COLOR: #000000;
	FONT-SIZE: 12px;
}
.e_texte:hover, .e_texte:focus {
	BORDER-TOP: #f4a016 1px solid;
	BORDER-BOTTOM: #f4a016 1px solid;
	BORDER-LEFT: #f4a016 1px solid;
	BORDER-RIGHT: #f4a016 1px solid;
	PADDING-TOP: 2px;
	PADDING-BOTTOM: 2px;	
	PADDING-LEFT: 2px;	
	PADDING-RIGHT: 2px;	
	MARGIN: 2px 5px 0px 0px;
	BACKGROUND: url(../images/input.png) #ffffff repeat-x 50% top;
	COLOR: #000000;	
	FONT-SIZE: 12px;	
}


.accueil {
   width: 480px;
   height: 132px;
   margin: 0;
   padding: 0;
   border: 0;
   background: transparent url('../images/bouton.png') no-repeat top left ;/* on place l'image en arrière plan */
   text-indent: 0px;/* On cache le texte de substitution (très loin car Opera l'affiche même en dehors du boutton : il faut donc le faire sortir de la page)*/
   cursor: pointer;  /* pour transformer de pointeur en main */
}
.accueil:hover, .accueil:focus {
   background-position: -480px 0px;/* On déplace l'image d'arrière plan pour donner l'effet */
}

.accueil2 a:link, .accueil2 a:visited {
  color : #000000;
  text-decoration : none;
}

.accueil2 a:hover {
  color : #000000;
  text-decoration : none;
  font-weight : normal;
}



