body {
  height:		100%;
  width:		100%;
  margin:		0px;
  padding:		0px;
  color:		#000000;
  background-color:	#000000;
  font-family:		'Century Gothic', arial, sans-serif;
}

img {
  border:		none;
}

#page {
  position:		relative;
  width:		80%;
  margin:		0px auto 5px auto;
  color:		#000000;
  background-color:	#FFFF00;
  overflow:		auto;
}

#content {
  width:		95%;
  padding:		8px;
  margin:		0px auto 10px auto;
  color:		#000000;
  background-color:	#FFFF66;
  text-align:		justify;
  overflow:		auto;
}

#content2 {
  width:		99%;
  padding:		8px;
  margin:		0px auto 1px auto;
  color:		#000000;
  background-color:	#FFFF66;
  text-align:		right;
  overflow:		auto;
}

#content3 {
  width:		80%;
  padding:		8px;
  margin:		10px auto 0px auto;
  color:		#000000;
  background-color:	#FFFF66;
  text-align:		justify;
  overflow:		auto;
}

#content4 {
  width:		95%;
  padding:		8px;
  margin:		0px auto 0px auto;
  color:		#000000;
  background-color:	#FFFF00;
  text-align:		justify;
  overflow:		auto;
}

#logo_div {
  color:		#000000;
  background-color:	#FFFF00;
  text-align:		center;
}

#titre {
  width:		95%;
  padding:		0px 8px 0px 8px;
  margin:		0 auto;
  color:		#000000;
  background-color:	#FFFF66;
  text-align:		center;
}

#sous-titre {
  width:		25%;
  height:		auto;
  margin:		0 auto;
  color:		#000000;
  background-color:	#FFFF00;
  text-align:		center;
 font-family:		'Century Gothic', arial, sans-serif; 
  font-size:		x-large;
}

#sous-titre2 {
  height:		auto;
  margin:		0 auto;
  color:		#000000;
  background-color:	#FFFF66;
  text-align:		left; 
font-family:		'Century Gothic', arial, sans-serif; 
  font-size:		x-large;
  font-weight:		bold;
}

#sous-sous-titre {
  width:		100%;
  height:		auto;
  margin:		0 auto;
  color:		#000000;
  text-align:		left;
font-weight:		bold;
}

#sous-sous-titre2 {
  width:		100%;
  height:		auto;
  margin:		0 auto;
  color:		#000000;
  text-align:		right;
font-weight:		bold;
}

#note {
  width:		100%;
  height:		auto;
  margin:		0 auto;
  color:		#000000;
  text-align:		justify;
  font-size:		small;
}

#note2 {
  width:		100%;
  height:		auto;
  margin:		0 auto;
  color:		#000000;
  text-align:		right;
  font-size:		small;
}

.menu_divs {
  width:		100%;
  color:		#000000;
  background-color:	#FFFF00;
  text-align:		center;
  font-weight:		bold;
font-size:		large;
}

.menu_divs2 {
  width:		70%;
margin:		15px auto 0px auto;
  color:		#000000;
  background-color:	#FFFF00;
  text-align:		center;
}

.colonne {
  width:		50%;
  float:		left;
  text-align:		justify;
}
 
.ctrd {
  width:		33%;
  float:		left;
  text-align:		center;
}

.ctrd2 {
  width:		25%;
  float:		left;
  text-align:		center;
}

.ctr {
  text-align:		center;
}

a.menu:link,a.menu:visited {
  color:		#000000;
  font-weight:		bold;
  text-decoration:	none;
}

a.menu:active,a.menu:hover {
  color:		#B8860B;
  font-weight:		bold;
  text-decoration:	none;
}

a:link,a:visited {
  color:		#000000;
  font-weight:		bold;
  text-decoration:	none;
}

a:active,a:hover {
  color:		#B8860B;
  font-weight:		bold;
  text-decoration:	none;
}

a.css,a.css:visited {
  background:		url(../images/validations/css.png) no-repeat;
  height:		24px;
  width:		100px;
  display:		block;
  float:		left;
}

a.css:hover {
  background:		url(../images/validations/css.png) no-repeat;
  height:		24px;
  width:		100px;
  float:		left;
}

a.xhtml,a.xhtml:visited {
  background:		url(../images/validations/xhtml.png) no-repeat;
  height:		24px;
  width:		100px;
  display:		block;
  float:		right;

}

a.xhtml:hover {
  background:		url(../images/validations/xhtml.png) no-repeat;
  height:		24px;
  width:		100px;
  float:		right;
}