/* TABLE DES MATIÈRES:
	- Générale (body, html, h1, h2, ...)
	- Conteneur
	- Menu
	- Pieds de page
	- Textes
	- Formulaires
----------------------------------------------------------------------------------------*/

/* GÉNÉRAL
--------------------------------------------------------------------------------------- */
a#logo{
	display: block;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	
}
a#logo img{
	border: none;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}



body#main{
	background: #E5F2FB;
	margin:20px 0 0 0;
	padding: 0;
	text-align:center;
}
html{
	/* Garder 3 fontes seulement */
	font-family: Tahoma, Arial, Verdana;
}
html, body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset, a{border:0; margin:0; padding:0;}

h1{
	color: #7EBFE9;
	letter-spacing:1px;
	font:30px;
	font-weight:normal;
}
h2{
	color:#4C2A10;
	font:16px;
	letter-spacing:1px;
	font-weight:normal;
}
h3{
	color:#4C2A10;
	font-size: 12px;
	letter-spacing:1px;
	font-weight:normal;
}

/* CONTENEUR
--------------------------------------------------------------------------------------- */
#conteneur{
	margin: 0 auto 0 auto;
	text-align:left;
	width:960px;
	background-color:#4C2A10;
}

#contenu{
background-color:#FFF;
margin-top:13px;
min-height:450px;
height:auto !important;
height:450px;
}

/* MENU
--------------------------------------------------------------------------------------- */
#menu{margin:0;padding:0;float:left;background-color:#7EBFE9;width:310px;height:451px;margin-top:13px;}
#menu ul{margin:0;padding:0;}
#menu ul li{padding:0; margin:0; list-style-type:none;}
#menu ul li a, #menu ul li a:link, #menu ul li a:visited{
	color: #4C2B10;
	font-size: 19px;
	font-weight: bold;
	line-height: 35px;
	letter-spacing: 2px;
	padding: 5px 10px 3px 8px;
	text-decoration: none;
}
#menu ul li a:hover, #menu ul li a:visited:hover{color:#FFF;}
#menu ul li a.actif, #menu ul li a.actif:visited{color:#FFF;}

#coord{
	text-align:center;
	color:#4C2B10;
	font-size:11px;
	font-weight:bold;
	position:relative;
	bottom: 12px;
}

#coord a, #coord a:link, #coord a:visited {
	color: #4C2B10;
	text-decoration:none;
}

#coord a:hover, #coord a:visited:hover{color:#FFF;}
#coord a.actif, #coord a.actif:visited{color:#FFF;}

#menu2 {
	display:block;
	background-color:#FFF;
	height:33px;
	margin-bottom:13px;
	font-size:14px;
	letter-spacing: 2px;
	padding-right:20px;
}

#menu2 a, #menu2 a:link, #menu2 a:visited{
	color: #4C2B10;
	text-decoration:none;
}

#menu2 a:hover, #menu2 a:visited:hover{color:#7EBFE9;}
#menu2 a.actif, #menu2 a.actif:visited{color:#7EBFE9;}

#boutiques a, #boutiques a:link, #boutiques a:visited{
	color: #4C2B10;
	text-decoration:none;
	font:12px;
	line-height:150%;
}

#boutiques a:hover, #boutiques a:visited:hover{color:#7EBFE9;}
#boutiques a:hover, #boutiques a:visited:hover{color:#7EBFE9;}


/* PIED DE PAGE
--------------------------------------------------------------------------------------- */
#piedPage{color:#A7D2F0; font-size:10px; height:50px;background-color:#E5F2FB}
#piedPage a{color:#A7D2F0; text-decoration:none;}
#piedPage a:hover{color:#000; text-decoration:underline;}

/* TEXTES
--------------------------------------------------------------------------------------- */
p{font:14px; line-height: 150%; color: #4C2A10;letter-spacing:1px;padding-top:30px;}
p a, p a:link, p a:visited, ul li a, ul li a:visited, ol li a, ol li a:visited{color: #4C2B10; text-decoration:none;}
p a:hover, p a:visited:hover, ul li a:hover, ul li a:visited:hover, ol li a:hover, ol li a:visited:hover{
	color:#7EBFE9; text-decoration:none;
}

/*
.textePetit{font-size:10px; color:#1F1F1F;}
.textePetit a, .textePetit a:link, .textePetit a:visited{font-size:10px; color:#1F1F1F;}
.textePetit a:hover, .textePetit a:visited:hover{font-size:10px; color:#1F1F1F;}
*/
.lienPDF{background: url(Gx/icone_pdf.gif) no-repeat left; padding:5px 0 5px 20px;}
/* 
p:first-letter{color:green; font-size:200%; text-transform:uppercase;}
sup{position:relative; bottom:0.3em; vertical-align:baseline;}
sub{position:relative; bottom:-0.2em; vertical-align:baseline;}
*/
/* LIGHTBOX CONTROL 
--------------------------------------------------------------------------------------- */
#lightbox{padding:20px 20px 5px 20px;}
#lightboxDetails{padding-top:5px;}	
#lightboxCaption{float:left; color:#fff; font-size:12px;font-weight:bold;}
#keyboardMsg{float:right;}
#keyboardMsg a{color:#fff; font-size:11px; text-decoration:none; letter-spacing:2px; text-transform:uppercase; font-weight:bold;}
#lightbox img{border:10px solid #FFF;}
div#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	filter:alpha(opacity=50);
	-moz-opacity: 0.5;
	opacity: 0.5;
}
#lightbox{ background:#7EBFE9;} /* couleur du contour popup */
#overlay{background-color: #3B392B;} /* couleur du fond tranparent */

/* Événements
--------------------------------------------------------------------------------------- */
div.block{
	margin: 10px 0px 10px 0px;
}

.block2{
	margin: 10px 5px 0px 0px;
	float: left;
	border:1px solid #eee;

}

a.thumbnailEvenement{
	display: inline;
	margin: 5px 5px 5px 5px;
}