#mainwin {
	top:21px;
	left:130px;
	width:640px;
	position:absolute;
	}
#contenumenuhaut {
	top:0px;
	left:130px;
	width:640px;
	height:20px;
	position:absolute;
	}

.formu {
	border: 1px solid #CCCCCC;
	padding:1px;
	background:#EEEEEE;
	}
	
h1, h2, h3 {
	  font-family:  Verdana, Helvetica, Arial, sans-serif;
	  color:#C70000;
	  font-weight:bold;
	}
h1 { font-size: 14pt; }
h2 { font-size: 12pt; }
h3 { font-size: 10pt; }
BODY  
	{ 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#404040;
	font-weight:bold;
	border-spacing: 0px;
	border-collapse: collapse;
	background-color: #ffffff;
	border: none;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	}
TD, P 
	{ 
	  font-family: Verdana, Arial, Helvetica, sans-serif;
	  font-size: 12px; 
	}
TABLE.rightpage, .rightpage TD, .rightpage TR
	{
	border-collapse: collapse;
	border: none;
	padding: 0px;
	border-spacing: 0px;
	margin: 0px;
	vertical-align: top;
	}
TD.text, TD.text2
	{
	text-align:justify;
	border-left: 1px solid #CCCCCC;
	padding-left: 6px;
	padding-right: 0px;
	background-repeat:no-repeat;
	}
.titretable TD, td.row_bleu
	{
	height:22px;
	background-image: url(/images/bg-titre.gif);
	border: 1px solid #DDDDDD;
	background-color:#EEEEEE;
	text-align:center;
	font-weight:bold;
	font-family:verdana, arial, sans-serif;
	font-size: 12px;
	color: #337777;
	}
.text ul, .text2 ul { list-style-image: url(/images/puce.gif); } 
.text2 ul { margin-bottom:0; margin-top:0; margin-left:6px; padding-left:10px; } 
.text li { margin-bottom: 4px; }
.imgdroite
	{
	float: right;
	padding: 0px 0px 2px 6px;
	margin: 0px;
	caption-side: bottom;
	border-width: 0px;
	}
.hid { display:none; color:#FFFFFF; background-color:#FFFFFF; }
.copyright {font-size:10px; font-style:italic; color:#666666; }
	
TABLE.rightpage
	{
	width: 640px;
	}

.titre TD
	{
	border-bottom: 1px solid #CCCCCC; 
	border-right: 1px solid #CCCCCC;
	background-repeat:no-repeat;
	vertical-align: middle;
	}

TR.titre
	{
	height: 80px;
	}


.legende, .modcaption
	{
	text-align: center;
	font-style:	italic;
	font-family: Helvetica, sans-serif;
	font-size: 10pt;
	color: #B04040;
	}

/*------------------------------------------------*/
a.Blanc		 {font-family: Verdana; color: #FFFFFF; font-size: 10px}

/* couleur des fonds tableaux */
td.row_blanc	{background-color: #FFFFFF;}
td.row_gris	{background-color: #f0f0f0;border: 1px solid #CCCCCC;}
/*td.row_bleu	{background-color: #DDDDDD;border: 1px solid #CCCCCC;}*/

/* couleur du texte */
.Arial_Big_Rouge		{font-family: Arial; color: #CC3300; font-size: 22px}
.Verdana_gris		{font-family: Verdana; color: #337777; font-size: 10px}
.Verdana_blanc		{font-family: Verdana; color: #990000; font-size: 10px}
.Verdana_rouge_clair		{font-family: Verdana; color: #cc3300; font-size: 10pt}
.Arial_rouge_fonce	{font-family: Arial; color: #990000; font-size: 10px}
.Gris_prec_suiv		{font-family: Verdana; color: #C0C0C0; font-size: 10px}

/* couleur du tableau */
.table_blanc	{background-color: #FFFFFF;}

/* boutons */
input,textarea, select {
	color : #222222;
	background-color: #f9f9f9;
	font: normal 10pt Verdana, Arial, Helvetica, sans-serif;
	border-color : #CCCCCC;
	border-style: solid; 
	border-width: 1px
}

input.normal {
	background-color : #EFEFEF;
	color : #000000;
	font-size: 11px; font-family: Verdana;
}

/*----------------------------------------------------------*/
a:link	 	{text-decoration:underline ; color:#C70000;}
a:visited	{text-decoration:underline ; color:#C70000;}
a:hover		{text-decoration:underline ; color:#aaaaaa;}
a:active	{text-decoration:underline ; color:#C70000;}


/* 
   text styles 
*/
.title                          /* album titles on main page */
	{ 
	  line-height:140%;
	  padding-right:2px;
	  padding-left:3px;
	}
.title a,
.title a:link,
.title a:visited,
.title a:active {
	  font-family:verdana, arial, sans-serif;
	  color:#000000;
	  font-size:x-small;
	  font-weight:bold;
	  letter-spacing: .2em;  
	  text-decoration: none;
	}
.title a:hover {
	  color: #C0C0C0;
	  text-decoration: none;
	} 
	
.mod_title	/* album title  Text is controled by .title */ 
	{ 
	  width: 100%;
	  height: 34px;
	}
.mod_title_bg	/* album title hightlight Text is controled by .title */ 
	{ 
	  background-image: url(../images/mod_toplight_bg.jpg);
	  height: 34px;
	}
.mod_title_right  /* album title hightlight  Text is controled by .title*/ 
	{ 
	  background-image: url(../images/mod_toplight_right.jpg);
	  height: 34px;
	  width: 17px;
	}
.mod_title_left  /* album title hightlight  Text is controled by .title */ 
	{ 
	  background-image: url(../images/mod_toplight_left.jpg);
	  height: 34px;
	  width: 17px;
	}
.albumdesc  /*album description includes all text and background*/
	{
	  font-family:verdana, arial, sans-serif;
	  color:#404040;
	  font-size:x-small;
	  font-weight:bold;
	  background-color: #ffffff;
	  line-height:140%;
	  padding:2px;
	  margin-top:2px;		
	  border:0px solid #404040;
	}
.desc  /* album descriptions on main page just description and author*/
	{ 
	  font-family:verdana, arial, sans-serif;
	  color:#404040;
	  font-size:x-small;
	  font-weight:bold;
	  line-height:140%;
	  padding:2px;
	  margin-top:2px;		
	  letter-spacing: .2em; 
	}
.caption  /* photo captions on all pages */
	{ 
	  font-size: 10px; 	
	}
.error  /* all error text */
	{ 
	  color: red; 
	  font-size: 12px; 
	}
.attention /* voting instruction */
	{
	}
.headbox  /* box around the page headers */
	{
	}
.head  /* page headers behind the Gallery title*/
	{ 
	  font-family:verdana, arial, sans-serif;
	  color:#000000;
	  font-size: 16px;
	  font-weight:bold;
	  padding-left:2px;
	  padding-right:2px;
	  line-height:140%;
	  letter-spacing: .2em;
	  border:0px dashed #404040;
	  height: 28px;  
	}
.mod_headliner  /* Gallery & Album titles. Text is controled by .head */ 
	{ 
	  width: 100%;
	  height: 34px;
	}
.mod_toplight_bg  /* Gallery & Album titles. Text is controled by .head */ 
	{ 
	  background-image: url(../images/mod_toplight_bg.jpg);
	  height: 34px;
	}
.mod_toplight_right  /* Gallery & Album titles. Text is controled by .head*/ 
	{ 
	  background-image: url(../images/mod_toplight_right.jpg);
	  height: 34px;
	  width: 17px;
	}
.mod_toplight_left  /* Gallery & Album titles. Text is controled by .head */ 
	{ 
	  background-image: url(../images/mod_toplight_left.jpg);
	  height: 34px;
	  width: 17px
	}
.bread  /* used in breadcrumb bars */
	{ 
	  font-size: 10px; 
	}
.bordertop
	{
	}
.borderright
	{
	}
.borderleft
	{
	}
.fineprint  /* used for fine print */
	{ 
	  font-size: 10px; 
	}
.popuphead
	{
	  font-size: 16px;
 	  font-weight: bold;
	  color: #404040;
	}
.popup
	{
	  font-size: 12px;
	  font-weight: bold;
	  color: #404040;	  
	}
.editlink,  /* Used for the [edit] tags */
.editlink a,
.editlink a:link,
.editlink a:visited,
.editlink a:active
	{
	  font-size: 10px;
	  font-weight: normal;
	  color: #404040;
        }
.modnavbox  /* main navigation bar next and previous */ 
	{ 
	  margin-top:2px;
	  font-family:verdana, arial, sans-serif;	
	  color:#404040;
	  font-size: 12px; 
	  font-weight:bold;
	  background-image: url(../images/mod_navbar.jpg);
	  line-height:140%;
	  letter-spacing: .2em;
	  border:0px dashed #404040;
	  width: 100%;
	  height: 18px;
	}
.modnavbox a,
.modnavbox a:link,
.modnavbox a:visited,
.modnavbox a:active {
	  font-weight: normal;
	  color:#404040;
	  text-decoration: none;
	}
.modnavbox a:hover {
	  font-weight: normal;
	  color: #C0C0C0;
	  text-decoration: underline;
	}
.admin  /* used in admin bars - the serch text*/
	{ 
	  font-size: 10px;
	  color: #222222; 
	  font-weight: bold;
	}

.adminform
        {
          font-size: 10px;
          font-weight: bold;
          color: #5E8EFA;
        }

.search  /* used in admin bars - the serch text*/
	{ 
	  font-size: 10px;
	  color: #404040; 
	  font-weight: bold;
	}
.leftspacer /* amount of space to the left of the header and titles */
	{
	  width: 50px;
	}
.modnavboxtop  /*navagation bar top of screen where admin buttons show*/
	{ 
	  font-family:verdana, arial, sans-serif;
	  color: #222222;
	  font-size: 10px;
	  font-weight:bold;
	  background-color: #ffffff;
	  line-height:140%;
	  letter-spacing: .1em;
	  border:0px dashed #404040;
	  width: 100%  
	}
.modnavboxtop a,
.modnavboxtop a:link,
.modnavboxtop a:visited,
.modnavboxtop a:active,
.nav a, 
.nav a:link,
.nav a:visited,
.nav a:active {
	  font-weight: normal;
	  color: #c70000;
	  text-decoration: none;
	}
.modnavboxtop a:hover,
.nav a:hover {
	  font-weight: normal;
	  color: #C0C0C0;
	  text-decoration: none;
	}
.modnavboxmid  /*navagation bar middle where the link for the albums show*/
	{ 
	height:22px;
	background-image: url(/images/bg-titre.gif);
	border: 1px solid #DDDDDD;
	background-color:#EEEEEE;
	font-weight:bold;
	font-family:verdana, arial, sans-serif;
	font-size: 10px;
	width: 100%;
	color: #337777;
	}
.modnavboxmid TD { padding-top:3px; }
/***** CSS pour le menu *****/
@media print {
/*A l'impression on cache le menu, marche au moins pour IE, Moz et Op?ra.*/
	.menu, .ssmenu, .logo, .menuhaut, .newsletter {
		visibility:hidden;
	}
}

.newsletter {
 	font-size:12px;
	width:120px; 
	left:0px;
	top:451px;
	position:absolute;
	font-weight:normal;
	color:black;
	border: 1px solid #CCCCCC;
	padding:1px;
	background:#EEEEEE;
 }
 
<!--  style inutile -->
 .news {
	width:120px; 
	left:0px;
	top:130px;
	margin:0px;
	position:absolute;
	border: 1px solid #CCCCCC;
	border-collapse: collapse;
	border: none;
	padding: 0px;
	border-spacing: 0px;
	margin: 0px;
	vertical-align: top;
	background:#EEEEEE;
 }

.newslnk {
 	font-size:10px;
	font-family: arial, sans-serif, Verdana;
	font-weight:normal;
	text-decoration:none;
}
.newslnk a, .newslnk a:visited {
	text-decoration:underline;
	color: #C70000;
}
.newslnk a:hover {
	background-color:#cccccc;
	text-decoration:none;
}
 
.logo{
	color:white;
	width:120px;
	height:120px;
	left:0px;
	top:0px;
	position:absolute;
	margin:0px;
}

.menu, .ssmenu, .menuhaut {
	font-size:12px;
	color:black;
	border: 1px solid #CCCCCC;
	padding:1px;
	font-weight:bold;
	background:#EEEEEE;
}
.menuhaut {
	margin:0px;
	text-align:center;
	background-image: url(/images/bg-menuhaut.gif);
	background-repeat:repeat-x;
	}
.menu {
	text-align:center;
	background-image: url(/images/bg-menu.gif);
	background-repeat:repeat-y;
	margin:0px;
	left:0px;
	width:120px;
	position:absolute;
	z-index:2;
}
.ssmenu {
	margin:0px;
	text-align:left;
	width:150px;
	left:125px;
	position:absolute;
	z-index:3;
	background-repeat:no-repeat;
	}

.menu span, .ssmenu span, .menuhaut span {
	display:none;
}

.ssmenu ul, .ssmenu li {
	padding:0;
	margin:0;
	list-style-type:none;
}
ul.ssmenu {width:150px;}

.menu a, .ssmenu a, .menuhaut a, .menu a:visited, .ssmenu a:visited, .menuhaut a:visited {
	font-family:MS Sans Serif, arial, sans-serif, Verdana;
	text-decoration:none;
	color: #C70000;
	padding:2px 1px;
	display:block;
	margin:0px;
	width:100%;
	voice-family: "\"}\"";
	voice-family:inherit;
}
html>body .menu a, .ssmenu a, .menuhaut a, .menu a:visited, .menuhaut a:visited, .ssmenu a:visited, .menuhaut a:visited { 
	width :auto;
}

.ssmenu ul:hover, .ssmenu a:hover, .ssmenu a:focus, .menu a:hover, .menu a:focus {
	background-color:#cccccc;
	color:#330000;
	text-decoration:none;
	FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=1,startColorStr=#BBBBBB,endColorStr=#DDDDDD);
}

.menuhaut a:hover, .menuhaut a:focus {
	background-color:#cccccc;
	color:#330000;
	text-decoration:none;
	FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#CCCCCC,endColorStr=#EEEEEE);
}