body {color: #230d11; background:#fdfffc;

font:10pt Tahoma;  position:relative; left:0; width:100%; 

margin:20 0 50 60;}

#intro2 {position:absolute; top:90; left:270; width:475; padding:30; }

#intro4 {position:absolute; top:110; left:10; right:10; padding:10; }

#red {color:red; font-weight: 700; font-family: Arial; font-size: 14pt; }

#equipesub {position:relative; top:0; left:0;  padding:0;}


#equipesub a.rich, #equipesub a.rich:visited {display:block; width:100%;  line-height:55px; background:url('images/richards.jpg' ); background-repeat:no-repeat;}


#equipesub a.rich:hover {display:block; width:100%; cursor:pointer; background:url('images/richard-smile1.jpg'); background-repeat:no-repeat;}

#introequipe {position:absolute; top:200; left:225; width:475; padding:30; }


#info {position:absolute; top:75; left:10%;  padding:5; }

#info li span.bar {display:none; color:#white;}



.signature 
{position:relative; 
	float:right; 
	padding-right: 15;
	top: 8;
	font-weight: 700; font-family: Arial; font-size: 10pt;}
	
.copyright 
{position:relative; 
	float:left; 
	padding-right: 12;
	top: 0;
	font-weight: 700; font-family: Arial; font-size: 0.5em;}

.quote 
{position:relative; 
	MARGIN: 15 5% 20;  
 	font-style:oblique; font-family: times, Arial; font-size: 12pt;}
 	
 .born 
{position:relative; 
	MARGIN: 5 5% 5;  
 	 font-weight: bold; color:grey; font-family: Arial; font-size: 10pt;}


#submenu {position:absolute; top:135; left:0;  padding:0;}


#submenu menu li { list-style: none; background: url("images/separator.jpg") no-repeat ; padding:8;}


#contact menu li {margin-left: 0;
	padding: 3px 6px;
	border-left-color: orange; 
	border-left-width: 1px; 
	border-left-style: solid;
	list-style: none;
	display: inline;}
	
#contact menu li.first {
	margin-left: 0;
	border-left: none;
	list-style: none;
	display: inline;
	}

#menu li dd .menudrop {display:none; color: white ; position:absolute; right:80; color:none;  font-size:1em; padding:4;}
#menu li dd:hover .menudrop {display:block; color: #white; background-color:#d7242b; z-index:4; }


<!-------- slogan and logo ---->

#slogan a img {position:absolute; top:5; left:400; width:200; padding:5; float:left; }
 
#slogan span {position:absolute; top:85; left:20; font:lighter 10pt Arial;
 font-style:italic;  color: #d7242b; text-decoration:none; font-weight:normal;}
 
#contact {position:absolute; top:15; right:10%; font: 12pt Arial; color:grey; text-decoration:none; font-weight:normal;}


<!----- colours ----->


a { color:grey; }
a:hover { color:black; text-decoration:none; font-weight:normal; }

#intro2, #intro2 p { color: #230d11;}
#intro2 a, a:link, a:visited { border-bottom:#FFF6E8; color:#CC0033;}

body a:hover, 
#intro2 a:hover, 
#submenu menu li a:hover, 
#contact a:hover, 
#introequipe  a:hover, 
#equipesub  a:hover  { color: white ; background: #d7242b; }


h1, h2, h3  { color: #454A4A; }
hr {color: #grey; background: #grey; }
body span.bold {font-size:1.2em; color: #d7242b; font-weight:bold;}

/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/opaque_dl.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the assocaited (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

<!--old menu-->



#menu dd {display:none; background: transparent; clear:left; margin:0; padding:0; color: #CC0033; font-size: 1.2em; text-align:left;}

#menu dt a, #menu dt a:visited {display:block; color:#CC0033;  text-decoration:none;}
#menu dd a, #menu dd a:visited {color:#CC0033; text-decoration:none; display:block; padding: 5px 10px;}

#menu li a:hover {border:0; text-decoration:underline;}

#menu li:hover dd, #menu li a:hover dd {display:block;}
#menu li:hover dl, #menu li a:hover dl {padding-bottom:15px;}
#menu li:hover dt a, #menu li a:hover dt a, #menu dd a:hover {color: #fff10a; background:#d7242b;}

#menu ul {background:#d7242b;}

<!-- end of old menu-->


#menu {list-style-type:none; margin:5px 10px 30px 120px; padding:0; }

#menu li {display:block; float:left; position:relative; z-index:100; margin-right:0px;}

#menu li span.bar {display:block; z-index:-2; position: relative; margin:0; top:0;  padding: 15px; font-size:12pt; color: #ffe57d;}

#menu li a, #menu li a:visited {display:block; padding:0; white-space:nowrap;}

#menu dl {position:absolute; top:0; left:0; margin: 0; padding: 0; background:#ffe57d;}

#menu dt, #menu li dl dt a {margin:3; padding: 2px; font-size: 12pt; float:left;}

#menu dd
{display:none; clear:left; margin:0; padding: 4px 4px; font-size: 1.2em; text-align:left;}

#menu dd a {font-size: 1.2em; }

#menu dt a, #menu dt a:visited 
{display:block; padding: 0px 0px; text-decoration:none;  }

/*, #menu dd a:visited */

#menu dd a:hover {font-size:1.2em; text-decoration:none; display:block; }


#menu dd a span.menucomment  {padding: 0; text-decoration:none; display:block; font-size: 0.8em;}



/*for IE */
#menu li a:hover {border:0; text-decoration:none; }

#menu li:hover dd {display:block; font-size:1.2em;}

/*for IE */
#menu li a:hover dd {display:block;}

#menu li:hover dl, #menu li a:hover dl {padding-bottom:15px;}


<!---- menu text colour-->

<!--- drop down background colour--->
#menu dl, #menu dd, #menu li  { background:#fffae4;}
* html #menu dl { background:#ffe57d;}

<!---menu bar background-->
#menu dt a, #menu dt a:visited { background:#ffe57d;}

<!--- menu drop down text colour--->

#menu dd, #menu dd a, #menu dt a, #menu dt a:visited { 
	color: #230d11; background:#fffae4;}


<!--- menu hover colours--->

#menu dd a:hover, #menu dd a span.menucomment, #menu dd a:hover span.menucomment {
	color: #fff10a ; background: #grey; }

 
 
#menu li:hover dt a, #menu li a:hover dt, #menu dd a:hover {
	color:white;  background:#d7242b;}


<!-------end of menu------->



	

h1,h2,h3,h4,h5,h6 {text-transform: lowercase; font-family:Helvetica,Arial,Sans-serif; }

	 
h1 { font-size:  16pt ; }	 
h2 { font-size:  14pt ; border-bottom:1px solid black;}	  
h3 { font-size:  12pt ; padding-left: 20px; margin-bottom: -3px;}
h4 { font: lighter 12pt Tahoma; margin-bottom: -3px;}	
h5 { font: lighter 16pt Tahoma;color: #22723d; margin-bottom: -1px; border-bottom:1px solid yellow;}		 	  

hr { width: 50%; height:2px;}


#intro2 p {text-indent: 11px; font-size:11pt; }		



#intro2 ul li {font-size:12pt; margin-bottom: 5px;}

#intro2 ul li li { padding: 5;}

	
	
#intro2 a, a:link, a:visited { 
font-family: Arial, Helvetica, sans-serif; 
font-size: 10pt;  
text-decoration: none; 
font-weight:normal;
}

#intro2 a:hover
{ font-family: Arial, Helvetica, sans-serif; 
font-size: 10pt;  text-decoration: none; font-weight:normal; border-bottom: 1px solid #B10000; }

#intro2 a.large, a.large:hover, a.large:visited, a.large:link { font: 12pt sans-serif; text-decoration: none;}

a, a:link, a:visited, a:hover {border: 0; border-bottom: 0; }

a {font: 10pt Arial; text-decoration:none; font-weight:normal;}

a:hover {font: 10pt Arial;  text-decoration:none; font-weight:normal;}




p, table, ul, li  { font: 10pt Tahoma; text-align:justify; text-transform: none;}

table  { border-collapse: collapse; border: 0 solid;  } 
 



img.left-floating {float: left; margin: 1em }

img.left-float-menu {float: left; margin: 0.4em }

img.left-float-list {float: right; margin: 1em; border:0; height:60px;}


img.vignette {float: left; margin: 0em; width: 50px; border: 0 }

img.creation-up {margin: 0em; width: 100px; border: 0 }

img.creation-side {margin: 0em; height: 100px; border: 0 }

.names { text-transform: lowercase; font-family: sans-serif; display: block; border: 0; padding-left: 4px; font-size: 10pt; }


li.creations {display:inline}

#info {padding-bottom:100px;}







<!-------- css for diaporama home page- text-align:center;--->

/* default link style - needed to make the :active work correctly in IE */
#gallery a, #gallery a:visited, #gallery a:hover, #gallery a:active {
color: #230d11;
}



#gallery {
padding:0; 
margin:0; 
list-style-type:none; 
position:relative;
overflow:hidden;
width:550;
height:500;
margin:0 auto 20px auto;
}

#gallery img {
border:0;
}
#gallery li {
float:left;
width:700; 
height:400;
display:none;
}
#gallery li a {display:block; width:400px; height:400px; border:0;}

#gallery li a img {
display:block;
border:0;
}


#gallery li a img.landscape {

border:0;
width:150;

position:absolute;
top:0;
left:20;

/* for IE */
  filter:alpha(opacity=80);
  /* CSS3 standard */
  opacity:0.8;
}

#gallery li a img.landscape2 {

border:0;
width:150;
position:absolute;
top:0;

left:150;

/* for IE */
  filter:alpha(opacity=80);
  /* CSS3 standard */
  opacity:0.8;
}


#gallery li a img.portrait {

border:0;
height:150;
position:absolute;
top:10;
right:20;

/* for IE */
  filter:alpha(opacity=80);
  /* CSS3 standard */
  opacity:0.8;
}

#gallery li a img.portrait2 {

border:0;
height:150;
position:absolute;
top:20;
right:40;

/* for IE */
  filter:alpha(opacity=80);
  /* CSS3 standard */
  opacity:0.8;
}



#gallery li.current {display:block;}



dl.image_map {display:block; width:734px; height:500px; background:url(http://www.courantdart-voix.com/uploaded_files/2201007210444416_site%20courant.gif); position:relative; margin:0px auto 0px auto;}
	a.LINK0 {left:1654px; top:150px; background:transparent;}
	a.LINK0 {display:block; width:777px; height:0; padding-top:287px; overflow:hidden; position:absolute;}
	a.LINK0:hover  {background:transparent; border:1px dashed black; color:black;}
	a.LINK1 {left:892px; top:403px; background:transparent;}
	a.LINK1 {display:block; width:498px; height:0; padding-top:242px; overflow:hidden; position:absolute;}
	a.LINK1:hover  {background:transparent; border:1px dashed black; color:black;}
	a.LINK2 {left:331px; top:697px; background:transparent;}
	a.LINK2 {display:block; width:555px; height:0; padding-top:258px; overflow:hidden; position:absolute;}
	a.LINK2:hover  {background:transparent; border:1px dashed black; color:black;}
	a.BLINK {left:2596px; top:1769px; background:transparent;}
	a.BLINK {display:block; width:202px; height:17px; overflow:hidden; position:absolute; font-size:0px;}
	a.BLINK:hover  {background:black; border:1px dashed white; color:white; font-size:9px;}