/* FEUILLE DE STYLE SITE ASVV
---------------------------------------------------------*/

/* Les blocs
-------------------------------------------------------- */

body {
margin: 0;
padding:0;
position: absolute;
width: 1024px;
height: 100%;
font-family: verdana, arial, sans-serif;
background: #eee;
}

.menu {
float:left;
width: 113px;
}

.page {
float:left;
width:900px;
overflow: auto;
}

.top {
height:160px;
background: #eee url(images/page.png) repeat-y left top;
}

.main {
background: #eee url(images/page.png) repeat-y left top;
overflow: auto;
padding:0;
}

.contenu {
margin-left: 15px;
margin-top: 0px;
overflow: auto;
width: 870px;
}


#footer{
	text-align:center;
	margin: 0;
	padding: 1em;
	border-top: 1px solid #CCC;
	background: #EEE;
	color: #666;
}



#footer a{
	color: #999;
}

/* Les liens
-------------------------------------------------------- */

a:link {
	font-family: Verdana;
	font-size: 12px;
	color: rgb(59, 78, 144);
	font-weight: bold;
	text-decoration: none;
}
a:visited {
	font-family: Verdana;
	font-size: 12px;
	color: rgb(59, 78, 144);
	font-weight: bold;
	text-decoration: none;
}
a:hover {
	font-family: Verdana;
	font-size: 12px;
	color: #5CBD62;
	font-weight: bold;
	text-decoration: overline;
}
a:active {
	font-family: Verdana;
	font-size: 12px;
	color: rgb(59, 78, 144);
	font-weight: bold;
	text-decoration: none;
}

/* Les éléments de texte
-------------------------------------------------------- */

.Intertitres { font-family: Verdana;
    font-size: 20px;

    color: rgb(59, 78, 144);
    }
.Intertitres2 { font-family: Verdana;
    font-size: 16px;
    font-weight: bold;
    color: rgb(59, 78, 144);
    }

.Intertitres3 { font-family: Verdana;
    font-size: 12px;
    font-weight: bold;
    color: rgb(59, 78, 144);
    }

.Intertitres4 { font-family: Verdana;
    font-size: 12px;
    font-weight: bold;
    color: #33CC00;
    }

.Intertitres5 { font-family: Verdana;
    font-size: 12px;
    font-weight: bold;
    color: #663333;
    }

.Titre { font-family: Verdana;
    font-weight: bold;
    color: rgb(59, 78, 144);
    font-size: 28px;
    }

.Intro { font-family: Verdana;
    font-size: 12px;
    color: rgb(48, 63, 117);
    font-weight: bold;
    display: block;
    width: 70%;
    text-align: justify;
    float: right;
    }

.Legende { font-family: Verdana;
    font-size: 12px;
    color: rgb(48, 63, 117);
    font-weight: bold;
    width: 50%;
    text-align: justify;
    }

.Texte { font-family: Comic sans MS;
    font-size: 14px;
    color: rgb(0, 0, 0);
    text-align: justify;
    }


/* Les bordures
-------------------------------------------------------- */

.Tableau { border: 1px solid rgb(0, 0, 0);
    }

hr 	{
	color: rgb(48, 63, 117);
	background-color: rgb(48, 63, 117);
	border : 1px solid rgb(48, 63, 117);
	}

/* Le menu
-------------------------------------------------------- */

dl, dt, dd, ul, li {
width:105px;
margin: 0;
padding: 0;
list-style-type: none;
list-style: none;
text-align:center;
}

dl#menu {
width: 105px;
margin-left:5px;
}

.dtvide {
border: 0px;
height: 127px;
}

.dttitre {
border: 0px;
height: 50px;
text-align:center;
}

.dtmenu {
border-top:1px solid #fff;
cursor:pointer;
height: 20px;
background-color:#cecece;
line-height: 20px;
text-align: center;
font-weight: bold;
font-family: Verdana;
font-size: 12px;
color: #5c5c5c;
font-weight: bold;
text-decoration: none;
}
.dtmenu:hover{
border-top:1px solid #fff;
cursor:pointer;
height: 20px;
line-height: 20px;
text-align: center;
font-weight: bold;
font-family: Verdana;
background-color:#dcdfff;
font-size: 12px;
color: #000;
font-weight: bold;
text-decoration: none;
}

.dtmenu a:hover{
border-top:1px solid #fff;
cursor:pointer;
height: 20px;
line-height: 20px;
text-align: center;
font-weight: bold;
font-family: Verdana;
font-size: 12px;
color: #000;
font-weight: bold;
text-decoration: none;
}


dl#menu li {
text-align: center;
background: #eee;
}
dl#menu li a, dl#menu dt a {
font-family: Verdana; font-size: 12px;
color : #5c5c5c;
font-weight: bold;
text-decoration: none;
display: block;
border: 0 none;
height: 15px;
}

#menu {
margin-left:5px;
}

dl#menu li a:hover {
background: #dcdfff;
}

#mentions {
font-family: verdana, arial, sans-serif;
position: absolute;
bottom : 200px;
left : 10px;
color: #000;
background-color: #ddd;
}
#mentions a {text-decoration: none;
color: #222;
}
#mentions a:hover{text-decoration: underline;
}

/* Les galleries
-------------------------------------------------------- */

H2 {
	FONT-SIZE: 10px; COLOR: rgb(59, 78, 144); FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif
}
H3 {
	FONT-SIZE: 18px; COLOR: rgb(59, 78, 144); FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif
}
.textsm {
	FONT-SIZE: 14px; COLOR: rgb(59, 78, 144); FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif
}
.textbg {
	FONT-SIZE: 20px; COLOR: rgb(59, 78, 144); FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif
}
.textreg {
	FONT-SIZE: 12px; COLOR: #979797; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif
}