﻿.bandeauRose,.bandeauRoseBottom {
	clear: both;
	height: 35px;
	margin: auto;
	padding-top: 15px;
	padding-bottom: 4px;
	width: 965px;
}

.bandeauRoseBottom {
	padding-top: 5px;
}
#flashcontent
{
    display:block;
    position:relative;
    z-index:1;
}

.backToMap {
	margin-bottom: 4px;
	display: block;
	width: 136px;
	height: 27px;
	background: #565656 url(../media/program/prevEventArrow.png) no-repeat center left;
	color: #fff;
	font-size: 13px;
	font-weight: bold;
	text-decoration: none;
	padding-left: 19px;
	padding-top: 6px;
	border-left: solid 5px #faab00;
}

.backToMap:hover {
	text-decoration: underline;
}

.nameEvent {
	font-size: 22px;
	color: #434343;
	width: 400px;
}

.logoEvent {
	float: left;
}

.bannerEvent {
	margin: 0px;
}

#pictoOrganize_contest, #pictoOrganize_1 {
	background-image: url(../media/program/pictoOrganize/picto_contest.png);
}

#pictoOrganize_lessons, #pictoOrganize_2 {
	background-image: url(../media/program/pictoOrganize/picto_lessons.png);
}

#pictoOrganize_testing, #pictoOrganize_3 {
	background-image: url(../media/program/pictoOrganize/picto_testing.png);
}

#pictoOrganize_environment, #pictoOrganize_4 {
	background-image: url(../media/program/pictoOrganize/picto_environment.png);
}

#pictoOrganize_concert, #pictoOrganize_5 {
	background-image: url(../media/program/pictoOrganize/picto_concert.png);
}

#pictoOrganize_party, #pictoOrganize_6 {
	background-image: url(../media/program/pictoOrganize/picto_party.png);
}

#pictoOrganize_other, #pictoOrganize_7 {
	background-image: url(../media/program/pictoOrganize/picto_other.png);
}

.headerEvent {
	width: 583px;
	margin-left: 15px;
	margin-bottom: 12px;
}

.titleEvent {
	padding: 12px 15px;
	background: #f6a700 url("../media/program/fondEvenement.jpg") left;
}

.pictoOrganize_active,.pictoOrganize_inactive {
	background-repeat: no-repeat;
	width: 30px;
	height: 30px;
	margin-left: 2px;
	display: inline-block;
}

.pictoOrganize_active {
	background-position: left top;
}

.pictoOrganize_inactive {
	display: none;
}

.location {
	font-size: 13px;
	color: #565656;
}

.contenuEvent {
	width: 920px;
	margin: auto;
	padding: 20px 0px;
	background: white;
}

.clear {
	clear: both;
}

/*BLOC DE DESCRIPTION DE L'EVENT*/
.descEvent {
	width: 615px;
	float: left;
	background-color: #5a5a5a;
	margin: -118px 0px 0px 155px;
}

.descEvent .top {
	background: transparent url(../media/program/encartBgTop.png) repeat-x top left;
}

.descEvent .bottom {
	background: #fff url(../media/program/encartBgBottom.png) repeat-x top left;
}

.descEvent .content {
	margin-left: 15px;
	margin-right: 15px;
}

.descEvent .content h2 {
	float: left;
	width: 110px;
	padding-right: 5px;
	height: 35px;
	margin-left: -115px;
	margin-bottom: -35px;
	background-color: #f6a700;
}

.descEvent .content h2 .nameSection {
	margin-top: 5px;
	float: right;
	color: #303030;
	font-size: 22px;
}

.section {
	padding: 15px 0 15px 0;
	margin-bottom: 10px;
	width: 583px;
	background: #e4e4e4 url(../media/program/bgSection.jpg) repeat-y top left;
	border-bottom: 5px solid #f6a700;
}

table .field {
	color: #333333;
	font-size: 12px;
	padding-left: 20px;
	padding-right: 20px;
	background-color: #e4e4e4;
}

table .fieldName {
	width: 85px;
	vertical-align: top;
	text-align: right;
	padding-right: 5px;
	color: #373636;
	font-size: 10px;
	background-color: #c6c6c6;
}

table .field .hr {
	clear: both;
	width: 100%;
	height: 1px;
	border-bottom: solid 1px #acacac;
	padding-top: 6px;
	margin-bottom: 6px;
}

.willBeThere {
	float: right;
	color: #4d4d4d;
	margin: 4px 2px 15px 0px;
}

.willBeThere .nbInscrits {
	height: 18px;
	font-size: 13px;
	background-color: #e4e4e4;
	margin-top: 4px;
	text-align: right;
	padding-right: 5px;
}

.willBeThere .btnWillBeThere {
	color: #4d4d4d;
	min-height: 28px;
	font-size: 17px;
	padding: 5px 5px 5px 35px;
	text-decoration: none;
	background: #faab00 url(../media/masterpageOfficiel/bigButton.png) scroll no-repeat;
	background-position: -8px center;
}

.willBeThere .btnWillBeThere:hover {
	color: #faab00;
	background: #4d4d4d url(../media/masterpageOfficiel/bigButton.png) no-repeat;
	background-position: -4px center;
}

/*PARTAGER LE PAGE*/
.partagelaPage {
	float: left;
	margin-top: -10px;
}

.partagelaPage span {
	float: left;
	margin-top: 8px;
	margin-right: 8px;
	color: #e4e4e4;
	font-size: 10px;
	text-align: left;
}

.partagelaPage .facebook span,.partagelaPage .twitter span {
	display: none;
}

.partagelaPage .facebook,.partagelaPage .twitter {
	margin-top: 7px;
	display: inline-block;
	width: 17px;
	height: 17px;
}

.partagelaPage .facebook {
	background: transparent url(../media/program/pictoFacebook.png) no-repeat bottom left;
}

.partagelaPage .twitter {
	margin-left: 0px;
	background: transparent url(../media/program/pictoTwitter.png) no-repeat bottom left;
}

.footer {
	margin-top: 50px;
}

.surroundEventsTop,.surroundEventsBottom {
	width: 965px;
	margin: auto;
	padding: auto;
	font-size: 11px;
}

.surroundEventsTop .surroundEventName,.surroundEventsBottom .surroundEventName {
	color: #b2d235;
}

.surroundEventsTop .surroundEventLocation,.surroundEventsBottom .surroundEventLocation {
	color: #ccc;
}

.surroundEventsTop .surroundEventMoreInfos,.surroundEventsBottom .surroundEventMoreInfos {
	color: #fff;
	width: 132px;
	padding: 2px 4px 2px 4px;
	background-color: #767676;
	height: 15px;
	position: absolute;
	margin-top: 90px;
	text-decoration: none;
}

.surroundEventsTop .surroundEventMoreInfos:hover,.surroundEventsBottom .surroundEventMoreInfos:hover {
	color: #565656;
	background-color: #00C0D7;
	text-decoration: none;
}

.surroundEventsTop .previousEvent,.surroundEventsTop  .nextEvent,.surroundEventsBottom .previousEvent,.surroundEventsBottom  .nextEvent {
	padding: 4px;
	width: 140px;
	height: 110px;
	background-color: #565656;
}

.surroundEventsBottom .previousEvent,.surroundEventsBottom  .nextEvent {
	margin-top: -140px;
}

.surroundEventsTop .previousEvent,.surroundEventsBottom .previousEvent {
	float: left;
	border-left: solid 12px #b2d235;
}

.surroundEventsTop .previousEvent,.surroundEventsTop .nextEvent {
	margin-top: 19px;
}

.surroundEventsTop  .nextEvent,.surroundEventsBottom  .nextEvent {
	float: right;
	border-right: solid 12px #b2d235;
}

.surroundEventsTop .prevArrow,.surroundEventsTop .nextArrow,.surroundEventsBottom .prevArrow,.surroundEventsBottom .nextArrow {
	position: absolute;
	margin-top: 37px;
	width: 10px;
	height: 38px;
}

.surroundEventsTop .prevArrow,.surroundEventsBottom .prevArrow {
	background: transparent url(../media/program/prevEventArrow.png) no-repeat bottom left;
	margin-left: -14px;
}

.surroundEventsTop .nextArrow,.surroundEventsBottom .nextArrow {
	background: transparent url(../media/program/nextEventArrow.png) no-repeat bottom left;
	margin-left: 144px;
}
.surroundEventsBottom a.centPourCent, .surroundEventsTop a.centPourCent
{
    position:absolute;
    width:158px;
    height:100px;
    margin-left:-14px;
}

/* media event report */
.eventreport {
	width: 615px;
	margin: auto;
	padding: auto;
	padding-top: 12px;
}

.eventreport .report {
	background-color: #e2e2e2;
	padding: 16px;
}

.eventreport .headerReport {
	background-color: #3c3c3c;
	width: 549px;
	height: 34px;
	clear: both;
	font-size: 10px;
	color: #c2c2c2;
	padding-left: 17px;
	padding-right: 17px;
}

.eventreport .headerReport a {
	text-decoration: none;
	color: #c2c2c2;
}

.eventreport .headerReport a:hover {
	text-decoration: none;
	color: #C0D300;
}

.eventreport .contentReport {
	color: #404040;
	background-color: #bdbdbd;
	padding-top: 7px;
	padding-left: 17px;
	padding-left: 17px;
}

.eventreport .contentReport img {
	max-width: 550px;
}

.eventreport .contentReport .hr {
	clear: both;
	width: 540px;
	height: 1px;
	border-bottom: solid 1px #acacac;
	padding-top: 6px;
	margin-bottom: 6px;
}

.eventreport .headerReport .titleReport {
	color: #faab00;
	font-size: 18px;
}

.eventreport .headerReport .nbComments {
	position: absolute;
	margin-top: -7px;
}

.eventreport .headerReport .addComment {
	display: block;
	background: transparent url(../media/program/addComment.png) no-repeat right 1px;
	padding-bottom: 5px;
}

.eventreport .headerReport .addComment a {
	margin-right: 25px;
}

.eventreport .footerReport {
	font-size: 10px;
	background-color: #d0cbcb;
	width: 549px;
	height: 30px;
	padding-left: 17px;
	padding-right: 17px;
	border-bottom: 5px solid #faab00;
}

.eventreport .footerReport .dateReport {
	float: left;
	padding-top: 8px;
}

.eventreport .footerReport .partageReport {
	float: right;
}

.partageReport .content {
	float: right;
	text-align: left;
	height: 20px;
	padding-top: 8px;
}

.partageReport .content div {
	float: left;
	text-align: right;
	margin-right: 5px;
}

.partageReport .facebook span,.partageReport .twitter span {
	display: none;
}

.partageReport .facebook,.partageReport .twitter {
	display: inline-block;
	width: 17px;
	height: 17px;
}

.partageReport .facebook {
	background: transparent url(../media/program/pictoFacebook.png) no-repeat bottom left;
}

.partageReport .twitter {
	background: transparent url(../media/program/pictoTwitter.png) no-repeat bottom left;
}

.eventreport .top,.eventreport .bottom,.eventreport .middle {
	width: 740px;
	margin-left: 28px;
}

.eventreport .top {
	height: 9px;
	background: transparent url(../media/program/mediaTop.png) no-repeat -1px top;
}

.eventreport .bottom {
	height: 7px;
	background: transparent url(../media/program/mediaBottom.png) no-repeat top left;
}

.eventreport .middle {
	background: transparent url(../media/program/mediaMiddle.png) repeat-y top left;
}

.eventreport .left {
	float: left;
	width: 234px;
	padding: 16px 16px 16px 6px;
}

.eventreport .right {
	float: left;
	margin: 0 0 0 15px;
	width: 435px;
	padding: 16px;
}

.eventreport .right a {
	color: #e30166
}

.eventreport .right img {
	width: 420px;
}

.eventreport .right .objet,.eventreport .right h3 {
	margin: 0 0 10px 0;
}

.eventreport .right h3 {
	color: #121015;
	font-size: 18px;
}

#loader {
	width: 65px;
	height: 20px;
	background: #646464;
	color: #fff;
	padding: 237px 5px 3px 350px;
	margin: 10px 0px;
}

.commentaires .itemCommentaire {
	margin-top: 15px;
}

.commentaires .itemCommentaire .headerComment {
	height: 48px;
}

.commentaires .itemCommentaire .headerComment h3 {
	display: inline;
	color: #535353;
}

.commentaires .itemCommentaire .headerComment span {
	color: #a6a6a6;
	font-size: 10px;
}

.avatar {
	float: left;
	margin-right: 10px;
}

.commentaires .itemCommentaire .contentComment {
	background-color: #d4d4d4;
	font-size: 11px;
	color: #535353;
	padding: 10px;
}

.commentaires .addComments {
	margin-top: 15px;
	background-color: #faab00;
	padding: 4px;
}

.commentaires .addComments .addName input {
	width: 210px;
	border: none;
	margin-top: 6px;
	margin-top: 0px;
	background-color: #fff;
	clear: both;
}

.commentaires .addComments .addText {
	padding-left: 48px;
	margin-top: -15px;
}

.commentaires .addComments .addText textarea {
	margin-top: 5px;
	border: none;
	background-color: #fff;
}

.commentaires .addComments .submitBtn span {
	color: #fff;
	font-size: 11px;
}

.commentaires .addComments .submitBtn {
	margin-top: 5px;
	padding: 4px;
	text-decoration: none;
	display: block;
	float: right;
	height: 15px;
	background-color: #838181;
}

.commentaires .addComments .submitBtn:hover {
	background-color: #000;
}

.msg {
	font-size: 12px;
	color: #ccc;
	float: right;
	text-align: left;
	margin-right: 15px;
	display: block;
	margin-top: -24px;
	margin-top: 14px;
}

.basDePage {
	width: 615px;
	margin: auto;
	padding-top: 5px;
	text-align: center;
}

.basDePage a {
	text-decoration: none;
	color: #333;
}

.basDePage a:hover {
	text-decoration: underline;
}
