@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;
}

#leftNav{
float:left;
width: 12.2em;
color:#FFFFFF
/*background: #EBEBEB; */


}
#mainContent{
margin: 10px 20px 0 14em;
color:#BBBCB4;
min-height:600px;
}

#mainContentGallery{
margin: 10px 20px 0 14em;
color:#BBBCB4;
min-height:400px;
text-align:justify
}

#rightContent{
margin: 10px 20px 0 14em;
color:#BBBCB4;
}
#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:600px;
color:#BBBCB4;
text-align:center;
}
#rightcol{
float:left;
margin: 10px 0px 2em 2em;
width:40%;
max-height:600px;
color:#BBBCB4;
text-align:center;
}

#bottomContent{
margin: 10px 20px 0 14em;
color:#BBBCB4;
text-align:right;
}

#bottomContentFloat{
margin: 10px 20px 0 14em;
color:#BBBCB4;
float:left
}



#bottomContentGallery{
	padding:0;
	color:#BBBCB4;
	text-align:left;
	overflow:auto;
	height:650px;
	text-align:left;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0;
	margin-left: em;
}
#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 {text-decoration: none}
a:visited {text-decoration: none}
a:active {text-decoration: none}
a:hover {text-decoration: none}

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: 25% 15% 0 30%;
top: 1em;
right: 1em;
}

#homeImg_05 {
position:absolute;
margin: 25% 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;
}