#document {
	width:1024px;
	margin : 0 auto;
	padding : 0;
	text-align: left;
}

a:link          { color: #444; font-size: 12px; font-family: Arial, Verdana, Helvetica, sans-serif; text-decoration: none }
a:visited         { color: #444; font-size: 12px; font-family: Arial, Verdana, Helvetica, sans-serif; text-decoration: none }
a:hover       { color: #3B8AD7; font-size: 12px; font-family: Arial, Verdana, Helvetica, sans-serif; text-decoration: none }

a.lien:link          { color: #444; font-size: 12px; font-family: Arial, Verdana, Helvetica, sans-serif; text-decoration: none }
a.lien:visited         { color: #444; font-size: 12px; font-family: Arial, Verdana, Helvetica, sans-serif; text-decoration: none }
a.lien:hover       { color: #3B8AD7; font-size: 12px; font-family: Arial, Verdana, Helvetica, sans-serif; text-decoration: none }

.texte-fonce { font-size : 80% }

input, select, textarea       { color: #444; font-size: 12px; font-family: Arial, Verdana, Helvetica, sans-serif; background-color: #fff; margin: 2px; padding: 3px; border: solid 1px #c0c0c0 }

body {
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 12px;
margin: 0;
padding: 0;
text-align: center;
color: #444;
}

.gris {
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 80%;
color: #444;
}


/* BANDEAU DU HAUT */
#haut {
	height : 143px;
	background: url(interface/stsenoch_01.jpg) no-repeat;
}

/* NAVIGATION PRIMAIRE */
#menuDeroulant { height : 30px; padding: 108px 0 0 0; width: 100px; }

/* COLONNE GAUCHE */
#colonneGauche {
	float: left;
	width: 198px;
	margin: 0; padding: 0;
}

#encartpages {
	float: left;
	width: 198px;
	background-color:#BBD037;
	text-align: right;
}

#encartpages a.gauche { font-size: 100%; color: #395030; line-height: 16px }
#encartpages a.gauche:visited { font-size: 100%; color: #395030; line-height: 16px }
#encartpages a.gauche:hover { font-size: 100%; color: #fff; line-height: 16px }
#encartpages a.selected { font-size: 100%; color: #fff; line-height: 16px; font-weight: bold }

#encart {
	float: left;
	width: 198px;
	font-size: 90%;
	background-color:#395030;
}

#encart a { font-size: 100%; color: #fff; }
#encart a:visited { font-size: 100%; color: #fff; }
#encart a:hover { font-size: 100%; color: #3B8AD7; }

#encart h2 {
	color: #fff; font-size: 110%;
	line-height: 16px;
	font-weight: bold;
	padding: 0px; margin: 0px;
}

#encart h3 {
	color: #fff; font-size: 90%;
	line-height: 12px;
	font-weight: bold;
	padding: 0px; margin: 0px;
}

/* CONTENU */

#contenu {
	float: left;
	width: 645px;
	margin: 0; padding: 0;
	background: url(interface/stsenoch_02.jpg) no-repeat -198px 0px;
}

#contenu h2 {
	color: #7A8F24; font-size: 140%;
	font-weight: normal;
	margin: 0px 0 0 15px;
}

#contenu h3 {
	color: #3B8AD7; font-size: 110%;
	font-weight: bold;
	border-bottom: 3px solid #ececec;
	margin: 30px 0 10px 15px;
}

#contenu h4 {
	color: #3B8AD7; font-size: 100%;
	font-weight: bold;
	margin: 30px 0 10px 15px;
}

#contenu p {
	color: #444; font-size: 95%;
	font-weight: normal;
	line-height: 14px;
	padding: 0 15px 0 15px;
	text-align: justify;
}

#contenu .plus {
	color: #385491; font-size: 110%;
	line-height: 16px;
	font-weight: bold;
}

#contenu .baseline {
	color: #574B41; font-size: 90%;
	font-style: italic;
	font-weight: normal;
}

#contenu a:link          { color: #444; font-size: 12px; font-family: Arial, Verdana, Helvetica, sans-serif; text-decoration: none }
#contenu a:visited         { color: #444; font-size: 12px; font-family: Arial, Verdana, Helvetica, sans-serif; text-decoration: none }
#contenu a:hover       { color: #D1CC1C; font-size: 12px; font-family: Arial, Verdana, Helvetica, sans-serif; text-decoration: none }

#soustitre {
	float : left;
	width: 617px;
	height : 40px;
	padding: 0 0 0 0;
	margin: 5px 0 0 13px;
	background: url(interface/fd_soustitre.png) no-repeat;
}

#soustitre h4 {
	color: #3B8AD7; font-size: 140%;
	font-weight: normal;
	padding: 10px 0 0 0;
	margin: 0 0 0 30px;
}

/* COLONNE DROITE */
#colonneDroite {
	position:relative;
	float: left;
	width: 181px;
	background-color: #385491;
	margin: 0; padding: 0;
}

#colonneDroite .plus {
	color: #385491; font-size: 110%;
	line-height: 16px;
	font-weight: bold;
}

#infos2 {
	float : left;
	width: 181px;
	min-height : 300px;
	padding: 0 0 0 0;
	margin: 0px 0 0 0px;
	background: url(interface/infos.jpg) no-repeat;
}

#colonneDroite h4  {
	color: #3B8AD7; font-size: 100%;
	font-weight: bold;
	margin: 5px 0 3px 10px;
}

#colonneDroite h5  {
	color: #3B8AD7; font-size: 90%;
	font-weight: normal;
	margin: 0 0 0 10px;
}

#colonneDroite a  { color: #3B8AD7; font-size: 90%; font-weight: bold; margin: 10px 0 0 10px }
#colonneDroite a:hover  { color: #fff; font-size: 90%; font-weight: bold; margin: 10px 0 0 10px }

#agenda {
	width: 222px;
	border-top: 4px solid #ffa500;	
	margin: 0 0 7px 0;
}

#telechargement {
	background-color : #fff;
	width: 222px;
	border-top: 10px solid #fff;	
	margin: 0 0 0 0;
}

#lienarticle {
	background-color : #fff;
	width: 222px;
	border-top: 10px solid #fff;	
	margin: 0 0 0 0;
}

#bas { clear: both; width: 1024px; height: 50px; padding-top: 30px }
/* RECHERCHE */
#recherche {
	float : right;
	width : 222px;
	background-color: #D1CC1C;
}
#recherche form {
	margin : 0 0 6px 7px;
	padding : 0;
}
#recherche input {
	width : 110px;
	font-size : 88%;
	color : #000;
	padding : 1px 2px 0px 0px;
	border-top-color : #8A8A8A;
	border-right-color : #8A8A8A;
	border-bottom-color : #E0E0E0;
	border-left-color : #E0E0E0;
	background-color: #fff;
}
#recherche input.bouton {
	width : auto;
	padding : 0;
	margin : 2px;
	color : #444;
	border-color : #444;
}

/* MASQUES */
.accessLayout, .byPass {
	position: absolute;
	left: 0;
	top: -500px;
	width: 1px;
	height: 1px;
	margin: 0;
	padding: 0;
	overflow: hidden;
}

/* HAUT DE PAGE */
#contenu .paragraphe p.hautpage {
	clear: both;
	margin : 15px 0 0 15px;
	padding: 10px 0;
	background : url(interface/hautpage.gif) no-repeat;
}
#contenu .paragraphe p.hautpage a  {
	color : #000;
	font-size : 88%;
}

/* FORMULAIRE */
form {
	margin : 0;
	padding : 0;
}
#contenu fieldset {
	border-width : 0;
}
#contenu legend {
	color : #3B8AD7;
	font-weight : normal;
	font-size : 100%;
	margin : 20px 0 0 50px;
	padding : 0;
	width : auto;
	border-bottom : 2px solid #ececec;
}
input, textarea,select {
	font-size : 100%;
	font-family : arial, sans-serif;
	border-width : 1px;
	border-style : solid;
	border-top-color : #8A8A8A;
	border-right-color : #8A8A8A;
	border-bottom-color : #E0E0E0;
	border-left-color : #E0E0E0;
	background-color: #e7e7e7;
	padding : 1px 2px;
	margin-left : 8px;
}
p.action input {
	width : auto;
	color : #444;
	border-color : #444;
	margin : 0 150px;
}
form p {
	clear: both;
	margin: 0;
	padding: 2px 0;
}
#contenu p label {
	float: left;
	width: 110px;
	margin-bottom : 8px;
	text-align: right;
	color : #444;
	font-weight : normal;
}