body {
	font-family: arial;
	font-size: 12px;
	color:#FFFFFF;
	background-image:url(pictos/fdp_foretvosgienne2.jpg);
	margin:auto;
}
a {
	color: #003366;
	text-decoration: underline;
}
a:hover {
	color:#017F01;
	font-weight:bold;
	text-decoration: underline;
}
a img {
	border: none;
}
h1 {
	font-family:Guttenberg MF;
	font-size:30px;
	color:#003366;
	margin: 0 0 .5em 0;
	font-weight:bold;
}
h2 {
	margin: 0 0 .5em 0;
	font-family:Guttenberg MF;
	font-size:18px;
	font-style: italic;
}
h3 {
	margin: 1em 0 .5em 0;
	font-size: 1.2em;
}
h4 {
	font-size: 1em;
	margin: 1em 0 .5em 0;
}
ul {
	list-style: square;
	margin: .75em 0 .75em 24px;
	padding: 0;
}
li {
	margin: 0;
	padding: 0;
}
li p, blockquote p {
	margin: .5em 0;
}
p {
	font-family: arial;
}
strong {
	font-weight: bold;
}

/* grand contenu contenant le moyen contenu*/
div.grandContenu {
	font-family: arial;
	color:#003366;
	font-size:12px;
	text-align:left;
	width: 850px;
	height:1300px;
	margin: 0 auto 0 auto;
	background:url(photos/facade.jpg) no-repeat;
}
div.grandContenuVide {
	font-family: arial;
	border: solid 1px #003366;
	color:#003366;
	font-size:12px;
	text-align:left;
	width: 850px;
	height:1300px;
	margin: 0 auto 0 auto;
}
/* En-tête */
div.entete {
	width:850px;
	height:150px;
	background:url(pictos/en_tete.jpg);
}
/* menu haut pas utilisé pour l'instant : attention si utilisé, penser à mettre 260px de margin en haut, et 45 au moyen contenu
div.menuHaut {
	height:40px;
	margin:260px 0 0 20px;
}
div.menuHaut ul {
	list-style-type: none;
}
div.menuHaut ul li {
	float: left;
	margin:  0 20px 0 0;
	background-color:#DDDDDD;
}
div.menuHaut ul a {
	float: left;
	padding: 5px 15px;
	text-align: center;
	border: 1px solid gray;
	text-decoration: none;
	color: #000;
}
div.menuHaut ul a:hover {
	background:#336600;
	color: #FFF;
	border: 1px solid gray; 
}
menu haut pas utilisé pour l'instant : attention si utiliser, penser à mettre 260px de margin en haut, et 45 au moyen contenu*/

div.menuPortes {
	height:auto;
}
div.menuPortes ul {
	list-style-type: none;
}
div.menuPortes ul li {
	float: left;
	text-align: center;
	margin:  0 10px 0 0;
	background:url(pictos/porte_1.jpg) no-repeat;
	color:#FFFFFF;
	width:100px;
}
div.menuPortes ul a {
	float: left;
	text-decoration: none;
	color:#FFFFFF;
	font-weight:bold;
	width:100px;
	height:50px;
	padding-top:15px;
}
div.menuPortes ul a:hover {
	color: #003366;
	background:url(pictos/porte_1_fondu.jpg) no-repeat;
	width:100px;
	height:50px;
	padding-top:15px;
}

/* moyen contenu = div intermédiaire contenant le menu gauche et le petit contenu */
div.moyenContenu {
	font-family: arial;
	font-size:12px;
	color:#003366;
	overflow: hidden;
	float:left;
}
/* petit contenu = texte de la partie droite */
div.petitContenu {
	width:630px;
	font-family: arial;
	font-size:12px;
	text-align:justify;
	color:#003366;
	margin: 0 10px 0 10px;
	padding: 10px 10px 0 10px;
	float:left;
}
div.petitContenu p, div.petitContenu li {
	line-height: 1.5;
}
/* mesu gauche vertical */
.menuGauche {
	font-family:arial;
	color:#003366;
	font-size:14px;
	font-weight:bold;
	margin: 0 0 20px 0;
    padding: 10px 0 10px 0;
	line-height: 1.8;
	width: 170px;
	float: left;
} 
.menuGauche ul {
	list-style-type:none;
}         
.menuGauche li a {
	padding: 10px 0 10px 30px;
	font-family:arial;
	color:#003366;
	font-size: 14px;
	text-decoration: none;
}
.menuGauche li a:link {
	font-size:14px;
	color:#003366;
	font-weight:bold;
}
.menuGauche li a:visited {
	font-size:14px;
	color:#003366;
}
.menuGauche li a:hover {
	color:#017F01;
	font-size:14px;
	font-weight:bold;
	background: transparent url(pictos/sapin.gif) left no-repeat;
}

/* Pied de page gauche */
div.piedGauche {
	width:170px;
	height:350px;
	float:left;
	}
/* Pied de page */
div.pied {
	margin: 0;
	padding: 15px 0 10px 0;
	font-size: .85em;
}

/* Boutique */
div.boutique {
	background-color:#000000;
	font-family:Arial, Helvetica, sans-serif;
	color:#FFFFFF;
}
/* div integre avec ascenceur pour texte long (type page portrait) */
.div_integree {
	width: 600px;
	height: 70px;
	text-align:justify;
	padding: 5px 5px 5px 5px;
	color:#ffffff;
	border: 1px solid #F7C9B3;
	background-color:#000000;
	overflow-y: auto;
}table {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}