A:visited { color: #006699;text-decoration: None; font-weight: bold ;}
A:link { color: #006699;text-decoration: None; font-weight: bold ;}
A:hover {color: #CC0033; background-color: none; font weight: bold ;}

.otherlinks:visited { color: #006699; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; text-align: justify; text-decoration: None; font-weight: bold ;}
.otherlinks:link { color: #006699; font-family: Verdana, Arial, Helvetica, sans-serif;  font-size: 10px; text-align: justify; text-decoration: None; font-weight: bold ;}
.otherlinks:hover {color: #CC0033; font-family: Verdana, Arial, Helvetica, sans-serif;  font-size: 10px; text-align: justify; background-color: none; font weight: bold ;}

.white:visited { color: #FFFFFF; background-color: none; text-decoration: None; font-weight: none;}
.white:link { color: #FFFFFF; background-color: none; text-decoration: None; font-weight: none ;}
.white:hover {color: #FFFF00; background-color: none; text-decoration: None; font-weight: none ;}

.bar1:visited { color: #FFFFFF; background-color: none; text-decoration: None; font-weight: bold ;}
.bar1:link { color: #FFFFFF; background-color: none; text-decoration: None; font-weight: bold ;}
.bar1:hover {color: #FFFF00; background-color: none; text-decoration: None; font-weight: bold ;}

.red:visited { color: #FFFFFF; background-color: none; text-decoration: None; font-weight: bold ;}
.red:link { color: #FFFFFF; background-color: none; text-decoration: None; font-weight: bold ;}
.red:hover {color: #FF0000; background-color: none; text-decoration: None; font-weight: bold ;}

.yellow:visited { color: #FFFF00; background-color: none; text-decoration: None; font-weight: bold ;}
.yellow:link { color: #FFFF00; background-color: none; text-decoration: None; font-weight: bold ;}
.yellow:hover {color: #FF0000; background-color: none; text-decoration: None; font-weight: bold ;}

.grey:visited { color: #999999; background-color: none; text-decoration: None; font-weight: bold ;}
.grey:link { color: #999999; background-color: none; text-decoration: None; font-weight: bold ;}
.grey:hover {color: #FF0000; background-color: none; text-decoration: None; font-weight: bold ;}

.bar2:visited { color: #999999; background-color: none; text-decoration: None; font-weight: bold ;}
.bar2:link { color: #999999; background-color: none; text-decoration: None; font-weight: bold ;}
.bar2:hover {color: #FF0000; background-color: none; text-decoration: None; font-weight: bold ;}

body {
margin: 0px;
padding: 0px;
padding-bottom: 20px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color:black;
background-color:#FFFFFF;
background: url(webdeco/background-blue.jpg) repeat;
}

.titre {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	padding-left:12px;
    padding-top:14px;
    padding-right:0px;
	font-size: 16px;
	text-align:left;
	font-style: normal;
	background-color: transparent;
	background: none;
	background-repeat: no-repeat;
    background-position: 0% 0%; 
	font-weight: bold;
	color: #CCCCCC;
}

.legendephotos {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	text-align: right;
	padding-right:10px;
	font-style: italic;
	font-weight: none;
	color: #CC9966;
}

.legendephotosgauche {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	text-align: justify;
	padding-right:10px;
	font-style: italic;
	font-weight: none;
	color: #CC9966;
}

.footer {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-align: center;
	font-style: normal;
	font-weight: none;
	color: #999999;
}

.center{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	text-align: center;
	font-style: normal;
	font-weight: none;
	color: #336699;
}

.maintext-center {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding-bottom: 0px;
	font-size: 11px;
	text-align: center;
	font-style: normal;
	background-color: #FFFFFF;
	font-weight: none;
	color: #999999;
}

.maintext-small {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding-bottom: 0px;
	font-size: 9px;
	text-align: center;
	font-style: normal;
	background-color: #FFFFFF;
	font-weight: none;
	color: #999999;
}

.maintext {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	padding-left:16px;
    padding-top:16px;
    padding-right:16px;
	font-size: 12px;
	text-align:justify;
	font-style: normal;
	background-color: transparent;
	background: none;
	background-repeat: no-repeat;
    background-position: 0% 0%; 
	font-weight: none;
	color: #006699;
}

.h1 {
background-image: url(webdeco/h1back.png);
background-repeat: no-repeat;
background-position: 5%, 0%; 
/*heignt = distance entre h1 et h2*/
height: 20px;
padding-left: 50px;
padding-top: 0px;
padding-right:0px;
padding-bottom:0px;
	color:#A7BCC2;
	font-family: Arial, Helvetica, sans-serif;
	font-size:28px ;
	font-weight: bold ;
	margin:0px 0 10px 0;
	clear:both;
	width: 100%;
}

.h2 {
background-image: url(http://www.chirurgie-refractive.info/oeil_petit.jpg);
background-x-position: left;
background-y-position: 5%;
background-repeat: no-repeat;
height: 16px;
padding-left: 30px;
padding-top: none;
	color:#006699;
	font-family: Arial, Helvetica, sans-serif;
	font-size:16px ;
	font-weight: bold ;
	margin:10px 0 10px 0;
	clear:both;
}

.h2noimage {
background-image: none;
background-x-position: left;
background-y-position: 5%;
background-repeat: no-repeat;
height: 16px;
padding-left: 4px;
padding-top: none;
	color:#006699;
	font-family: Arial, Helvetica, sans-serif;
	font-size:16px ;
	font-weight: bold ;
	margin:10px 0 10px 0;
	clear:both;
}

.h3 {
background-image: none;
background-repeat: no-repeat;
background-position: 5%, 0%; 
/*heignt = distance entre h1 et h2*/
height: 20px;
padding-left: 0px;
padding-top: 0px;
padding-right:0px;
padding-bottom:0px;
	color:#006699;
	font-family: Arial Narrow, Helvetica, sans-serif;
	font-size:16px ;
	font-weight: bold ;
	margin:0px 0 10px 0;
	clear:both;
	width: 100%;
}

.fma { 
	text-decoration: none; 
	font-family : Arial, sans-serif; 
	font-size: 9pt; 
	color: rgb(255,241,204); 
	text-align: justify;
	background-color: rgb(180,0,0); 

} 
.fmb { 
	text-decoration: none; 
	font-family : Arial, sans-serif; 
	font-size: 9pt; 
	color: rgb(51,2,12); 
	text-align: justify; 
	background-color: rgb(255,250,235); 
	}
	

/*Ici, vous pouvez jouer sur la largeur du menu*/
.buttonmenu{
list-style-type: none;
margin: 0;
padding: 0;
width: 100%;
}

/*définition des liens*/
.buttonmenu li a{
/*main writing*/
color: #336699;
display: block;
width: 200px;
/*height and width*/
padding: 4px 10px;
text-decoration: none;
font-weight: bold;
border-right: 0px solid #006699; 
border-left: 0px solid #006699;
border-top: 1px solid #006699;
border-bottom: 1px solid #006699;
margin-right: 0px;
/*Couleur des bords clair foncé foncé clair*/
border-color: white;
/*button background*/
background-color: #F2F2F2;
text-decoration:none;
}

.buttonmenu li a:visited{
color: #336699;
}

/*Ici, c'est pour le survol des liens*/
.buttonmenu li a:hover, .buttonmenu li a:active{
color: #336699;
background-color: #CCCCCC;
}