/*******************************************/
/******** MERIDIAN GALLERY: MAIN CSS  *************/
/*******************************************/

@import url("balises.css");
@import url("cms.css");
@import url("htmlareascss");

/*******************************************************/
/****************   BLOC PRINCIPAUX    *****************/
/*******************************************************/
body {
	text-align: center;
	background: #ADA8A0;}
#tout {
	text-align: left;
	background: #f5f5f5;	
	}
	
/*	HEADER	*/
#header {
	background: #8d7c6a;
	}
#header div#bgHeader {
	width: 900px;
	margin: 0px auto 0px auto;
	background: url(../images/bgHeader.jpg) no-repeat top center;
}
#header h1 {  text-align: left; padding:0; margin: 0; height: 160px; font-size: 2.8em; color: #000; font-weight: bold; text-transform: uppercase; }
#header h1 a { display: block; height: 100%; color: #000
	}

#header a span { cursor: pointer; display: block; background:url(../images/logo.png) no-repeat; width: 573px; height: 39px; position: relative; top:77px; left: 0; }
#header a:hover span { background-image: url(../images/logo_on.png);}
#drapeaux { text-align: right; float: right; padding: 0.6em;}
#drapeaux img { margin-right: 6px}

/* MAIN	*/
#bgCentre  {
	clear: both;
	width: 900px;
	margin: 0px auto 0px auto;
	}
#bgCentreHome  {
	clear: both;
	width: 900px;
	margin: 0px auto 0px auto;
	}

#centre,#home { padding: 0; position: relative; /*background: url(../images/bgCentre.gif) repeat-y*/ }
#centreNoBg {}

#left, #leftHome {
	width: 240px; padding-top: 60px;
	float: left; min-height: 415px;/* height: 415px;
*/}
#left { background: url(../images/bgLeft.jpg) no-repeat;}
#leftHome { background: url(../images/bgLeftHome.jpg) no-repeat;}

#main { 
	float: left;
	width: 660px;
	/*margin-left: 240px;*/
	}

#content {
	padding: 2em 0.5em 1em 0; margin-left: 2em; 
}
#mainTop { height: 30px; background: #E2E2E2; text-align: right; }
#mainTop a { float: left; text-align: left; text-indent: 30px; line-height: 19px; font-size: 11px; display: block; width: 136px; height: 23px; background: #CCC; margin: 0.3em; background: url(../images/buttonDonate.gif) no-repeat 0 0;}
#mainTop a:hover { background-position: 0 -23px}
#mainTop form  { padding: 0.3em 0; width: 207px; float: right; }
#mainTop form input { float: left;}
#mainTop input.text { padding: 3px; width: 160px; border: 1px solid #cecece; font-size: 10px;}
#mainTop .button { padding: 0; border: none; vertical-align: middle; margin-left: 4px; }
#mainTop input.text:focus { border-color: #BA582E; }

/*	FOOTER	*/
#up {
	clear: both;
	text-align: right;
	padding: 6px;
}
#up img { vertical-align: middle; margin-left: 4px}

div#footer {
	background: #ADA8A0 url(../images/bgFooter.gif) repeat-x;
}
#footer div {
	width: 900px;
	margin: 0 auto;
	text-align: center;
	color: #FFF;
	padding-top: 0.8em;
	}
#footer p {/* float: left;*/
	padding: 0em 1.4em; margin: 0 }

#footer a {
	font-weight: bold; color: #FFF; text-decoration: underline;
}

p#neteor {
	text-align: left; float: left;
}	
#neteor a {
	font-weight: bold;
}
p#copyright { padding: 0 1.4em 1.4em 1.4em; }
#copyright a { color: #FFF; }
#copyright sup { font-size: 0.8em}

/********    PAVES HOME    ******/
.paveHome { width: 100%; }
.paveHome td { /*border: 1px solid #d4cccb;*/ width: 50%; padding: 0 1em}
.paveHome h2 a {
	color: #BA582E;
}

	
.titPaves {
	font-size: 1.6em; font-weight: normal; margin-bottom:0.6em; padding: 0px 0px 0px 0; 
}

.paveHome .tiny { margin-bottom: 1em; }
.paveHome .split { border-left: 1px dotted #CCC; }

/*******************************************************************/
/******************        NAVIGATION         **********************/
/*******************************************************************/
div#nav1 { background: url(../images/bgNav1.gif) no-repeat  left bottom; font-size: 11px;
}
div#nav1 ul{ height: 34px;
	margin: 0px 0 0 230px;
	padding: 0px;
	}
div#nav1 li {
	list-style-type: none;
	float: left;
	margin: 0px 0px 0px 0px;
	padding: 0 3px 0 0;
	/*line-height:2.5em;*/
	background: url(../images/bgNav1Li.gif) no-repeat right center; height: 100%
	}
div#nav1 li a {
	color: #FFF;
	display: block;
	padding: 0 10px; height: 100%; float: left; line-height: 30px;
	}

#nav1 li a:hover {color: #000
}
#nav1 li.on { background: url(../images/bgNav1LiOn.gif) no-repeat right top; }
#nav1 li.on a { color: #2c2c2c; background: url(../images/bgNav1LiOn.gif) left top }
#nav1 li.home { }

/************ NAV2************/
.nav2 { margin: 0px 0.7em 1em 0.5em; padding: 0;
	font-size: 11px;
	/*border: 1px solid #ADA8A0;*/
	}

/* Niveau 1 */
.nav2 ul{
	background: #FFF;
	margin: 0;
	padding: 0;
	/*background: #8D7C6A url(../images/bgNav2.png);*/
}

.nav2 li{
	margin: 0px;
	padding: 0 0 0 0; font-size: 1em;
	list-style-type: none;	
	height: 100%;
	border-bottom: 1px dotted #D1CAC2;
	border-left: 1px solid #ABA094;
	border-right: 1px solid #ABA094;
}
.nav2 a, .nav2 span{
	display: block; 
	/*border-left: 1px solid #FFF;
	border-right: 1px solid #FFF;*/
	padding: 0.6em 0.5em 0.6em 22px; height: 100%; background: url(../images/puceNav2Li.gif) no-repeat 6px 0.9em;
}
.nav2 li.nav2Top, .nav2 li.nav2Bot { font-size: 1px}
.nav2 li.nav2Top { background: url(../images/bgNav2.gif) no-repeat 0 0; height: 8px; padding: 0; margin: 0; border: none;  }
.nav2 li.nav2Top div { background: url(../images/bgNav2.gif) no-repeat right 0; width: 12px; height: 8px; float: right; }
.nav2 li.nav2Bot { background: url(../images/bgNav2.gif) no-repeat 0 bottom; height: 8px; padding: 0; margin: 0; border: none; }
.nav2 li.nav2Bot div { background: url(../images/bgNav2.gif) no-repeat right bottom; width: 12px; height: 8px; float: right; }

.nav2 li.on { /*font-weight: bold; */
	background: #FFF url(../images/bgNav2LiOn.gif) no-repeat 0 center;}
.nav2 .on a/*, .nav2 .on a:hover*/ {
	color: #4A4137; background: url(../images/bgNav2LiAOn.gif) no-repeat right center;
}
.nav2 .on a:hover {}
	
/* LVL1 */
.nav2 li.lvl1 { margin-bottom: 0; }
.nav2 li.lvl1 ul {padding: 0; margin: 0; background: none; }
.nav2 li.lvl1 ul li {
	padding: 0;
	margin: 0;
	border: none;
}
.nav2 li.lvl1 ul li a { padding: 0.5em 0.5em 0.5em 12px; margin-left: 26px;
	background: /*#B79891*/ url(../images/puceNav2LiLvl1.gif) no-repeat 0 center; }
.nav2 li.lvl1 ul li a:hover { }
.nav2 li.on1 {
}
.nav2 li.lvl1 .on1 a { font-weight: bold; color: #4A4137; background: url(../images/puceNav2Lvl1On.gif) no-repeat 0 center; }
.nav2 li.lvl1 .on1 a:hover{ }

/* */
.nav2 li.titNav2 { font-size: 1.1em; text-transform: uppercase; font-weight: bold; }
.nav2 li.titNav2 a, .nav2 li.titNav2 span { padding: 0.2em 0 0.2em 0.4em; background: none }

/*	HORAIRES SUR EVENEMENTS, CONCERT, etc	*/
#horaires {
	background: #FFF;
	padding: 0.5em 0.9em 0.5em 0.5em;
	margin-bottom: 1em;
	border-left: 2px solid #D8D8D8;
}
#horaires p { padding: 0 2em 0 0; margin: 0 0 0.2em 0;
	}
#horaires p span { font-weight: bold; }

/**/
.boxCalendar { margin-bottom: 2em; clear: both; }
.boxCalendar h2 { background: #BA582E; color: #FFF; margin: 0 0 0.2em 0; padding: 0.2em; font-size: 1.1em; }
.boxCalendar h3 { background: url(../images/events.gif) no-repeat 0 center;}

/* FILTRES, MOTEUR DE RECHERCHE.... */
.filterBox { padding: 0; margin: 0 0 1em 0; float: right; }

/***************/
.listItems { margin: 0 0 0 0; padding: 0;}
.listItems li { list-style-type: none; margin: 0 0 0.5em 0; padding: 0.5em 0.5em 0.5em 0.5em; background: #FFF;/* -moz-border-radius: 5px;*/ }
.listItems h3 { margin: 0; padding: 0 0 0 18px; }
.listItems p { padding: 0 0 0.9em 0; margin: 0; }
.listItems p span { font-weight: bold; }
.titItem {
	color: #B83526;
	padding: 0;
	margin: 0 0 0.2em 0;
	font-size: 1.2em;
	font-weight: bold
}

/*  */
#video { margin-bottom: 1em; text-align: center; }
#audio { margin-bottom: 1em; }

/* EXPO LIEE DANS UNE PAGE d'un EVENEMENT */
#linkToExpo { line-height: normal !important; line-height: 100%; margin: 0 0 1em 0; width: 100%; }
#linkToExpo p { padding: 0; margin: 0;}
#linkToExpo h2 { padding: 0; margin: 0;}
#linkToExpo .content { padding: 0; margin: 0; background: #FFF; padding: 0.5em 1em; border-left: 2px solid #D8D8D8; overflow: hidden; }

/***************************************************************/
/**************       CLASSES GENERIQUES         *****************/
/***************************************************************/

/*****		GESTION DES IMAGES		*****/
.preview {
	text-align: center;
	margin-bottom: 10px;
	font-size: 10px;
	padding: 10px;
	background: #FFFFFF;
}
table.preview { width: 100%}
.preview td{
	text-align: center
	}
img.imgToRight, .imgToRight img, .toRight {
	float:right;
	margin-left:10px;
	margin-bottom:10px;
	}
img.imgtoLeft, .imgToLeft img, .toLeft{
	float:left;
	margin-right:10px;
	margin-bottom:10px;
}
.imgToLeft ul { margin-left: 1em; }
.imgToLeft li { position: relative; left: 1em; margin-right: 1em;  }
.imgToLeft img { }
.imgToCenter { text-align: center; }
.imgToCenter img, img.imgToCenter, img.imgToRight, img.imgToLeft, .imgToRight img, .imgToLeft img, .preview img {border: 1px solid #CCC; padding: 2px; background: #FFF
}
 
/* Divers */
.icon { vertical-align: middle; margin-right: 0.3em}
.date{ }
.error {
	background: #FFF7B9; 
}
div.error { padding: 16px; margin-bottom: 10px; border: 1px dashed #FFCC33; text-align: center; font-weight: bold}

.gras {
	font-weight: bold; font-size: 0.9em
}
.italique {
	font-style: italic;
	color: #CD5A00;
}
.legende {
	font-style: italic;
	font-size: 11px;
	padding: 3px;
}

.required {
	color:#CC0000;
}
.noLine {
	border: none; background: none
}

.back { margin-bottom: 4px; padding: 3px}
.bot { clear: both; height: 3px; font-size: 1%;}


img.photo {
border: 1px solid #CCC; padding: 2px; background: #FFF
}
div.photo img {border: 1px solid #CCC; padding: 2px; background: #FFF }
div.photo p { padding: 0px; margin: 0 0 1em 1em; text-align: right}
div.photo p img { padding: 0px; margin: 0 0 1em 1em; border: 1px solid #CCC; padding: 2px; background: #FFF}
.botClear{ clear: both; height: 0; font-size: 1%; padding: 0; line-height: 0}

/* */
div.download { margin-bottom: 0.9em; }
div.download h4{ padding: 0.4em 0; margin: 0 0 1px 0; font-size:1.1em; }
div.download h4 img { vertical-align: middle; margin-right: 4px}
div.download ul { margin: 0; padding: 0.4em; background-color: #FFF; border: 1px solid #CCC;}
div.download li { list-style-type: none; padding: 0.1em 0; margin: 0 0 0 10px;
	}
div.download p a { }

/*********************	DONNEES TABULAIRES	*************************/
.tablo {
	border-collapse: collapse;
	width: 100%;
	
}
.tablo td {
	vertical-align: top;
	padding: 3px 5px 3px 5px;
	border: 1px solid #FFFFFF;
}
.line1 {
	background-color: #FFF;
}

tr.champs th{
	padding: 4px 5px 4px 5px;
	color: #EEF3F9;
	background: #666666;
	border: 1px solid #FFFFFF;
}
.tablo caption {
	border-bottom: 1px solid #FFF;
	color: #24486C;
	padding: 3px 6px 3px 13px;
	background:  url(../images/puceTit.gif) no-repeat 2px 8px;
	font-size: 12px;
	letter-spacing: 0.1em;
}
input.btn, .btn input {
	background: #FFF url(../images/bgBtn.png) repeat-x left bottom;
	padding: 0.2em 0.7em; border: 1px solid #000; cursor: pointer; font-weight: bold; color: #666666;
	font-size: 11px;
}

/*Detail d'un item*/
div.detail {padding: 1px;
	margin-bottom: 14px;}


/*************  contact  ******************************/ 
table.formContact{
	margin: 8px auto 0px auto
}
.formContact td {
	padding: 4px;
	border-bottom: 1px solid #FFF;
}
.formContact tr{ border-bottom: 1px solid #FFCC33}
.formContact th {
	font-weight: normal;
	width: 150px;
	padding: 4px;
	text-align: right;
	border-bottom: 1px solid #FFF;
}

.answerMail {
	padding: 1em;
}
.answerMail p { margin-bottom: 1em; }


/********	PAGINATION		******/
ul.pagine{ background: none; margin: 0px; padding: 0px; text-align: center}
ul.pagine li{ display: inline; background: none; margin: 0px; padding: 2px}
ul.pagine li.on { font-weight: bold; text-decoration: underline;}
ul.pagine li.on { font-size: 14px}

/***	CONTACT	****/
#formNeteor {
	margin: 0 0 2em 0;
	padding: 0.3em;
	background: #FFF; border: 1px solid #E2E2E2;
}
#formNeteor form {
	padding: 0 0 0 0; margin: 0; 
}
#formNeteor table {
	width: 100%;
}
#formNeteor h3{ font-size: 12px; padding:8px; font-weight: bold }
#formNeteor th{
	width: 25%; padding: 0.3em 1em 0.4em 0.4em; text-align: right
}
#formNeteor td { padding:2px;}
#formNeteor fieldset { border: none; padding: 0; margin: 0 }
#formNeteor h3 { background: #91211D; color: #FFF; padding: 6px; margin: 0 }
	
#formNeteor textarea { width: 350px; height: 100px }

/* Liste de contacts sur la page contact */
.coords {
	padding: 0 0 0 0;
	padding: 0;
	line-height: 150%;
	margin-top: 14px;
}
.coords h2 { margin-bottom: 0.5em; padding: 0; text-transform: uppercase; }
.coords span { font-weight: bold}