/* MAIN ------------------------------------------------------------*/
/* PROGRAMMER PAR PATRICK CLAVEAU */
/* ECKINOX MéDIA */

/* =General-----------------------------------------------------------------------------*/

html{height: 100%}
p{margin: 0;padding: 0;}
blockquote{}
ul{margin: 0;padding: 0;list-style: none;}
.clear{ /* Class for clearing floats */clear:both;}
img{ /* Remove border around linked images */border: 0;}

/* =layout----------------------------------------------------------------------------*/
a{ font-size:11px; color:#0099FF; text-decoration:none;  }
a:hover{ text-decoration: underline; }
#a:hover{text-decoration:none;}
p{ margin-bottom:10px; }
img.imgLink{ border:1px solid #CCC;}
img.imgLink:hover{ border:8px solid #555; border-bottom:20px solid  #555;}
/* =Typography-----------------------------------------------------------------------------*/

body{ font-family: Helvetica, Arial, sans-serif; font-size:11px; color:#000000; padding:0; margin:0; height:100%; background:#000 url(../../img/backgroung_body.jpg) center top no-repeat; behavior: url(csshover.htc); line-height:16px;}

/* =Headings-----------------------------------------------------------------------------*/
h1, h2, h3, h4, h5{ font-family:Arial, Helvetica, sans-serif; font-weight:normal; margin:0; padding:0; }
h1{ font-size:20px;  margin-bottom:8px;}
h2{ font-size:18px; color:#006699; margin-top:10px; font-weight:lighter;}
h3{ font-size:12px; color:#006699; text-transform:uppercase; margin-top:10px; }
h4{ font-size:10px; text-transform:uppercase; }
h5{ font-size:10px; text-transform:uppercase; }

div.boxEveInfo{ margin-bottom:12px; }
/* =Link-----------------------------------------------------------------------------*/

/* =Header ----------------------------------------------------------------------------- */

div.wrapper-header {
	width: 100%;
	background: #000;
		-moz-box-shadow: 0 0 15px #000;
		-khtml-box-shadow: 0 0 15px #000;
		-webkit-box-shadow: 0 0 15px #000;
		box-shadow: 0 0 15px #000;
}
div.wrapper-header div.header {
	width: 960px;
	height: 66px;
	margin: 0 auto;
	position: relative;
}

div.header h1 {
	position: absolute;
	top: 0;
	width:336px;
	height:157px;
	left: -30px;
	background:url('../../img/bg-logo-festivalma.png') no-repeat;
	padding: 40px 0 0 45px;
}

div.header ul {
	float: right;
}
div.header ul li {
	float: left;
	position:relative;
	height: 43px;
	padding: 23px 22px 0 22px;
}
div.header ul li a {
	color: #FFF;
	font-size: 12pt;
	font-family: Helvetica, Arial, sans-serif;
}
div.header ul li:hover {
	background:#0f7aca;
}
div.header ul li a:hover {
	text-decoration:none;
}
div.header ul li:hover ul {
	display:block;
}

div.header ul li ul {
	display:none;
	width:210px;
	z-index: 9999;
	position:absolute;
	top: 66px;
	left: 0;
	padding-bottom: 5px;
	background: #0f7aca;
		-moz-border-radius: 0 0 5px 5px;
		-khtml-border-radius: 0 0 5px 5px;
		-webkit-border-radius: 0 0 5px 5px;
		border-radius: 0 0 5px 5px;
}
div.header ul li ul li {
	width:185px;
	height:auto;
	border-top:1px solid #2092d1;
	padding: 10px 5px 10px 20px;
}
div.header ul li ul li a {
	font-size: 10pt;
}
div.header ul li ul li:hover {
	background:#23a0e6;
}


/* =Frame------------------------------------------------------------------------------*/

div.info {
	background:#000;
	height:88px;
}

div.info div {
	float:right;
	padding-right: 20px;
	border-right:1px solid #525252;
	font-size:12pt;
	color:#afafaf;
	text-align:right;
	line-height:17pt;
	margin: 20px 20px 0 0;
}
div.info div span {
	font-size:24pt;
	color:#FFF;
}

div.info button {
	margin: 20px 15px 0 0;
	float:right;
	width: 265px;
	height:42px;
	border:none;
	cursor:pointer;
	background:url(../../img/bg-button-inscription.png) no-repeat;
}


#wrap{  width:960px; margin: 0 auto; padding: 0; margin-top: 310px;}
#wrap #leftCol{  width:280px; float:left;}
#wrap #leftCol #menuContainer{  width:280px; padding: 0; margin-left:0px; font-size:14px; color:#FFFFFF; }
/*#wrap #leftCol #menuContainer a{ width:126px; height:29px; line-height:29px; padding-left:50px; display:block; border-bottom:1px #ffffff solid; font-size:14px; color:#FFFFFF; text-decoration:none;}
#wrap #leftCol #menu a:hover{ font-size:14px; font-weight:bold; color:#FFFFFF; text-decoration:none; background:transparent url(../../img/menu_roll.gif) left top no-repeat; }*/

div.nav-partemnaires { text-align:center; background: #fff; margin: 5px 0; padding: 13px 10px 30px 10px ; }
div.nav-partemnaires h2 { text-align:left; color:#000; font-size:14pt; background: #ebaf2d; padding: 10px; margin:0 0 30px -20px; }
div.nav-partemnaires img { margin: 0 7px; }

div.social { margin-left: 2px; }
div.social a { float:left; }

#wrap #rightCol{ width:680px; float:right; margin-top: 22px;}
#img1{ background:transparent url(../../img/b_festirame.jpg) top left no-repeat;}
#img1:hover{ background:transparent url(../../img/b_festirame_roll.jpg) top left no-repeat;}
#img2{ background:transparent url(../../img/b_crcr.jpg) top left no-repeat;}
#img2:hover{ background:transparent url(../../img/b_crcr_roll.jpg) top left no-repeat;}
#img3{ background:transparent url(../../img/b_fma.jpg) top left no-repeat;}
#img3:hover{ background:transparent url(../../img/b_fma_roll.jpg) top left no-repeat;}
#img4{ background:transparent url(../../img/b_maison.jpg) top left no-repeat;}
#img4:hover{ background:transparent url(../../img/b_maison_roll.jpg) top left no-repeat;}

#listPage{ float:right; }
#listPage a{ display:inline-block; padding:4px;  border:1px solid #DDD; width:7px; line-height:7px; background-color:#F4F4F4; float:left; color:#000; margin-right:5px; }
#listPage a:hover{ background-color:#FFF; color:#0099FF; text-decoration:none; }

#wrap #rightCol #container { background:#f2f2f2 url('../../img/backgroung_container.jpg') repeat-y; padding: 60px 0;}
#wrap #rightCol #container #rightcol {width:600px; margin-top: 0;}
#wrap #rightCol #container #middleCont{ }
#wrap #rightCol #container #middle #rightCol{ width:600px; float:right; margin: 0 40px 0 10px; min-height:450px; }
#wrap #rightCol #container #middle #rightCol h1 { padding-top:10px; color:#1188df; font-size:45px; letter-spacing:-0.03em; margin-bottom:50px; }
#wrap #rightCol #container #middle #rightCol h2 { color:#1188df; font-size:40px; letter-spacing:-0.03em; margin-bottom:40px; }
#wrap #rightCol #container #middle #rightCol h3 { color:#1188df; font-size:19pt; letter-spacing:-0.03em; margin-bottom:30px; text-transform:none; }
#wrap #rightCol #container #middle #rightCol h4 { color:#1188df; font-size:14pt; letter-spacing:-0.03em; margin-bottom:30px; text-transform:none; }
#wrap #rightCol #container #middle #rightCol h5 { color:#555; font-size:12pt; font-weight:bold; text-transform:none; }
#wrap #rightCol #container #middle #rightCol h6 { color:#555; font-size:10pt; font-weight:bold; }
#wrap #rightCol #container #middle #rightCol ul { list-style-type:disc; margin-left:40px; font-size:10pt; margin-bottom:30px; color:#555; }
#wrap #rightCol #container #middle #rightCol div#text p { font-size:10.5pt; margin-bottom:30px; color:#555; }
#wrap #rightCol #container #middle #rightCol div#text a { font-size:10.5pt; }
#wrap #rightCol #container #middle #rightCol div#text hr { border-color:#c4c4c4; margin: 10px 0 25px 0; }


#wrap #footer{ font-size:10px; color:#dce0df; margin-top:35px; padding-top:35px;  border-top:1px solid #373737;}
#wrap #footer a{font-size:10px; color:#dce0df;}
#wrap #footer #logo{  margin-bottom:15px; padding:0 14px 0 14px; text-align:left;}
#wrap #footer #logo img{ padding:9px;}

#wrap #footer div.logo-partemaires { text-align:center;  }
#wrap #footer div.logo-partemaires ul { text-align:center; margin: 0 35px; }
#wrap #footer div.logo-partemaires ul li { float:left; margin: 0 35px; }

#wrap #footer .copyright { padding-top:35px; margin:35px 0 250px 0; border-top:1px solid #373737; }
#wrap #footer .copyright p { float:left; }
#wrap #footer .copyright a { float:right; }