body {
	background-image:	url(../fonds/background-trame.jpg);
	font-family: "Times New Roman", Times, sans-serif;
	font-size: 18px
	}
	
h1 {
	font-size: 280%;
	font-style: italic;
	color:	#3173a3;
	text-align: center;
	}

h2 {
	font-size: 180%;
	text-align: center;
	font-weight: normal;
	}

h3 {
	font-size: 130%;
	text-align: center;
	font-weight: normal;
	}

td h3 {
	margin: 10px 0;
	}
	
h4 {
	font-size: 110%;
	font-weight: bold;
	text-indent: 40px;
	}

td {
	padding: 5px;
	font-size: 92%;
}

/* conteneurs */

#conteneur {
	position:absolute;
	left:25px;
	top:10px;
	width:96%;
	height: 100px;
	display: block;
	padding: 0;
	margin: 0;
	font-weight: normal;
	}
	
#agenda {
	left:15px;
	top:10px;
	width:96%;
	display: block;
	padding: 0;
	margin: 0;
	clear: both;
	}
	
#menu {
	float: left;
	display: block;
	width: 240px;
	margin-bottom: 20px;
	}
	
#boite-contact {
	display: block;
	width: 100%;
	float: left;
}
	
	
/* menu vertical */

#vert {
	list-style-type: none;
	padding: 0px;
	margin: 0;
	display: block;
}

#vert li {
	width: 170px;
	font-weight: bold;
}

#spec {position:relative;
	left: 70px;;
}

#pin {position:relative;
	left: 72px;
}

#art {
	position:relative;
	left: 73px;
}

#ins {
	position:relative;
	left: 72px;
}

#con {
	position:relative;
	left: 70px;
}

#pho {
	position:relative;
	left: 66px;
}

#fic {
	position:relative;
	left: 62px;
}

#dis {
	position:relative;
	left: 57px;
}

#age {
	position:relative;
	left: 50px;
	visibility: hidden;
	display: none;
}

#cop {
	position:relative;
	left: 50px;
}

#lie {
	position:relative;
	left: 42px;
}

#pen {
	position:relative;
	left: 31px;
}


#pin-photo {
	position:absolute;
	left: -5px;
	top :0;
	z-index: 10;
}

/* liens menu vertical */


ul#vert a {
	text-decoration: none;
	color: #3173a3;
	display: block;
	font-weight:bold;
	font-size: 95%;
	padding-left: 2px;
		}

ul#vert a:visited {
	color: #3C90CC;
	}

ul#vert a:hover {
	color: #F4ECDA;
	background-color: #3173a3;
		}

ul#vert a:active {
	color:#3173a3;
	background-color: #FFE1AC;
	}

/* page de liens*/

ul#liens {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	}

#liens li {
	margin: 10px;
	padding: 10px;
	}
	
#liens a {
	background-image: url(../photos/outils/filtre-gif.gif);
	}

#liens a:hover {
	background-color: #FFFFFF;
	}
	

/* menu horizontal - avec drapeaux */

#hor {
	list-style-type: none;
	padding: 0px;
	margin: 0;
	display: block;
}

li#cat, li#esp, li#fra {
	float: left;
	} 
	
	/* Liens horizontaux */
	
#cat a, #esp a, #fra a {
	text-decoration: none;
	color: #3173a3;
	line-height: 50px;
	margin: 0 10px;
	display: block;
	font-weight:bold;
	font-size: 95%;
		}

#cat a:visited, #esp a:visited, #fra a:visited {
	color: #3C90CC;
	}

#cat a:hover {
	background-image: url(../photos/outils/dra-cat-rond.gif);
	background-position: center;
	background-repeat: no-repeat;
	color: #000000;
	}
	
#esp a:hover {
	background-image: url(../photos/outils/dra-esp-rond.gif);
	background-position: center;
	background-repeat: no-repeat;
	color: #000000;
}

#fra a:hover {
	background-image: url(../photos/outils/dra-fra-rond.gif);
	background-position: center;
	background-repeat: no-repeat;
	color: #000000;
}		
	
	/* Divers */
	
.clear {
	clear: both;
}

.plus-gros {
	font-size: 115%;
}

.plus-petit {
	font-size: 90%;
}

.cadre-bleu-5px {
	border: 5px solid #3173a3;
	margin-top: 5px;
	margin-right: 15px;
	margin-bottom: 5px;
	margin-left: 15px;
}
	
.mon-bleu {
	color: #3173A3;
	text-decoration: none;
}

.mon-bleu-filtre {
	color: #3173A3;
	text-decoration: none;
	background-image: url(../photos/outils/filtre-gif.gif);
}