@charset "utf-8";
body {
	background:#333333;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	margin:0;
	padding:0;
	text-align:center;
}
/* CSS Document */

#wrapper {
	background-color:#666666;
	width:80%;
	margin: 10px auto;
	border:solid 1px #CCCCCC;
	text-align: left;
	min-height:400px;
}
#leftNav {
	float:left;
	width: 15%;
	color:#FFFFFF/*background: #EBEBEB; */


}
#mainContent {
	/*margin: 10px 20px 0 10px;*/
	color:#BBBCB4;
}
#mainContentGallery {
	margin: 10px 20px 0 10px;
	color:#BBBCB4;
	text-align:justify
}
#rightContent {
	float:left;
	color:#BBBCB4;
	width:80%;
	padding: 10px 0;

}
#rightContent p {
	margin:0;
}
#rightContentFlash {
	margin: 0px 0px 0 14em;
	height:600px;
	color:#BBBCB4;
}
#leftcol {
	float:left;
	margin: 10px 0px 0 0em;
	width:40%;
	/*max-height:610px;*/
	color:#BBBCB4;
	text-align:center;
}
#rightcol {
	float:left;
	margin: 10px 0px 2em 2em;
	width:40%;
	max-height:600px;
	color:#BBBCB4;
	text-align:center;
}
#bottomContent {
	padding: 10px 0;
	color:#BBBCB4;
	text-align:right;
}
#bottomContentFloat {
	color:#BBBCB4;
	clear:both;
	text-align:center;
	width:auto
}
#bottomContentGallery {
	padding:10px;
	color:#BBBCB4;
	text-align:left;
	overflow:auto;
}

#bottomContentFloat2 {
	color:#BBBCB4;
	clear:both;
	text-align:center;
	width:auto
}
#bottomContentGallery2 {
	padding:10px 0;
	color:#BBBCB4;
	text-align:left;
	overflow:auto;
}


#bottomContentSound {
	margin: 10px 20px 10px 14em;
	color:#BBBCB4;
	text-align:center
}
#leftcol34 {
	float:left;
	margin: 10px 0px 0 auto;
	width:65%;
	max-height:600px;
	color:#BBBCB4;
	text-align:left;
}
#rightContentGallery {
	float:left;
	margin: 10px 0px 2em 2em;
	width:20%;
	max-height:600px;
	color:#BBBCB4;
	text-align:center;
	overflow:auto;
	border-left:solid 2px #CCCCCC;
}
#header {
	background-color:#999999;
	background: url(../images/vignettes/site/llsh.gif) repeat-x scroll 0%;
	margin: 0px;
	padding:0px;
	width: 100%;
	border-bottom:solid 1px #CCCCCC;
	color:#FFFFFF;
	height:27px;
	text-align:left;
	line-height: 145%;
	font-size:14px;
	font-family:'Trebuchet MS', helvetica, arial, verdana;
}
#header a:link, #header a:visited {
	text-decoration:none;
	color: #BBBCB4;
	padding-left:5px;
}
#header a:hover {
	color:#FF6600;
}
#footer {
	background-color:#999999;
	width: 100%;
	border-top:solid 1px #CCCCCC;
	color:#FFFFFF;
	text-align:center;
	font-family:Georgia, Lucida Grande, Lucida Sans Unicode, trebuchet ms, Arial, Helvetica, sans-serif;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	margin:0pt;
	padding:5px 0pt 20px;
}
#footer p {
	margin:0pt;
	padding:0 8px 0 8px;
}
.clearfloat { /* cette classe doit être placée pour un élément div ou break et doit être l'élément final avant la balise de fin d'un conteneur qui doit contenir entièrement un élément flottant */
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}
.undercontruction {
	color:#FF9900;
	text-align:center;
}
#textLong {
	padding:0 10px 0 10px;
	border-left:solid 2px #CCCCCC;
	overflow:auto;
	max-height:600px;
}
#textLong p {
	margin:0.5em 0pt 1.5em;
	line-height:1.6em;
	text-align:left;
	color:#FFFFFF;
}
.lfloater {
	float:left;
}
.rfloater {
	float:right;
}
a:link, a:visited, a:active {
	text-decoration: none;
	color:#FFF;
}
a:hover {
	text-decoration: none;
	color:#FF6600;
}
input.btn {
	border:none;
	color:#FFFFFF;
	font-family:'trebuchet ms', helvetica, sans-serif;
	font-size:7px;
	font-weight:100;
	width:5px;
}
input.btnhov {
	border:none;
	background-color:#FF9900;
	cursor:pointer;
}
a.btn {
	display:inline;
	border:none;
	color:#FFFFFF;
	background-color:#FFFFFF;
	margin: 5 0 0 0;
}
a.btn:hover {
	border:none;
	background-color:#FF9900;
	color:#FF9900;
}
a.btn2 {
	display:inline;
	border:none;
	color:#FFFFFF;
	background-color:#FFFFFF;
	margin: 5 0 0 0;
}
a.btn2:hover {
	border:none;
	background-color:#79C72C;
	color:#79C72C;
}
a.btn3 {
	display:inline;
	border:none;
	color:#FFFFFF;
	background-color:#FFFFFF;
	margin: 5 0 0 0;
}
a.btn3:hover {
	border:none;
	background-color:#00FFFF;
	color:#00FFFF;
}
img {
	border-width : 0;
	border : 0;
}
#homeImg_01 {
	position:absolute;
	margin: 5% 70% 0 30%;
	top: 1em;
	right: 1em;
}
#homeImg_02 {
	position:absolute;
	margin: 5% 10% 0 30%;
	top: 146px;
	right: 89px;
}
#homeImg_03 {
	width: 90px;
	position:absolute;
	margin: 10% 40% 0 40%;
	top: 1em;
	right: 1em;
}
#homeImg_04 {
	position:absolute;
	margin: 17% 15% 0 30%;
	top: 1em;
	right: 1em;
}
#homeImg_05 {
	position:absolute;
	margin: 17% 60% 0 20%;
	top: 1em;
	right: 1em;
}
#rightContent .photo img {
	display:block;
	margin-bottom:5px;
	margin:0pt;
	padding:0pt;
	text-align:left;
	float:left;
	margin-right: 10px;
}
#menu a:link, #menu a:visited {
	text-decoration:none;
	color: #BBBCB4;
	padding-left:5px;
}
#menu li a:hover {
	color:#FF6600;
	background-color:#333
}
 #menu a:selected {
color:#33FF33
}
#menu ul {
	margin: 0;
	margin-left: 5px;
	padding: 0;
	list-style-type: none;
	font-size: 100%;
	cursor: default;
	width: 12em;
}
#menu li.menu {
	margin: 0;
	margin-left: -40px;
	padding: 0;
	list-style-type: none;
	font-size: 100%;
	position: relative;
	text-align: left;
	cursor: pointer;
	width: 12em;
}
/*#menu ul ul
{
	margin: -5% 0 0 95%;
	padding: 0;
	list-style-type: none;
	font-size: 100%;
	position: absolute;
	z-index: 1020;
	cursor: default;
	width: 12.2em;
	left: -1000em;
	top: 0;
}*/


#menu li a {
	display: block;
	cursor: pointer;
	background-color:#666666;
	padding: 0.5em 0.75em;
	color: #BBBCB4;
	text-decoration: none;
}