/*copyright by kitgraphiquegratuit.org*/
body, html  {
     background: url(images/fond.jpg);
	 margin:0;
	 padding:0;
	 font-family:Verdana, Arial, Helvetica, sans-serif;
	 text-align:center;
	 color:#FFF;
	 background-attachment: fixed;
	 font-size:11px;
} 	
   
#conteneur  {
     margin:0 auto;
	 width: 800px;
}	
#header {
     height:65px; 
	 background:url(images/header.png) no-repeat top;
	 margin:0 auto;
	 width:800px;
}   
#contenu  {
     background:url(images/fond_contenu.png);
	 width:800px;
}  
#left  {
     width: 240px;
	 float: left;
	 padding:0 0 0 5px;
}	 	 
#right {
     margin:0 0 0 245px;
	 width:540px;
	 text-align:justify;
} 
#pied {
     background:url(images/pied.png) no-repeat;
	 height:25px;
	 width:800px;
} 
ul {
     width:238px;
	 margin:0;
	 padding:0;
	 list-style:none;
	 text-align:left;
}
ul li a  {
     width:208px;
	 display: block ;
	 color:#fff;
	 outline:none;
	 padding:9px 0 9px 30px;
	 margin:0;
	 text-decoration: none;
	 outline:none;
	 font-weight:bold;
}	
ul li a:hover {
     color: #3295d5;
	 text-decoration: none;
}	
span	{
     color:#3295d5;
	 text-decoration:none;
	 outline:none;
	 font-size: 14px;
	 font-weight:bold;
}	
img, p, h1, h2, h3, h4, h5, h6, Span, object, table, td, tr{
     border:0;
	 margin:0;
	 padding:0;
}   
a  {
     color: #fff;
	 text-decoration:underline;
	 outline:none;
} 	
a:hover	{
     color: #fff;
	 text-decoration: none;
}	
#clear  {
     clear: both;
	 visibility: hidden; 
}	
.copyright {
     padding:0;
	 margin :0;
	 color:#fff;
	 font-size:10px;
}   
.copyright a {
     color:#fff;
	 text-decoration: none;
	 outline:none;
	 font-size:10px;
	 }
.copyright a:hover  {
     color: #fff;
	 text-decoration:underline;
} 
.menu_haut {
     padding:14px 0 0 0;
	 height:21px; 
	 background:url(images/menu_haut.png);
	 margin:0 auto;
	 width:238px;
}
.menu_fond {
     background:url(images/menu_fond.png);
	 margin:0 auto;
	 width:238px;
}
.menu_bas {
     height:20px; 
	 background:url(images/menu_bas.png) no-repeat;
	 margin:0 auto;
	 width:238px;
}
.cadre_haut	{
     height:15px; background:url(images/cadre_haut.png);margin:0 auto 0 auto;width:530px}
.cadre_fond	{
     background:url(images/cadre_fond.png);
	 margin:0 auto;
	 width:500px;
	 padding:0 10px 0 20px;
}
.cadre_bas {
     height:15px; 
	 background:url(images/cadre_bas.png);
	 margin:0 auto;
	 width:530px;
}


#shadowing{
	display: none;
	position: fixed;
	top: 0%;
	left: 0%;
	width: 100%;
	height: 100%;
	background-color: #CCA;
	z-index:10;
	opacity:0.5;
	filter: alpha(opacity=50);
}
#box {
	display: none;
	position: fixed;
	top: 10%;
	left: 10%;
	width: 100%;
	height: 100%;
            max-width:1024px;
			max-height:640px;
	padding: 0;
	margin:0;
	background-color: white;
	z-index:11;
}
#boxcontent{
	left:0;
	right:0;
	bottom:0;
	margin:0;
	padding: 8px;
	overflow: auto;
	width:100%;
	height:100%;
}
#boxtitle{
	left:0%;
	width:100%;
	height:20px;
	padding:0;
	margin:0;
	text-align:center;
}

/* PAGE SCREEN
************************************/ 

.boss{
	background-image:url(images/galerie/fond_boss.png);
	height:658px;
	width:498px;
	float : left;
	margin-left : 15px; 
	margin-right: 15px;
	margin-top : 25px;
}

.boss table{
	margin-top : 50px;
	margin-left:6.5%;
	color:#3295d5;
	font-size:15px;
	text-align:center;
}

.boss tr{
	height:105px;
}

.boss p{
	text-align:right;
	margin-right:17px;
	font-size:15px;
	margin-top: 2px;
}

.titre{
	background-image:url(images/galerie/titre.png);
	width: 498px;
	height:45px;
	margin-top:15px;
	margin-left : 15px; 
}

.titre p{
	padding-top: 7px;
}