@charset "utf-8";
@import url("layout.css");

/* CSS Document */

 html, body {
 	height: 100%; 
	margin: 0;
 }

 body {
    	font: 0.8em  Verdana, Arial, Helvetica, sans-serif;
    	background: #0093af;
		background: url(../images/bg_banniere_client.jpg) top left repeat-x;
    	background-color: #0093af;
		background-image: url(../images/bg_banniere_client.jpg) top left repeat-x;
		background-repeat: repeat-x;
    	text-align: center; 
    	color: #ffffff;
		height: 100%;
    }
	
    div#container {
		position: relative;
    	width: 100%;
		min-height: 100%;
    	text-align: left; 
    }
	
 	div#header2 {
		height: 122px;
	}
	
	div#header2 img{
		display: block;
		position: absolute;
		top: 0px;
		left: 0px;

	}

	div#anim {
		position: relative;
		margin: 0 auto;
		width: 1024px;
		vertical-align: bottom;
	}	

/*
/*     MENU
/*	
/*    */

	div#mainContent a {
		color: #fff;
		text-decoration: underline;
	}
	
	div#mainContent h2 {
	display: block;
	width: 100%;
	background: #98d3df;
	text-align: center;	
	}
	
	div#mainContent a:visited {
		color: #fff;
	}

	div#mainContent a:hover  {
		color: #000080;
		}	

	div#smenu {
		width: 100%;
		height: 40px;
		margin: 0 ;
		padding: 0 ;
		border: 0;		
	}

	div#navcontainer {
		position: relative;
		margin: 0;
		border: 0;
 		padding: 12px 0px 0px 0px;
		height: 40px;
	}
	
	 #navlist
{
display: inline;
padding: 0 1px 1px;
margin: 0;
font: bold 12px Verdana, sans-serif;
}

#navlist li
{
list-style: none;
margin: 0;
display: inline;
}

#navlist li a
{
padding: 0.25em 0.5em 0.25em 0.75em;
border-left: 1em solid #fff;
background: #98d3df;
text-decoration: none;
color: #fff;
}

#navlist li a:link {
text-decoration: none;
color: #fff; 
}

#navlist li a:visited {
text-decoration: none; 
color: #fff; 
}

#navlist li a:hover
{
border-color: #000080;
color: #000080;
text-decoration: none;
background: #98d3df;
}

#navlist img {
display: inline;
margin-right: 15px;
margin-left: 0px;
padding:0;
border: none;
}

.lg {
text-decoration: none;
border: none;
}

#navlist li a.lg {
text-decoration: none;
}

#navlist li a.lg:link, #navlist li a.lg:visited, #navlist li a.lg:hover {
text-decoration: none;
padding: 0.25em 0em 0.25em 0em;
border-left: 0em;
}	

 	div#mainContent {
		overflow: hidden;
		width: 1024px;
	    margin: 0 auto;	
    }
	
	
	 div#contentCenter {
	 margin: 20px;
	 padding: 10px 212px 100px 212px;
	}
	
	#contentCenter p, #principal li {
		line-height: 1.5;
}
	
	div#contentCenter a, div#contentCenter a:link {
	color: #fff;
	text-decoration: underline;
	}
	
	div#contentCenter a:hover {
	color: #000080;
	}
	
	div#contentCenter a:visited {
	color: silver;
	}	

	div#contentCenter ul {
	margin-right: 0px;
	}

	div#contentCenter li {
	margin-right: 0px;
	}
		
	div#contentCenter img {
	margin: 0px;
	padding: 0px;  
	border: 0px;
	}
	
	div#contentCenter p {
	margin: 10px 0;
	text-align: justify;
	}

	.see {
	border-style:solid;
	border-width: 1px;
	border-color: silver;
	background-color: #98d3df;
	}	
	
	.th {
	font-weight: bold;
	color: #ffcc00;
	background-color:#98d3df;
	}

	.cell {
	/*background-color:#0093af;*/
	background: #0093b0;
	}
	
	.info {
	margin: auto;
	/*background-color:#0093af;*/
	background: #0093b0;
	border: solid;
	border-width: 1px;
	border-color: silver;
	}

    div#footer {
		clear: both; 
		font-size: 0.8em;
		color: silver;
		font-weight: bold;
		text-align: center;
    	background: #0093af;
    }
	
    div#footer p {
		margin: 20px 0 10px 0;
		text-align: center ;
    }
	
	h2 {
	    font-size: 1.2em;
		margin: 0 0 10px 0;
		font-weight: bold;
    	color: #000080;
	}
	
	p {
		margin: 0 0 10px 0;
		text-align: justify;
	}

div.figure {
  float: left;
  width: 90%;
  min-width: 400px;
  border: thin white solid;
  margin: 0.5em;
  padding: 0.5em;
}

div.figure p {
  text-align: left;
  font-style: italic;
  font-size:  small;
  text-indent: 0;
}

img.scaled {
  width: 100%;
}