/* CSS Document */

html, body {
	color: #ccc;
	margin: 0 auto;
	padding: 0px 0px;
	font-size: 13px;
	font-family:Verdana, Arial, Sans-Serif;
/*background-color:#D8D8D8;*/
background-color:#2F4047;
background-image: url(14bis.png);
background-repeat: repeat-x;

	/*#B22538*  #ABB2CC*/
}

	#conteneur {
	position: relative;
	margin-left: auto;
	margin-right: auto;
	
	/*background-color:#0F355A;*/
	width: 1110px;
	height:840px;
/*background-image: url(eclate3.jpg);
background-repeat:no-repeat;
background-position:center bottom;*/
		top:70px;
	border:0px solid red;
	z-index: 100;
			}
			#bandhaut {
	position: relative;
	margin-left: auto;
	margin-right: auto;
	text-align:left;
	/*background-color:#fff;*/
	width: 1110px;
	height:165px;
  border:0px solid #ccc;
		top:0px;
		overflow: hidden;
	z-index: 100;
	border: 0px solid #888;			}
			
	#header {
	position: relative;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
background-color:#010206;
		width: 1111px;
	height:350px;
	top:30px;
border-bottom: 1px solid #888;
	border-top: 1px solid #888;
	border-left: 1px solid #888;
	border-right:1px solid #999;
     -moz-box-shadow: 1px 10px 12px #555; 
      -webkit-box-shadow: 1px 10px 12px #555; 
	box-shadow: 1px 1px 10px #555;
z-index: 100;
/*background-image: url(bandeau1.jpg);
background-repeat:no-repeat;
background-position:center bottom;*/
	 
		}	
		
		
		#menu {
	position: absolute;
text-align: left;
	/*overflow: hidden;*/
	  border: 0px solid #ccc;	
	 /*background-color:#5A779F;*/
	width:900px;
	height:30px;
	bottom:0px;
	right:35px;
letter-spacing:.1em;
line-height:28px;
z-index: 600;	
border: 0px solid #888;
		}	
		
		#smenu1 {
	position: absolute;
text-align: center;
	/*overflow: hidden;*/
	 
		width:32px;
	height:32px;
	bottom:15px;
	right:20px;
letter-spacing:.1em;
line-height:25px;
z-index: 600;	
		}	
		
	#smenu2 {
	position: absolute;
text-align: center;
	/*overflow: hidden;*/
	 
		width:200px;
	height:25px;
	top:0px;
	left:40px;
letter-spacing:.1em;
line-height:25px;
z-index: 600;	
		}	
		
		
		#smenu3 {
	position: absolute;
text-align: center;
	/*overflow: hidden;*/
		
	
	width:200px;
	height:25px;
	top:0px;
	right:439px;
letter-spacing:.1em;
line-height:25px;
z-index: 600;	
		}			
		
		
		#smenu4 {
	position: absolute;
text-align: center;
	/*overflow: hidden;*/
	 
	
	width:200px;
	height:25px;
	top:0px;
	right:220px;
letter-spacing:.1em;
line-height:25px;
z-index: 600;	
		}		
		
		#smenu5 {
	position: absolute;
text-align: center;
	/*overflow: hidden;*/
	 
	
	width:200px;
	height:25px;
	top:0px;
	right:0px;
letter-spacing:.1em;
line-height:25px;
z-index: 600;	
		}	
		
			#contact {
	position: absolute;
text-align: right;
	/*overflow: hidden;*/
		width:400px;
	height:25px;
	top:77px;
	right:63px;

line-height:25px;
z-index: 600;	
border:0px solid #666;	
		}									
			#txtactu{
	position: absolute;
	text-align:center;
	width: 240px;
	height:110px;
	top:17px;
right:0px;
 border:0px solid #666;	
/*padding: 10px 10px;*/
   z-index: 500;
   
	
	
	
		
	
		}	
		#txthead{
	position: absolute;
	text-align:left;
	width: 800px;
	height:90px;
	top:35px;
left:0px;
 border:0px solid #666;	
/* background-color:#000;*/
   z-index: 500;
   
	
		}	
		
		
			#txthead2{
	position: absolute;
	text-align:right;
	width:1111px;
	height:60px;
	top:55px;
right:6px;
 border:0px solid #666;	
/*padding: 10px 10px;*/
   z-index: 500;
   
	
		}	
		
		
	#txtheadR{
	position: absolute;
	text-align:justify;
	width: 460px;
	height:320px;
	top:28px;
right:60px;
 border:0px solid #ccc;	
background-image: url(piano-ombre.jpg);
background-repeat:no-repeat;
background-position:center bottom;
   z-index: 500;
   
	
		}				
			#diapohead{
	position: absolute;
	text-align:justify;
	width: 545px;
	height:349px;
	top:0px;
left:0px;
 border:0px solid #ccc;	
/* background-color:#000;*/
   z-index: 500;
   
	
		}				

			
	
		
		#cadre1{
	position: absolute;
	text-align: center;
	width:260px;
	height:400px;
	left:1px;
	top:1px;
	

     -moz-box-shadow: 1px 10px 12px #555; 
      -webkit-box-shadow: 1px 10px 12px #555; 
	box-shadow: 1px 1px 10px #555;
 overflow: hidden;
	
		}
		
			#cadre2{
	position: absolute;
	text-align: center;
	width:260px;
	height:400px;
	left:286px;
	top:1px;
	 background-color:#fff;

     -moz-box-shadow: 1px 10px 12px #555; 
      -webkit-box-shadow: 1px 10px 12px #555; 
	box-shadow: 1px 1px 10px #555;
 overflow: hidden;
	
		}
		
		#cadre3{
	position: absolute;
	text-align: justify;
	width:240px;
	height:380px;
	
	right:1px;
	top:1px;
	    -moz-box-shadow: 1px 10px 12px #555; 
      -webkit-box-shadow: 1px 10px 12px #555; 
	box-shadow: 1px 1px 10px #555;
 overflow: hidden;
 padding: 10px 10px;
	
		}
		
			#cadre5{
	position: absolute;
	text-align: left;
	width:260px;
	height:400px;
	left:564px;
	top:1px;
	     -moz-box-shadow: 1px 10px 12px #555; 
      -webkit-box-shadow: 1px 10px 12px #555; 
	box-shadow: 1px 1px 10px #555;
 overflow: hidden;
	
		}
		
			#cadre4{
	position: absolute;
	text-align: center;
	width:540px;
	height:350px;
	left:1px;
	top:427px;
	

     -moz-box-shadow: 1px 10px 12px #555; 
      -webkit-box-shadow: 1px 10px 12px #555; 
	box-shadow: 1px 1px 10px #555;
 
	
		}
		
		#cadre6{
	position: absolute;
	text-align: center;
	width:540px;
	height:350px;
	right:0px;
	top:427px;
	  border: 1px solid #999;
	  background-color:#010206;
 
	
		}
		
			#cadre15{
	position: absolute;
	text-align: center;
	width:670px;
	height:270px;
	right:4px;
	top:770px;
	line-height: 110%;

     -moz-box-shadow: 1px 10px 12px #555; 
      -webkit-box-shadow: 1px 10px 12px #555; 
	box-shadow: 1px 1px 10px #555;
 overflow: hidden;
	
		}
		
		#footerpie {
	position: absolute;
	right:0px;
	border: 0px solid red;
	text-align: justify;
	width: 540px;
	height:70px;
		top:660px;
	background-color:#2F4047;
		}
		
			
		
	
		
		
		
		
		
			.textehead {
	font-family: verdana, Arial, Helvetica, sans-serif;
	color:#444;
	font-size: 14px;
	font-weight:bold;
	}
		
	
		
			
			
.gauche {
 /*VERT */
   /*filter: alpha(opacity=90);
   transition:opacity,0.1s ease-in .1s;*/
  border:1px solid #ccc;
	background-color:#010206;
	
}
	
.gauche:hover {
/* ORANGE */
  /* filter: alpha(opacity=100);*/
 	border:1px solid #ccc;
	background-color:#010206;
	
}	
	
	.centre {
 /*opacity: 1; /* css standard */
   /*filter: alpha(opacity=90);
   transition:opacity,0.1s ease-in .1s;*/
  border:1px solid #ccc;
	/*background-color:#996633;*/
	background-color:#010206;
	
}
	
.centre:hover {
/* opacity: 0.8; /* css standard */
  /* filter: alpha(opacity=100);*/
 	border:1px solid #fff;
	background-color:#010206;
}	

	.centre2 {
 /*opacity: 1; /* css standard */
   /*filter: alpha(opacity=90);
   transition:opacity,0.1s ease-in .1s;*/
  border:1px solid #ccc;
	background-color:#fff;
	color:#0F355A;
	font-family: verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight:bold;
}
	
.centre2:hover {
/* opacity: 0.8; /* css standard */
  /* filter: alpha(opacity=100);*/
 	border:1px solid #555;
	background-color:#010206;
	color:#fff;
	font-family: verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight:bold;
}	
		
	.menu {
  border:0px solid #fff ;
 
   z-index: 100;
 background-color:#A71613;
/*background-color:#A71613;*/
}
	
.menu:hover {
  border:1px solid #fff ;
    z-index: 300;
        -moz-box-shadow: 1px 1px 12px #555; 
        -webkit-box-shadow: 1px 1px 12px #555; 
        box-shadow: 1px 1px 8px #555;
 background-color:#ccc;
 background-image: url(metal.jpg);

		
}	

.menuap {
 

   z-index: 100;
 background-color:#A71613;
 border:1px solid #ccc ;
  -moz-box-shadow: 1px 1px 12px #555; 
        -webkit-box-shadow: 1px 1px 12px #555; 
        box-shadow: 1px 1px 8px #555;
		font-family: verdana, Arial, Helvetica, sans-serif;
	color: #ccc;
	font-size: 10px;
	font-weight:bold;
}
	
.menuap:hover {
  z-index: 100;
 background-color:#A71613;
 border:1px solid #ccc ;
  -moz-box-shadow: 1px 1px 12px #555; 
        -webkit-box-shadow: 1px 1px 12px #555; 
        box-shadow: 1px 1px 8px #555;


		
}	


	
	.textetime24 {
	font-family:verdana, Arial, Helvetica, sans-serif;
	color:#fff;
	font-size: 24px;
	font-weight:bold;
	}
	
	.textetime16or {
	font-family:Times New Roman, Times, serif;
	color:#ffcc99;
	font-size: 18px;
	/*font-weight:bold;*/
	}
	
	.textetime16 {
	font-family:genava, Arial, Helvetica, sans-serif;
	color:#fff;
	font-size: 18px;
	/*font-weight:bold;*/
	}
	.textetime16B {
	font-family:Times New Roman, Times, serif;
	color:#fff;
	font-size: 18px;
	font-weight:bold;
	}
		.texteverd16B {
	font-family: verdana, Arial, Helvetica, sans-serif;
	color:#fff;
	font-size: 18px;
	font-weight:bold;
	}
		.textverd14B {
	font-family:verdana, Arial, Helvetica, sans-serif;
	color:#fff;
	font-size: 14px;
	font-weight:bold;
	}
	
	.textetime12 {
	font-family:verdana, Arial, Helvetica, sans-serif;
	color:#ccc;
	font-size: 12px;
	font-weight:bold;
	}
	
	.textetime12bleu {
	font-family:Times New Roman, Times, serif;
	color:#0F355A;
	font-size: 12px;
	font-weight:bold;
	}
	
	.textetime14bleu {
	font-family:Times New Roman, Times, serif;
	color:#0F355A;
	font-size: 14px;
	font-weight:bold;
	}
		.textetime14 {
	font-family:verdana, Arial, Helvetica, sans-serif;
	color:#fff;
	font-size: 13px;
	/*font-weight:bold;*/
	}
		
	
	
.texte10gris {
	font-family: verdana, Arial, Helvetica, sans-serif;
	color: #ccc;
	font-size: 10px;
	}
	.texte10or {
	font-family: verdana, Arial, Helvetica, sans-serif;
	color: #ffcc99;
	font-size: 10px;
	}
	.texte10bleustd {
	font-family: verdana, Arial, Helvetica, sans-serif;
	color:#888;
	font-size: 9px;
	
	}
	
	.texte10blanco {
	font-family: verdana, Arial, Helvetica, sans-serif;
	color: #ccc;
	font-size: 11px;
	}
	
	.texte10bdx {
	font-family: verdana, Arial, Helvetica, sans-serif;
	color: #800;
	font-size: 10px;
	}
	.texte12bleuB {
	font-family: verdana, Arial, Helvetica, sans-serif;
	color:#0F355A;
	font-size: 12px;
	font-weight:bold;
	}
	
	.texte14grisbold{
	color: #fff;
	font-family: verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight:bold;
}
.texte16grisbold{
	color: #fff;
	font-family: verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight:bold;
}

.liencadre162:link{color:#ccc;text-decoration: none;font-family:Times New Roman, Times, serif;font-size:16px;font-weight:bold;}
.liencadre162:visited{color:#ccc;text-decoration: none;font-family:Times New Roman, Times, serif;font-size:16px;font-weight:bold;}
.liencadre162:active{color:#ccc;text-decoration: none;font-family:Times New Roman, Times, serif;font-size:16px;font-weight:bold;}
.liencadre162:hover{color:#fff;text-decoration:underline;font-family:Times New Roman, Times, serif;font-size:16px;font-weight:bold;}


 .liencadre16:link{color:#fff;text-decoration: none;font-family: verdana, Arial, Helvetica, sans-serif ;font-size:14px;font-weight:bold;}
.liencadre16:visited{color:#fff;text-decoration: none;font-family:verdana, Arial, Helvetica, sans-serif;font-size:146px;font-weight:bold;}
.liencadre16:active{color:#fff;text-decoration: none;font-family:verdana, Arial, Helvetica, sans-serif;font-size:14px;font-weight:bold;}
.liencadre16:hover{color:#fff;text-decoration:underline;font-family:verdana, Arial, Helvetica, sans-serif;font-size:14px;font-weight:bold;}

.liencadre14:link{color:#0F355A;text-decoration: none;font-family:Times New Roman, Times, serif;font-size:14px;font-weight:bold;}
.liencadre14:visited{color:#0F355A;text-decoration: none;font-family:Times New Roman, Times, serif;font-size:14px;font-weight:bold;}
.liencadre14:active{color:#0F355A;text-decoration: none;font-family:Times New Roman, Times, serif;font-size:14px;font-weight:bold;}
.liencadre14:hover{color:#000;text-decoration:none;font-family:Times New Roman, Times, serif;font-size:14px;font-weight:bold;}

.lien10pxblanc:link{color:#ccc;text-decoration: none;font-family:verdana, Arial, Helvetica, sans-serif;font-size:12px;}
.lien10pxblanc:visited{color:#ccc;text-decoration: none;font-family:verdana, Arial, Helvetica, sans-serif;font-size:12px;}
.lien10pxblanc:active{color:#ccc;text-decoration: none;font-family:verdana, Arial, Helvetica, sans-serif;font-size:12px;}
.lien10pxblanc:hover{color:#fff;text-decoration:none;font-family:verdana, Arial, Helvetica, sans-serif;font-size:12px;}

.blien10pxblanc:link{color:#ccc;text-decoration: none;font-family:verdana, Arial, Helvetica, sans-serif;font-size:12px;font-weight:bold;}
.blien10pxblanc:visited{color:#ccc;text-decoration: none;font-family:verdana, Arial, Helvetica, sans-serif;font-size:12px;font-weight:bold;}
.blien10pxblanc:active{color:#ccc;text-decoration: none;font-family:verdana, Arial, Helvetica, sans-serif;font-size:12px;font-weight:bold;}
.blien10pxblanc:hover{color:#fff;text-decoration:none;font-family:verdana, Arial, Helvetica, sans-serif;font-size:12px;font-weight:bold;}

.lien12pxblanc:link{color:#fff;text-decoration: none;font-family:verdana, Arial, Helvetica, sans-serif;font-size:10px;font-weight:bold;}
.lien12pxblanc:visited{color:#fff;text-decoration: none;font-family:verdana, Arial, Helvetica, sans-serif;font-size:10px;font-weight:bold;}
.lien12pxblanc:active{color:#fff;text-decoration: none;font-family:verdana, Arial, Helvetica, sans-serif;font-size:10px;font-weight:bold;}
.lien12pxblanc:hover{color:#000;text-decoration:none;font-family:verdana, Arial, Helvetica, sans-serif;font-size:10px;font-weight:bold;}

.lmenu:link{color:#fff;text-decoration: none;font-family:verdana, Arial, Helvetica, sans-serif;font-size:13px;	font-weight:bold;}
.lmenu:visited{color:#fff;text-decoration: none;font-family:verdana, Arial, Helvetica, sans-serif;font-size:13px;	font-weight:bold;}
.lmenu:active{color:#fff;text-decoration: none;font-family:verdana, Arial, Helvetica, sans-serif;font-size:13px;	font-weight:bold;}
.lmenu:hover{color:#000;text-decoration:none;font-family:verdana, Arial, Helvetica, sans-serif;font-size:13px;	font-weight:bold;}

.lien12pxnoir:link{color:#AD5377;text-decoration: none;font-family:verdana, Arial, Helvetica, sans-serif;font-size:12px;font-weight:bold;}
.lien12pxnoir:visited{color:#AD5377;text-decoration: none;font-family:verdana, Arial, Helvetica, sans-serif;font-size:12px;font-weight:bold;}
.lien12pxnoir:active{color:#AD5377;text-decoration: none;font-family:verdana, Arial, Helvetica, sans-serif;font-size:12px;font-weight:bold;}
.lien12pxnoir:hover{color:#ccc;text-decoration:underline;font-family:verdana, Arial, Helvetica, sans-serif;font-size:12px;font-weight:bold;}

.lien12pxbleu:link{color:#5A779F;text-decoration: none;font-family:verdana, Arial, Helvetica, sans-serif;font-size:12px;font-weight:bold;}
.lien12pxbleu:visited{color:#5A779F;text-decoration: none;font-family:verdana, Arial, Helvetica, sans-serif;font-size:12px;font-weight:bold;}
.lien12pxbleu:active{color:#5A779F;text-decoration: none;font-family:verdana, Arial, Helvetica, sans-serif;font-size:12px;font-weight:bold;}
.lien12pxbleu:hover{color:#5A779F;text-decoration:underline;font-family:verdana, Arial, Helvetica, sans-serif;font-size:12px;font-weight:bold;}

.lien10or:link{color:#ffcc99;text-decoration: none;font-family:verdana, Arial, Helvetica, sans-serif;font-size:10px;}
.lien10or:visited{color:#ffcc99;text-decoration: none;font-family:verdana, Arial, Helvetica, sans-serif;font-size:10px;}
.lien10or:active{color:#ffcc99;text-decoration: none;font-family:verdana, Arial, Helvetica, sans-serif;font-size:10px;}
.lien10or:hover{color:#888;text-decoration:none;font-family:verdana, Arial, Helvetica, sans-serif;font-size:10px;}

.lienblanc:link{color:#fff;text-decoration: none;font-family:verdana, Arial, Helvetica, sans-serif;font-size:10px;}
.lienblanc:visited{color:#fff;text-decoration: none;font-family:verdana, Arial, Helvetica, sans-serif;font-size:10px;}
.lienblanc:active{color:#fff;text-decoration: none;font-family:verdana, Arial, Helvetica, sans-serif;font-size:10px;}
.lienblanc:hover{color:#888;text-decoration:none;font-family:verdana, Arial, Helvetica, sans-serif;font-size:10px;}
