@charset "utf-8";
/* CSS Document */
HTML,BODY 
{
margin:0px;
padding:0px;
background-color:#FFFFFF;
}

BODY, TD, input 
{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#696969;
}

a:link, a:visited
{
text-decoration: underline; 
color: #696969;
}

a:hover, a:active { 
text-decoration: underline; 
color: #fc60fa;
}

.menu1 {
font-size:13px;
font-weight:normal;
color:#696969;
padding-right:25px;
}

.menu1on {
font-size:13px;
font-weight:normal;
color:#fc60fa;
padding-right:25px;
}

.menu2 {
font-size:11px;
font-weight:normal;
color:#696969;
padding-right:25px;
}

.menu2on {
font-size:11px;
font-weight:normal;
color:#fc60fa;
padding-right:25px;
}

.menu3 {
font-size:11px;
font-weight:normal;
color:#696969;
}

.menu3on {
font-size:11px;
font-weight:normal;
color:#fc60fa;
}

.menu4on {
text-decoration:none;
font-style:italic;
}

.menuWhite {
font-size:11px;
font-weight:normal;
color:#FFFFFF;
}

.menu1 a:link, .menu1 a:visited { text-decoration:none; color:#696969 }
.menu2 a:link, .menu2 a:visited { text-decoration:none; color:#696969 }
.menu3 a:link, .menu3 a:visited { text-decoration:none; color:#696969 }
.menu4 a:link, .menu4 a:visited { text-decoration:none; color:#696969; font-style:italic; }
.menuWhite a:link, .menuWhite a:visited { text-decoration:none; color:#FFFFFF }

.menu1 a:hover, .menu1 a:active { text-decoration:none; color:#fc60fa }
.menu2 a:hover, .menu2 a:active { text-decoration:none; color:#fc60fa }
.menu3 a:hover, .menu3 a:active { text-decoration:none; color:#fc60fa }
.menu4 a:hover, .menu4 a:active { text-decoration:none; color:#696969; font-style:italic; }
.menuWhite a:hover, .menuWhite a:active { text-decoration:none; color:#fc60fa }

.menu1on a:link, .menu1on a:visited { text-decoration:none; color:#fc60fa }
.menu2on a:link, .menu2on a:visited { text-decoration:none; color:#fc60fa }
.menu3on a:link, .menu3on a:visited { text-decoration:none; color:#fc60fa }

.menu1on a:hover, .menu1on a:active { text-decoration:none; color:#fc60fa }
.menu2on a:hover, .menu2on a:active { text-decoration:none; color:#fc60fa }
.menu3on a:hover, .menu3on a:active { text-decoration:none; color:#fc60fa }


#BOX {
	top:30px;
	width:100%;
	display:block;
	vertical-align:middle;
	background-color:#ffffff;
	position:absolute;
	}

#WELCOME {
	top:15%;
	width:100%;
	display:block;
	vertical-align:middle;
	background-color:#ffffff;
	position:absolute;
	}

#PhotoView {
	}

.titreblanc { color:#FFFFFF; font-size:14px; font-weight:bold; }
.titrevid { color:#696969; font-size:12px; }

.vid{ border:solid 2px #ffffff; width:90px; height:67px; display:block; }
.vid:hover { border:solid 2px #fc60fa; width:90px; height:67px; display:block; }

.bigTitre { color:#5e5e5e; font-size:20px; font-weight:bold; }

.imglien { border:solid 1px #FFFFFF; width:50; height:50; display:block; }
.imglien:hover { border:solid 1px #fc60fa; width:50; height:50; display:block; }

.imglien100 { border:solid 1px #FFFFFF; display:inherit; }
.imglien100:hover { border:solid 1px #fc60fa; display:inherit; }
 
.inputbutton
{
color: #fc60fa;
font-size: 12px;
font-weight:normal;
text-decoration: none; 
background-color:#FFFFFF;
border-color:#fc60fa;
}


/* dégradé gris clair sur fond blanc */
.fond_degrade
{
 background-image: url(images/fd_h70_invert.jpg);
 background-position: center bottom;
 background-repeat: repeat-x;
 }