body {
	Padding-Top: 0px;
	Padding-Right: 0px; 
	Padding-Left: 0px;
	Padding-Bottom: 0px; 
	Margin: 0px; 
	Text-align: left;
	color:#66CC33;
	Font-Size: 13px;
	background:#111111 url('images/Background.jpg') repeat-x;
}

#contenant {
	margin: 0 auto;
	margin-top: 10px;
	width: 1024px;
	height: 581px;
	background: #111111 url('images/BackgroundContenant.jpg') center no-repeat;
}

#entete {
	background: url('images/LogoCameleonPortraits.png') center no-repeat;
	width: 1024px;
	height: 143px;
	position: relative;
}

#entete-m {
	background: url('images/LogoCameleonPortraits.m.png') center no-repeat;
	width: 260px;
	height: 60px;
	position: relative;
}

#menu {
	float:left;
	margin-top: 10px;
	width: 225px;
	height: 600px;
	font:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;

}

.menuSection {
	margin-left: 0px;
	height: 12px;
	width: 225px;
	text-align: left;
	margin-top: 10px;
	background: url('images/line.png') repeat-x bottom center;
	font-family:  "Arial", "Verdana",sans-serif;
	font-size: 18px;
	color:#66CC33;
}

a.menuSection{
	margin-left: 35px;
	height: 20px;
	padding-bottom: 5px;
	text-decoration: none;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	color:#66CC33;
}

.menuSousSection {
	margin-left: 25px;
	height: 6px;
	padding-bottom: 3px;
	text-decoration: none;
	font-family: "Comic Sans MS", sans-serif;
	font-size: 14px;
}

a:hover{
	color: #96f656;
}




#gallery {
	float: left;
	border: 1px solid #aaaaaa;
	background: #444542;
	margin: 13px 10px 0px 6px;
	height: 261px;
	width: 30 px;
	position: relative;
}

.gal {
	background: #96f656;
	padding: 4px;
	position: relative;
}

#gzero {
	float: left;
	top: 13px;
	left: 15px;
	width: 221px;
}

#gone {
	float: left;
	top: 20px;
	left: 15px;
	width: 57px;
}

#gtwo {
	float: left;
	top: 20px;
	left: 35px;
	width: 57px;

}

#gthree {
	float: left;
	top: 20px;
	left: 55px;
	width: 57px;
}


#content {
	float:right;
	margin-top: 10px;
	margin-right: 25px;
	width: 685px;
	height: 340px;
	font:Geneva, Arial, Helvetica, sans-serif;
	background: none;
	font-size:19px;

}

#contentTitle {
	float:right;
	width: 380px;
	height: 30px;
	text-align: left;
	background: url('images/line.png') repeat-x bottom center;
	font-family:  "Arial", "Verdana",sans-serif;
	font-size: 24px;
}

a {
	margin-left: 0px;
	height: 20px;
	padding-bottom: 5px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	color:#CCCCCC;  /*  Couleur des Menus  */

}

.contentText {
	margin-left: 0px;
	padding-bottom: 5px;
	width:370px;
	padding-left:0px;
	
}

	h1 {
		font-family: "Berlin Sans FB", serif;
		Font-Weight: normal; 
		Font-Size: 32px;
		Letter-Spacing: -1px;
		Color:#66CC33;	/*  Couleur de gros titres */
	}	


	h2 {
		font-family: "Berlin Sans FB", serif;
		Font-Weight: normal; 
		Font-Size: 22px;
		Letter-Spacing: -1px;
		color:#aaaaaa;
		Line-Height: 150%;

	}

	h3 {
		font-family: "Berlin Sans FB", serif;
		Font-Weight: normal; 
		Font-Size: 32px;
		Letter-Spacing: -1px;
		Color:#66CC33;	/*  Couleur de gros titres */
	}

	p {
		font-family: "Berlin Sans FB", serif;
		font-size : 17px;
		Line-Height: 200%;
		color:#aaaaaa;  /* Couleur du texte */
	}

	ul {
		Line-Height: 200%;
	}
	
#TableLogin {

	height: 666px;
	float: right;
	top: 160px;
	left: 450px;
	width: 500px;
	padding-right: 122px;
	color:#CCCCCC;
}

#footer {
	width: 666px;
	height: 43px;
	float: left;
	font-family: "Berlin Sans FB", serif;
	font-size : 17px;
	Line-Height: 200%;
	color:#555555;  /* Couleur du texte du Footer si pas de p*/
}

.footer {
	width: 666px;
	height: 43px;
	float: right;
	text-align: right;
	vertical-align: bottom;
	font-family: "Berlin Sans FB", serif;
	font-size : 17px;
	Line-Height: 200%;
	color:#555555;  /* Couleur du texte du Footer si pas de p*/
}