body
{
	margin: 0;
	padding: 0;
	color: #cccccc;
	font-size: 1em;
	height: 100%;
	background: #666666 url(/imgs/espfondm.jpg) no-repeat fixed top right;
}

div.toggle
{
    display:block;
	padding-left: 25px;
	width: 300px;
	height: 30px;
	font-family: Arial,Helvetica,"Trebuchet MS",sans-serif;
	font-size: 16px;
	background: transparent;
	text-align: left;
}


div.rights
{
	position: absolute;
	top: 0;
	right: 107px;
	padding-right: 10px;
	width: 500px;
	font-size: 16px;
	height: auto;
	z-index: 499;
	color: #000000;
	background: transparent;
}

/* for Internet Explorer */
/*\*/
* html .container { height: 800px; }

/**/
#info
{
	position: absolute;
	background: transparent;
	top: 0;
	right: 330px;
}



 .colminigal1 {display:block;
width:240px;
float:right;
font-family : Arial, Helvetica,"Trebuchet MS", sans-serif;
text-align:left;
padding:1px 4px 1px 1px;
margin-right:18px;
line-height:1.1em;
font-size:13px; 
}
.colminigal2 {display:block;
width:210px;
float:right;
font-family : Arial, Helvetica,"Trebuchet MS", sans-serif;
text-align:center;
padding:1px 4px 1px 1px;
margin-right:18px;
line-height:0.9em;
font-size:0.7em; }

div.rightjm {position:absolute;
top:0;
right:120px;
padding-right:10px;
width:450px;
font-size:16px;
color: #000000;
height:auto;
z-index: 499;
background:transparent ; 
}
/* for Internet Explorer */
/*\*/
* html .container {
height: 800px;
}
/**/



div.rightcorps 
{
position:absolute;
top:0;
right:107px;
padding-right:10px;
color:#333333;
width:500px;
z-index: 2;
background:transparent ; 
height:auto;
}
/* for Internet Explorer */
/*\*/
* html .container {
height:900px;
}
/**/

.accordionTabTitleBar
{
	font-family:"Trebuchet MS",cursive,monospace,sans-serif;
	background: #666666;
	font-size: 14px;
	padding: 4px 6px 4px 6px;
	border-style: solid none solid none;
	border-top-color: #999999;
	border-bottom-color: #999999;
	border-width: 1px 0px 1px 0px;
	cursor: pointer;
}

#panel1Header { background: #666666 url(/imgs/sdsup.jpg) no-repeat center;}
#panel1Content { background: #666666 url(/imgs/logo.jpg) no-repeat center left; }
#panel1rHeader{background: #666666 url(/imgs/jmsup.jpg) no-repeat center; }
#panel1rContent { background: #666666 url(/imgs/logo.jpg) no-repeat center left; }
#panel1cHeader{background: #666666 url(/imgs/super.jpg) no-repeat center; }
#panel1cContent { background: #666666 url(/imgs/logo.jpg) no-repeat center left; }
#panel2Content { background: #666666 url(/imgs/elastic.jpg) no-repeat top center; }
#panel2Content a { padding-left: 300px; }
#panel22Content { background: #666666 url(/imgs/indiv.jpg) no-repeat top center;
line-height: 0.9em;
font-size:0.8em;
overflow:hidden;
text-align:justify;
padding-left:8px;
padding-right:8px;
border-top-width: 3px;
color:#fff;
}
#panel22Content a { padding-left: 300px;font-size:1em; }
#panel3Content { background: #666666 url(/imgs/accorps.jpg) no-repeat center top; }

#panel3Content a
{
	padding-left: 300px;
	margin-top: 2px;
}

#panel4Content { background: #666666 url(/imgs/mmenfant.jpg) no-repeat center top; }
#panel4Content a { padding-left: 300px; }
#panel5Content { background: #666666 url(/imgs/touch.jpg) no-repeat left top; }
#panel5Content dl { padding-left: 80px; }
#panel5Content dt { padding-left: 70px; }
#panel5Content a { padding-left: 300px; }
#panel6Content { background: #666666 url(/imgs/touche1.jpg) no-repeat center top; }
#panel6Content a { padding-left: 300px; }
#panel7Content { background: #666666 url(/imgs/africs.jpg) no-repeat center top; }
#panel7Content a { padding-left: 300px; }
#panel8Content { background: #666666 url(/imgs/enfsan.jpg) no-repeat center top; }
#panel8Content a { padding-left: 300px; }
#panel9Content { background: #666666 url(/imgs/) no-repeat center left; }
#panel10Content { background: #666666 url(/imgs/) no-repeat center left; }
#panel11Content { background: #666666 url(/imgs/) no-repeat center left; }

#panel1arHeader { background: #666666 url('/imgs/bienvenue.gif')  center;
height:95px;}
#panel1arContent { background: #666666 url('/imgs/logo.jpg') no-repeat center left; }
#panel1arHeader:hover
{
	
	background: #666666 url('/imgs/panelarrce.gif') no-repeat;
	color: #666666;
	
}
#panel13Content { background: transparent url('/imgs/dame2.jpg') no-repeat;
text-align:left;
font-size:12px;
color: #666666;}
#panel13Content p{width:220px;padding-left:80px;font-family : Verdana,Arial, Helvetica, sans-serif;font-size:11px;margin-top:-18px;margin-bottom:0px;letter-spacing:-1px;line-height: 1em;}
#panel13Content a:hover { padding-left:80px;font-size:13px;color:#0000ff;}
#panel13Content a { padding-left:80px;font-size:13px;color:#0000cc;text-align:center;}
#panel13Content h3 { width:220px;padding-left:80px;text-decoration: underline; text-align:left; margin-top:3px; margin-bottom:0px; font-size:13px;}
#panel13Content h4 { width:220px;padding-left:80px;text-decoration: none; text-align:left; margin-top:3px; margin-bottom:0px; font-size:12px;}
#panel13Content h5 { width:220px;padding-left:80px;text-decoration: none; text-align:left; margin-top:3px; margin-bottom:0px; font-size:12px;line-height: 1em;}


#panel20Content { background: #666666 url('/imgs/') no-repeat center left;
line-height: 0.9em;
font-size:0.7em;
text-align:justify;
font-family : Arial,"Trebuchet MS", Helvetica, sans-serif;
padding-left:6px;
}
#panel20Content a { font-size:13px;}
#panel20Content a:hover { font-size:13px;}



.accordionTabTitleBarHover
{
	font-size: 14px;
	color: #000000;
}

.accordionTabContentBox
{
	font-size: 13px;
	border: 1px solid #999999;
	border-top-width: 0px;
	padding: 0px 8px 0px 1px;
	background: #666666;
	font-family: Arial,"Trebuchet MS",Helvetica, sans-serif;
	line-height: 12pt;
	overflow:auto;
}

#accordionExample
{
	width: 350px;
	background: #666666;
	
}

#formLetterAccordion
{
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 14px;
}

p
{
	padding: 1px;
	width: 450px;
	letter-spacing: 1px;
	margin-left: 10px;
}

h2
{
	font-weight: bold;
	font-size: 15px;
	margin-left: 50px;
}



h4
{
	font-weight: bold;
	font-size: 13px;
	margin-top: 2px;
	text-align: center;
}

blockquote
{
	line-height: 1.1em;
	font-size: 0.8em;
	text-align: right;
}

/* span */
a
{
	text-decoration: none;
	color: #ffcc00;
	border-style: hidden;
	padding: 0;
	font-size: 14px;
}

a:hover
{
	background: none;
	border-color: transparent;
	border-style: hidden;
	font-weight: bold;
	padding: 0;
}

a img
{
	border: 0;
	padding-left: 0px;
}

a span { display: none; }

a:hover span
{
	display: inline;
	position: fixed;
	top: 0;
	right: 100px;
	width: 489px;
	height: 100%;
	background-color: transparent;
	background-image: url(/imgs/esptra.jpg);
	background-repeat: no-repeat;
	padding: 10px;
	font-family: Arial,"Trebuchet MS",Helvetica, sans-serif;
	color: #333333;
	font-size: 14px;
	text-align: left;
	font-weight: bold;
	line-height: 1.1em;
	z-index: 2500;
}


.float
{
	float: right;
	border: solid 1px #666666;
	padding: 5px;
	margin-left: 10px;
}

img.float
{
	float: left;
	border: solid 3px #666666;
	padding: 0;
	background-color: white;
}

img.float1
{
	float: right;
	border: solid 3px #666666;
	padding: 1px;
	background-color: transparent;
}

img.float2 
{ 
margin-left:15px;
margin-top:30px;
float: left; }

.colsan
{
	display: block;
	width: 470px;
	float: right;
	text-align: center;
	padding: 0 2px 2px 1px;
	margin: 0;
	line-height: 1.2em;
	font-family: "Trebuchet MS",Arial,Helvetica, sans-serif;
	font-size: 13px;
}

.colarl {display:block;
width:450px;
float:right;
text-align: justify;
color:#333333;
padding-right: 12px;
padding-left:5px;
background:transparent; }

.colarl li {line-height:1.5em;
font-size:0.9em;
color:#333333;}

.colarl1 {display:block;
width:255px;
float:right;
text-align:justify;
padding-right:15px;
 }

.colarl2 {display:block;
width:230px;
float:left;
text-align:left;
margin:0;
line-height:0.7em;
font-size:1.2em; }

.colarl3 {display:block;
width:250px;
float:right;
font-size:0.9em; 
line-height:1.2em;
text-align:justify;
padding:0 10px;
margin:0; }

.col9 {display:block;
width:160px;
float:right;
text-align:left;
font-size:1.1em;
 }


.colsign
{
	display: block;
	width: 430px;
	text-align: right;
	padding: 1px 1px 1px 1px;
	line-height: 1.2em;
	font-family: "Trebuchet MS",Arial,Helvetica, sans-serif;
	font-size: 15px;
	font-weight: bolder;
	font-style: oblique;
	color: #666666;
	background: transparent;
}

.colflash
{
	display: block;
	position: absolute;
	width: 220px;
	top: 20px;
	right: -30px;
}

#menuleft a, #menuleft a:visited
{
	text-decoration: none;
	text-align: right;
	background-color: transparent;
	color: #fff;
	display: block;
	width: 320px;
	padding: 0.2em;
	margin: 0;
	border-right: 3px solid #666666;
}

#menuleft a:hover { color: #ffcc33;border-right: 3px solid #ffcc33; }

#menuright1
{
	width: 250px;
	position: relative;
	left: 150px;
	height: 80px;
	margin-left: 2em;
	margin-right: 2em;
	margin-top: 5px;
	background: transparent;
	visibility:hidden ! important;}
#menuright
{
	width: 250px;
	position: relative;
	left: 150px;
	height: 80px;
	margin-left: 2em;
	margin-right: 2em;
	margin-top: 5px;
	background: transparent;
	visibility:visible ! important;
}

#menuright a:visited, #menuright a
{
	text-decoration: none;
	color: #fff;
	font-weight: bold;
}

#menuright a:visited img, #menuright a img { border: 2px solid; }

#menuright a:hover
{
	background-color: transparent;
	color: #666666;
}

#menuright a span { display: none; }

#menuright a:hover span
{
	display: block;
	position: absolute;
	width: 250px;
	top: 50px;
	left: 0;
	font-size: 14px;
	height: 18px;
	padding: 4px;
	font-weight: normal;
	color: #333333;
	background: transparent;
}

#menuright a:hover img {background: transparent; }

 #minigal {
 position:absolute;
  padding:0; 
  margin:4px 0 0 10px; 
  list-style-type:none; 
  overflow:hidden; 
  width:340px; 
  height:210px; 
  border:none; 
  background:transparent;
  float:left;
  z-index:1000;
  }
#minigal li {
  float:left;
  }
#minigal li a {
  display:block; 
  height:210px;
  width:8px; 
  float:left; 
  text-decoration:none; 
  border-right:1px solid  #666666; 
  cursor:default;
  }
#minigal li a img {
  width:0px; 
  height:210px; 
 border-left:2px solid #999999; 
  }
#minigal li a:hover {
  background:#999999; 
  width:290px;
  }
#minigal li a:hover img {
  width:290px;
  }
  #slide {margin:0 auto 0 auto;}
/* old fashioned still shot animation */
#slide {position:relative;top:15px; width:290px; height:270px; background:transparent url(/imgs/imgsh/lamarc1.jpg) no-repeat;}
#slide a, #slide a:visited {position:absolute; width:36px; height:270px; z-index:100; cursor:default;}

#slide a img, #slide a:visited img {display:none;}

#slide a#m1 {top:0px; left:0; background:transparent url(/imgs/imgsh/lamarc1.jpg) no-repeat 0 -300px; z-index:100;}
#slide a#m2 {top:0px; left:36px; background:transparent url(/imgs/imgsh/lamarc2.jpg) no-repeat 0 -300px; z-index:100;}
#slide a#m3 {top:0px; left:72px; background:transparent url(/imgs/imgsh/lamarc3.jpg) no-repeat 0 -300px; z-index:100;}
#slide a#m4 {top:0; left:108px; background:transparent url(/imgs/imgsh/lamarc4.jpg) no-repeat 0 -300px; z-index:100;}
#slide a#m5 {top:0; left:144px; background:transparent url(/imgs/imgsh/lamarc1.jpg) no-repeat 0 -300px; z-index:100;}
#slide a#m6 {top:0; left:180px; background:transparent url(/imgs/imgsh/lamarc2.jpg) no-repeat 0 -300px; z-index:100;}
#slide a#m7 {top:0; left:216px; background:transparent url(/imgs/imgsh/lamarc3.jpg) no-repeat 0 -300px; z-index:100;}
#slide a#m8 {top:0; left:252px; background:transparent url(/imgs/imgsh/lamarc4.jpg) no-repeat 0 -300px; z-index:100;}


#slide a#m1:hover, #slide a#m2:hover, #slide a#m3:hover, #slide a#m4:hover, #slide a#m5:hover, #slide a#m6:hover, #slide a#m7:hover, #slide a#m8:hover {width:290px; top:0; left:0; background-position:0 0; z-index:50;}


#cap, #cap1, #cap2, #cap3, #cap4, #cap5 {
font-size:32px;
color:gray;
font-weight:bold;
float:left;
height:34px;
line-height:34px;
margin-top:-1px;
margin-right:3px;}


#cap6, #cap7, #cap8, #cap9, #cap10, #cap11{
font-size:32px;
color:gray;
font-weight:bold;
float:left;
height:34px;
line-height:34px;
margin-top:-1px;
margin-right:3px; }