HTML { margin: 0px; padding: 0px; width: 100%; font-size: 100%; }
BODY { background-color: #607683; color: white; letter-spacing: 1px; line-height: 20px; background-image: url("images/background.jpg"); background-repeat: no-repeat; background-attachment: fixed; background-position: top center; }

HR.clear { background: none; border: 0; clear: both; display: block; float: none; font-size: 0; margin: 0; padding: 0; overflow: hidden; visibility: hidden; width: 0; height: 0; }


#main { width: 820px; margin: 40px auto; position: relative; }
.formmanage #main { width: 1020px; }
#page { border: 3px solid white; width: 282px; padding: 40px 262px 0px 236px; height: 383px; background: url("images/background-center.jpg") no-repeat top center #7e929e; overflow: auto; }
#logo { margin-bottom: 15px; }

#page A:link, #page A:visited { text-decoration: none; color: #9AB8BD; }
#page A:hover { text-decoration: none; color: white; }

#menu { height: 34px; width: 786px; }
#menu .menu { list-style-type: none; list-style-position: inside; padding: 0px; margin: 0px; float: right; }
.menu LI { background: transparent url("images/onglet-bas-off.png") no-repeat top left; width: 169px; height: 34px; text-align: center; line-height: 34px; position: relative; float: left; margin-left: 3px; }
.menu LI.selected, .menu LI:hover { background-image: url("images/onglet-bas.png"); }
.menu A:link, .menu A:visited { text-decoration: none; color: #37757C; display: block; position: absolute; width: 169px; height: 34px; left: 0px; top: 0px; }
.menu A:hover { text-decoration: none; color: #EE7C00; }
H1.h1forms { background-color: #66c4d0; padding: 5px 15px; font-size: 14px; letter-spacing: 0px; margin: 0px; }
.forms #page UL { background-color: white; margin: 0px; margin-bottom: 20px; padding: 15px; line-height: normal; letter-spacing: normal; list-style-type: square; list-style-position: outside; color:  #42777f; }
.forms #page UL LI { margin-left: 15px; }
.forms #page UL LI A:link, .forms #page UL LI A:visited { color: #42777f; }
.forms #page UL LI A:hover { color: #9AB8BD; }
.forms #page UL#answersul { margin-bottom: 0px; }
#answersnav { background-color: white; padding: 15px; margin-bottom: 20px; padding-top: 0px; }
#answersprev { float: left; }
#answersnext { float: right;}

#contacttab { position: absolute; right: 0px; top: 150px; }
.contactsubmit { display: none; }

BODY.formdisplay #logo { display: none; }
BODY.formdisplay #main { width: auto; margin: auto; }
BODY.formdisplay #page { border: none; width: auto; padding: 0px; min-height: 0px; }
BODY.formdisplay #page A:link, BODY.formdisplay #page A:visited { color: black; text-decoration: underline; }
BODY.formdisplay #page A:hover { text-decoration: none; color: black; }
BODY.formdisplay #menu { width: auto; }
BODY.formdisplay #menu .menu { float: none; }
BODY.formdisplay .menu LI { background-image: none; width: auto; height: auto; line-height: normal; margin-left: 20px; }
BODY.formdisplay .menu A:link, BODY.formdisplay .menu A:visited { display: inline; width: auto; height: auto; color: #909090; font-size: 11px; position: relative; }
BODY.formdisplay .menu A:hover { text-decoration: none; color: black; }
BODY.formdisplay #page { background-image: none; background-color: transparent; height: auto; }
BODY.formdisplay #contacttab { display: none; }

.formmanage #page { background-image: none; color: black; padding: 40px; width: 900px; height: auto; }
.formmanage #page > :first-child { margin-top: 0px; }
#answers, #noanswer { border-collapse: collapse; background-color: transparent; }
#answers TH, #noanswer TH { padding: 5px; border: 1px solid silver; }
#answers TD, #noanswer TD { padding: 5px; border: 1px solid silver; }
.forms #page #answers UL { background-color: transparent; padding: 0px; margin: 0px; }
#answers A:link, #answers A:visited, #noanswer A:link, #noanswer A:visited { color: black; text-decoration: underline; }
#answers A:hover, #noanswer A:hover { text-decoration: none; }
#monthlinks A.selected:link, #monthlinks A.selected:visited { color: white; }
#answers LI { color: black; }
#answers LI.alert1 { color: yellow; }
#answers LI.alert2 { color: #c10000; }
P.message, P.error { text-align: center; }
P.error { font-weight: bold; }
#answers TBODY TD, #noanswer TBODY TD { background-color: transparent; line-height: 14px; }
#answers P { margin: 0px; }

/**
 * GALERIES GRILLE
 */
.gallery0, .gallery1, .gallery2 {
}

/**
 * VIGNETTES GALERIE PHOTO *
 */
 
.gallery0 .thumb, .gallery1 .thumb {
	width: 80px;
	height: 80px;
	background-color: #000000;
	float: left;
	margin: 5px;
	overflow: hidden;
	border: 1px solid #000000;	
}
.gallery0 .thumb IMG, .gallery1 .thumb IMG {
	min-width: 100%;
	height: 100%;
}

.gallery2 .thumb {
	float: left;
	display: block;
	width: 101px;
	height: 112px;
	margin: 2px 7px;
	font-size: 0.8em;
	overflow: hidden;
}
.gallery2 .thumb TABLE {
	border-collapse: collapse;
	border: none;
}
.gallery2 .thumb .thumbtd { vertical-align: bottom; height: 70px; }
.gallery2 .thumb .gallerythumb {
	display: block;
	width: 98px;
	max-height: 70px;
	overflow: hidden;
	border: 1px solid black;
}
.gallery2 .thumb .gallerythumb IMG { width: 98px; }
.gallery2 .thumb .legend {
	text-align: center;
	vertical-align: middle;
	height: 30px;
}

/**
 * FORMULAIRE DE CONTACT
 */

#contact P { margin-top: 0px; }
.contactform input, .contactform textarea { border: 1px solid white; color: #37757C; width: 150px; background-color: #AFBCC0; padding: 2px; margin-bottom: 2px; }
.contactform input { height: 20px; }
.contactform textarea { height: 80px; width: 250px;}
.contactform .contactsubmit {margin-left: 152px; width: 60px; height: 25px;}
.contactform label { float: left; width: 98px; text-align: left; margin-right: 3px; line-height: 25px; color: #DDDDDD; }

#loginform LABEL { color: #DDDDDD; }
#loginform input { height: 24px; border: 1px solid white; color: #37757C; width: 251px; background-color: #AFBCC0; padding: 2px; }