* {
	margin:0;
	padding:0;
}

html {
	overflow:scroll;
}

body {
	background:#000;
}

#header {
	height:5.625em;
	margin:auto;
	border-left:0.063em solid #333;
	border-right:0.063em solid #333;
}

#header h1 {
	float:left;
	margin:0 0 0 0.5em;
	font:2.6em/2em Georgia,Verdana, Helvetica, Verdana, serif;
	color:#ccc;
}

#header h2 {
	margin:0 0 0 15em;
	font:2em/2em Georgia,Verdana, Helvetica, Verdana, serif;
	color:#ccc;
}

h2.accueil {
margin:20px 0 20px 8.5em;
width:16em;
}

#main {
	margin:1em auto;
}

#footer {
	clear:both;
	margin:auto;
	height:1.875em;
	border-left:0.063em solid #333;
	border-right:0.063em solid #333;
}

#footer p {
	text-align:center;
}

#header, #main, #footer {
	max-width:61.25em;
	min-width:47.5em;
}

/* MENU */
#menu {
	float:left;
	width:11em;
}

#menu ul {
	list-style:none;
	margin:0 0 1em 0;
	border-top:0.063em solid #333;
	border-left:0.063em solid #333;
	border-right:0.063em solid #333;
}

#menu ul li a {
	display:block;
	padding:0 0 0 0.4em;
	border-bottom:0.063em solid #333;
	font:1em/1.6em Georgia,Verdana, Helvetica, Verdana, serif;
	color:#ccc;
	text-decoration:none;
}

#menu ul li a:hover {
	border-left:0.8em solid #0295f6;
	background:#333;
	border-bottom:0.063em solid #0295f6;
}

#menu ul li.actif a {
	border-left:0.8em solid #71ac03;
	background:#333;
	border-bottom:0.063em solid #71ac03;
}

/* CONTENT */
#content {
	height:26em;
	padding:0 0 0 1em;
	overflow:auto;
	text-align:center;
}

#content h2 {
	text-align:left;
	font:1.2em/1.6em Georgia,Verdana, Helvetica, Verdana, serif;
	color:#71ac03;
}

.accueil {
	background:url(../illustrations/bg-accueil-black.jpg) 0 0 no-repeat;
	text-align:left !important;
}

.contact {
	height:auto !important;
	background:url(../illustrations/nal-vad.jpg) 100% 0 no-repeat;
	text-align:left !important;
}

/* MENU */
#en, #es, #fr {
	margin-top:1em;
}

#en, #es, #fr {
	font:1em/20px Georgia,Verdana, Helvetica, Verdana, serif;
	font-weight:bold;
}

#en a, #es a, #fr a {
	display:block;
	padding-left:40px;
	color:#ccc;
}

#en a:hover, #es a:hover, #fr a:hover {
	color:#71ac03;
}

#en a {
	background:url(../illustrations/drapeau-anglais.jpg) 0 0 no-repeat;
}

#es a {
	background:url(../illustrations/drapeau-espagnol.jpg) 0 0 no-repeat;
}

#fr a {
	background:url(../illustrations/drapeau-francais.jpg) 0 0 no-repeat;
}

#content p {
	font:1em/1.6em Georgia,Verdana, Helvetica, Verdana, serif;
	color:#ccc;
	text-align:left;
}

div.t1 {
	width:26em;
	margin:0 10em;
	padding:0.8em;
	background:url(../illustrations/bg-trans.png) 0 0 repeat;
}

div.t1 p {
	text-align:justify !important;
}

div.t1 p span {
	font-weight:bold;
}

div.t1 ul {
margin-left:1em;
}

/* LISTE */
#content ul.presentation {
	list-style-type:square;
	margin:0 6em;
}

#content ul li {
	font:1em/1.6em Georgia,Verdana, Helvetica, Verdana, serif;
	color:#ccc;
	text-align:left;
}

#content ul.expo {
	margin-left:25px;
}

/* GALERIE */
#content ul.galerie {
	list-style-type:none;
	margin:0.8em auto;
}

#content ul.galerie li {
	display:inline;
	margin:0 0.75em;
}

#content ul.galerie li a {
	outline:none;
}

#content ul.galerie li a img {
	width:6.875em;
	height:6.875em;
	border:0.063em solid #333;
	padding:0.126em;
}

#content ul.galerie li a img:hover {
	border:0.063em solid #0295f6;
	padding:0.126em;
}

#infoBulle {
	width:310px;
}

#infoBulle p {
	font:1em/1.2em Georgia,Verdana, Helvetica, Verdana, serif;
	color:#71ac03;
	text-align:left;
}

/* NAVIGATION GALERIE */
#content ul.navGalerie {
	list-style:none;
	margin:0.8em auto;
}

#content ul.navGalerie li {
	display:inline;
	margin:0.8em 1em 0 0;
}

#content ul.navGalerie li a {
	padding:0.5em;
	border:0.063em solid #333;
	font:bold 1em/1.875em Courrier, Verdana, Arial;
	color:#999;
	text-align:center;
	text-decoration:none;
	outline:none;
}

#content ul.navGalerie li a.actif {
	background:#333;
	border:0.063em solid #71ac03;
	color:#71ac03;
}

#content ul.navGalerie li a:hover {
	background:#333;
	border:0.063em solid #0295f6;
	color:#029cf6;
}

#collab {
	font:1em/1.6em Georgia,Verdana, Helvetica, Verdana, serif;
	color:#ccc;
	text-align:center !important;
}

#collab a {
	font:1em/1.6em Georgia,Verdana, Helvetica, Verdana, serif;
	font-weight:bold;
	color:#ccc;
}

#collab a:hover {
	color:#71ac03;
}

/* FOOTER */
#footer p {
	font:1em/1.875em Georgia,Verdana, Helvetica, Verdana, serif;
	color:#ccc;
}

#footer p span {
	font-weight:bold;
}

/* FORMULAIRE */
form {
	width:30em;
	margin:1em 2em 0 0;
}

fieldset
{
	width:29em;
	margin:0 0 1em 0;
	padding:0 0 0.8em 0.8em;
	border:1px solid #333;
}

legend
{
	padding:0 1em 0 1em;
	font:1em/1.875em Georgia,Verdana, Helvetica, Verdana, serif;
	color:#ccc;
}

label {
	display: block;
	float: left;
	width:5em;
	text-align:right;
	margin:0 0.8em 0 0;
}

input.saisie {
	width:25em;
	margin:0 0 0.5em 0;
}

textarea
{
	width:25.6em;
	margin:0 0 0.5em 0;
}

input.saisie, textarea {
	background:#dedede;
	border:1px solid #333;
}

input.bouton
{
	padding:0.4em;
}

p.msgErreur
{
	margin:0 0 0.6em 7.5em !important;
	background:url(../illustrations/flecheMsgErreur.gif) 0 -3px no-repeat;
	padding:0 0 0 20px;
	font:0.8em/1em Verdana, Arial, serif !important;
	color:#f00 !important;
}

.bleu {
	color:#0295f6;
}

.vert {
	color:#71ac03;
}

.ligneGrise {
	height:0.063em;
	clear:both;
	background:#333;
}

.ligneVerte {
	height:0.063em;
	background:#71ac03;
}

.ligneBleue {
	height:0.063em;
	background:#0295f6;
}

span.collection {
color:#0295f6;
}

.centre {
	text-align:center !important;
}

.hAuto {
	height:auto !important;
}

.floatRight {
	float:right;
}

.clear {
	clear:both;
}

.invisible {
	display:none;
}

.marge15 {
	margin:15px 0;
}