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

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

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

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

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

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

ul { 
	margin : 5px;
	padding : 0;
}
ul li  { background: url("../../../default/puce_tiret.gif") no-repeat 0 8px; list-style-type: none; margin: 5px 0 5px 45px; padding: 0 0 0 8px }

/* COMPOSITION */
/*#corps {
	clear : both;
	margin-top : 0;
	background: url(interface/fd.jpg) repeat-y;
}
*/
/* BANDEAU DU HAUT */
#bandeauHaut {
	height : 121px;
	background: url(interface/beaulieu.gif) no-repeat;
}

/* CHEMIN */
#chemin {
	margin-left : 10px;
	float: left;
	width: 566px;
}
#chemin .fil { color : #003C82;}

/* NAVIGATION PRIMAIRE */
#menu {
	height : 29px;
}

#navprimaire {
	margin : 0 0 0 0;
	padding : 0;
	width : 100%;
	background: url(interface/menuhaut.jpg) no-repeat;
	overflow : hidden;
}
#navprimaire li {
	list-style-type: none;
	display : block;
	float : left;
	padding : 8px 8px 8px 8px;
	margin : 0px;
}
#navprimaire .selected {
	padding : 8px 8px 8px 8px;
	border : 1px solid #006F59;
}
#navprimaire li.first  { color: #00357e; background-color: #dcec26; padding : 8px 8px 8px 8px;; border-left: 6px solid #00357e }
#navprimaire a {
	color : #fff;
	font-weight: normal;
	font-size : 100%;
	text-decoration: none;
}
#navprimaire a.first {
	color : #00357e;
	font-weight: normal;
	font-size : 100%;
	text-decoration: none;
}
#navprimaire a:hover, #navprimaire a:focus, #navprimaire .selected a  { color: #00357e }

#menu2 {
	height : 10px;
	background: url(interface/beaulieu_02.jpg) no-repeat;
	background-color: #dcec26;
}

/* NAVIGATION SECONDAIRE */

#navsecondaire {
	margin-left : 0px;
}
#navsecondaire h3  { text-transform : uppercase; color: #fff; font-size: 100%; font-weight: bold; letter-spacing: normal; margin: 10px 0 0 12px; padding: 5px 0 }
#navsecondaire ul {
	margin : 0;
	padding : 0;
}
#navsecondaire ul ul {
	position : relative;
	top : 4px;
}
#navsecondaire li {
	margin : 0;
	padding : 3px 0 8px 0;
	background: url("interface/fd_puce.gif") no-repeat;
}
#navsecondaire li li  { font-size: 100%;background: url("interface/fd_puceNo.gif") no-repeat; margin: 1px 0; padding: 0 0 0 17px; border-top: 0; border-right: 0; border-bottom: 0 }


#document #navsecondaire a {
	font-size : 95%;
	color : #fff;
	text-decoration: none;
	font-weight : normal;
	background-image: none;
	padding : 0;
	margin-left : 15px
}
#document #navsecondaire li a {
	font-size : 95%;
	color : #fff;
	text-decoration: none;
	font-weight : normal;
	background-image: none;
	padding : 0;
	margin-left : 15px
}
#document #navsecondaire li li a {
	font-size : 95%;
	color : #fff;
	text-decoration: none;
	font-weight : normal;
	background-image: none;
	padding : 0;
	margin-left : 5px
}

#document #navsecondaire .selected li a {font-weight : normal;}
#document #navsecondaire .selected a { text-decoration : underline;}
#document #navsecondaire .selected li.selected a {
	color : #dcec26;
}
#document #navsecondaire a:hover,#document #navsecondaire a:focus,
#document #navsecondaire .selected a:hover, #document #navsecondaire .selected a:focus {
	color : #dcec26;
}
#navsecondaire .selected .selected {
	color : #dcec26;
	text-decoration : none;
}


/* COLONNE GAUCHE */
#colonneGauche {
	float: left;
	width: 236px;
	background: url(interface/fd_gauche.gif) repeat-y;
}

#encart {
	float: left;
	width: 236px;
	padding: 30px 20px 0 20px;
	font-size: 90%;
	color: #dcec26;
}

#encart .plus {
	color: #EEA922; font-size: 100%;
	line-height: 16px;
	font-weight: bold;
}

/* CONTENU */

#contenu {
	float: left;
	width: 566px;
}

#info {
	clear: both;
	border : 0px solid #444;
	background-color : #ececec;
	padding: 7px;
	float : left;
	margin: 10px 15px 10px 10px;
	vertical-align:bottom;
}

#galerie {
	float : left;
	width: 530px;
	margin: 0 0 0 10px;
}

#photogalerie {
	border : 0px solid #444;
	background-color : #ececec;
	float : left;
	margin: 0 0 5px 3px;
}


#titre {
	float : left;
	width: 566px;
	height : 36;
	padding: 0 0 0 0;
	margin: 0px;
	background: url("interface/fd_titre.gif") no-repeat;
}

#titre h2 {
	color: #0075EB; font-size: 120%;
	font-weight: bold;
	padding: 8px 0 0 0;
	margin: 0 0 0 15px;
}


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

#contenu h4 {
	color: #003C82; font-size: 100%;
	font-weight: bold;
	border-bottom: 2px solid #ececec;
	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 #info p {
	color: #003C82; font-size: 95%;
	font-weight: normal;
	line-height: 14px;
	margin: 0px;
}

#contenu #info a {
	text-decoration : underline;
	color: #003C82; font-size: 90%;
	font-weight: normal;
	margin: 0px;
}

#contenu #info a:hover {
	text-decoration : underline;
	color: #EB9C00; font-size: 90%;
	font-weight: normal;
	margin: 0px;
}

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

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

/* COLONNE DROITE */
#colonneDroite {
	position:relative;
	float: left;
	width: 222px;
	background-color: #dcec26;
}

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

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

#colonneDroite a  { color: #00357e; 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;
}

/* RECHERCHE */
#recherche {
	float : right;
	width : 222px;
	background-color: #dcec26;
}
#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 : #00357e;
	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;
}

/* VIGNETTES */
.thumbnail img{
margin: 2px;
}


.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: #fff;
padding: 3px;
left: -1000px;
border: 0px solid gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image*/
visibility: visible;
top: 290;
left: 410px; /*position where enlarged image should offset horizontally */
z-index: 50;
}