body 		{
			background-color: #FFFFFF;
			margin: 0px;
			padding: 0px;
			border: 0px;
			}

			
#outerbox 	{
			width: 720px;
			background-color: #FFFFFF;
			border-top: 10px solid #FFFFFF;
			}			
		
#mainbox 	{
			width: 700px;
			background-color: #FFFFFF;
			}
			
.audio {
	background-color: #EFEFEF;
	}

.container {
	position: relative;
	overflow: auto;
	}
	
#bio {
	font-family:"Times New Roman, Times, serif";
			font-size:16px!important;
			font-color:#57606F;
			text-align:left;
	
	}
	
#biostitre {
	font-family:"Arial";
			font-size:16px!important;
			font-color:#57606F;
			text-align:left;
			font-weight: bold;
	
	}
	
	h7 {
	font-family:"Arial";
			font-size:16px!important;
			font-color:#57606F;
			text-align:left;
			font-weight: bold;
	
	}
	
.container2 {
	position: relative;
	overflow: auto;
	}

div#contentz {
	float: left;
	width: 380px;
	line-height: 20px;
	}
	
div#sidebarz {
	float: right;
	width: 220px;
	line-height: 20px;
	}
	
div#contentz1 {
	float: left;
	width: 300px;
	text-align:center
	}
	
div#sidebarz1 {
	float: right;
	width: 300px;
	text-align:center
	}
	
div.imgal
{
  margin: 10px;
  border: 1px solid #BBBBBB;
  height: auto;
  width: auto;
  float: left;
  text-align: center;
  padding: 6px;
}	
div.imgal imgal
{
  display: inline;
  text-align:center;
  margin: 3px;
  border: 1px solid #BBBBBB;
}
div.imgal a:hover imgal {border: 0px;}


#moncadre {
width:125px;
margin:auto;
padding:10px;
background-color:#FFFFFF;
border-left:1px solid #E2DDE1; /* couleur du cadre */
border-right:1px solid #E2DDE1;
border-bottom:1px solid #E2DDE1;
border-top:1px solid #E2DDE1;
font-family: arial, sans-serif;
			font-size: 10px;
			color: #929292;
			text-decoration: none;
}		
			
#l1_topbox	{
			height: 130px;
			background-image:url(pochettes/entete.gif);
			background-repeat:no-repeat;
			}

#l2_topbox	{
			height: 30px;
			font-family:"Arial";
			font-size:17px;
			font-color:#57606F;
			text-align:center;
			font-weight: bold;
			clear:both;
			}

#middlebox {
			position:relative;
			}

		
#middlebox1 {
			float:left;
			width: 103px;
			height: 650px;
			background-image:url(pochettes/COTE.gif);
			}
			
#middlebox2 {
			float:right;
			width: 570px;
			height:auto;
			font-family:"Arial"!important;
			font-size:18px;
			text-decoration: none;
			padding:10px;
}		
			
			
.lightswitch 	{
			text-align: right;
			font-family: arial, sans-serif;
			font-size: 10px;
				}
				
a.lightswitch	{
			font-family: arial, sans-serif;
			font-size: 10px;
			color: #BBBBBB;
			text-decoration: none;	
			} 
			
a.lightswitch:hover	{
			font-family: arial, sans-serif;
			font-size: 10px;
			color: #EEEEEE;
			text-decoration: none;	
			} 	
			
#l2_froskorg{
			font-family: arial, sans-serif;
			font-size: 30px;
			text-align: left;
			color: #BBBBBB;
			}
			
a.l2_froskorg{
			font-family: arial, sans-serif;
			font-size: 30px;
			text-align: left;
			color: #BBBBBB;
			text-decoration: none;
			}

a.l2_froskorg:hover{
			font-family: arial, sans-serif;
			font-size: 30px;
			text-align: left;
			color: #EEEEEE;
			text-decoration: none;
			}

#contenu2	{
			text-align: left;
			font-family: arial, sans-serif;
			font-size: 14px;
			color: #57606F;
			}

#l2_navbar	{
			text-align: left;
			font-family: arial, sans-serif;
			font-size: 10px;
			color: #BBBBBB;
			}
			
.Section1 { 
padding-left:15px;
padding-right:15px;
text-align:justify;
font-size:12px;
}


			
a.mainbox	{
			color: #57606F;
			text-decoration: none;	
			}
			
#middlebox2 p	{
			color: #57606F;
			}
			
#middlebox2 a:link	{
			color: #57606F;
			text-decoration: none;	
			}
			
#middlebox2 a:visited	{
			color: #57606F;
			text-decoration: none;	
			}
			
#middlebox2 a:hover	{
			color: #57606F;
			text-decoration: underline;		
			}
			
#middlebox2 a:active	{
			color: #57606F;
			text-decoration: none;	
			}
			
.menuitem {
			
			bottom: 0px;
			text-align:center;
			}			

.menuitem a:link	{
			color: #57606F;
			text-decoration: none;	
			}
			
.menuitem a:visited	{
			color: #57606F;
			text-decoration: none;	
			}
			
.menuitem a:hover	{
			color: #57606F;
			text-decoration: underline;		
			}
			
.menuitem a:active	{
			color: #57606F;
			text-decoration: none;	
			}
			
a.navlink	{
			font-family: arial, sans-serif;
			font-size: 12px;
			color: #929292;
			text-decoration: none;	
			}

a.navlink:hover	{
			font-family: arial, sans-serif;
			font-size: 12px;
			color: #005970;	
			text-decoration: none;
			}
			
a.navlink2	{
			font-family: arial, sans-serif;
			font-size: 10px;
			color: #929292;
			text-decoration: none;	
			}

a.navlink2:hover	{
			font-family: arial, sans-serif;
			font-size: 10px;
			color: #005970;	
			text-decoration: none;
			}
			
#l2_content {
			margin: 0px;
			padding: 0px;
			border: 0px;
			}		
			
#indeximagebox {
				width: 600px;
				height: 250px;
				border-top: 5px solid #DDDDDD;
				border-bottom: 5px solid #DDDDDD;
				margin-bottom: 5px;
				padding: 0px;
				}
				
.contentbox	{
			width: 600px;
			background-color: #FFFFFF;
			margin: 0px;
			padding: 0px;
			border: 0px;
			text-align: justify;
			font-family: arial, sans-serif;
			font-size: 10px;
			color: #BBBBBB;
			}
			
.contentboxheader	{
					background-color: #EEEEEE;
					border-top: 5px solid #DDDDDD;
					color: #BBBBBB;
					font-size: 18px;
					padding: 8px;
					}
					
.projectlisting	{
				padding:	4px;
				border: 0px;
				margin: 0px;
				}

a.projectlistinglink	{
						border-bottom: 1px dotted #EEEEEE;
						display: block;
						margin: 0px;
						padding: 0px;
						text-align: left;
						font-family: arial, sans-serif;
						font-size: 10px;
						color: #BBBBBB;
						text-decoration: none;	
						}

a.projectlistinglink:hover	{
						border-bottom: 1px dotted #EEEEEE;
						display: block;
						margin: 0px;
						padding: 0px;
						text-align: left;
						font-family: arial, sans-serif;
						font-size: 10px;
						color: #EEEEEE;
						text-decoration: none;	
						}
						
.contactinformationimagebox {
				width: 300px;
				height: 60px;
				border-top: 5px solid #DDDDDD;
				border-bottom: 5px solid #DDDDDD;
				margin: 0px;
				padding: 0px;
							}

.miscimagebox	 {
				width: 300px;
				height: 60px;
				border-top: 5px solid #DDDDDD;
				border-bottom: 5px solid #DDDDDD;
				margin: 0px;
				padding: 0px;
							}
							
							
#l2_bottombox	{
			font-family: arial, sans-serif;
			font-size: 10px;
			text-align: right;
			color: #BBBBBB;
			border-top: 5px solid #DDDDDD;
			margin-top: 0px;
			padding: 0px;
			height: 120px;
			clear: both;
				}
				
a.bottomboxlink	{
			font-family: arial, sans-serif;
			font-size: 10px;
			color: #BBBBBB;
			text-decoration: none;	
			}

a.bottomboxlink:hover	{
			font-family: arial, sans-serif;
			font-size: 10px;
			color: #EEEEEE;	
			text-decoration: none;
			}
				
img { 	padding	: 0px;
		margin	: 0px;
		border	: 0px; }