/* ==== CSS stylesheet for AOP project ==== */
/* === Stylesheet for "AOP Laitière évènementiel" === */

/* Stylesheet ELEMENTS & CONTAINERS */


															/** BODY ELEMENTS **/
body {
	font-size: 11px;
	text-align: center;
	color: #333;
	background-color: #fff;
	}
	


															/** MAIN CONTAINERS **/
div#container_Event {
	width: 1000px;
	margin:0 auto;
	text-align: left;
	/*position:absolute; margin:-315px 0 0 -485px; top:50%; left:50%; in case of vertical centered body main page*/
	}
	body.fullwidth div#container_Event { width: 100%; }
	div#content_Event {
			/* Cf : Body Main column class type in SUB CONTAINERS */
			}
						
	div#footer_Event {
		color: inherit;
		background:#fff url(../images/common/img_footer/bg1pxfond_footer-evt.jpg) 0px 0px repeat-y;
		width:1000px;
		height:auto;
		padding:11px 0 0 0;
		}
		div#footer_Event-in {
			padding:0 0 0 30px;
			background:url(../images/common/img_footer/fond_footer-evt.jpg) bottom left no-repeat;
			}
			div#footer_Event-in ul {
				
				}
					div#footer_Event-in ul li {
							
					}
						div#footer_Event-in p {
						
						}	




															/** SUB CONTAINERS **/


/* .:: body container style ::. */
	
		div.rcol div.contentLeft_Event 	{ margin:0 250px 0 0;  }		/* Content */
			div.contentLeft_Event-in {
				float:left;
				position:relative;
				}
		div.columnRight_Event {
			width:250px;
			height:522px;
			}
		div.rcol div.columnRight_Event 	{ position:relative; float:right; width:250px; }				/* right column */
			div.columnRight_Event-in {
				width:220px;
				}
	

	/* :: contentLeft_Event :: */

div#return-home	{ position:absolute; top:21px; left:31px; }

div.bg-pendantJeu { height:522px; background:url(../images/common/img_body/bg-hp-pendantjeu.jpg) 0px 0px no-repeat; }
div.bg-clotureJeu { height:522px; background:url(../images/common/img_body/bg-hp-finjeu.jpg) 0px 0px no-repeat; }
div.bg-quiz       { height:522px; background:url(../images/common/img_body/bg-hp-quiz.jpg) 0px 0px no-repeat; }

div.contentLeft_Event-in div#bloc-coord     { float:right; width:220px; height:auto; padding:16px 0 0 0; }
div.contentLeft_Event-in div#bloc-amis      { float:right; width:220px; height:auto; padding:16px 0 0 0; }


	/* :: columnRight_Event :: */

.bg-rcol-pendantJeu { background:url(../images/common/img_body/bg_droite-hp-pendantjeu.jpg) 0px 0px no-repeat; }
.bg-rcol-clotureJeu { background:url(../images/common/img_body/bg_droite-hp.jpg) 0px 0px no-repeat; }
.bg-rcol-quiz       { background:url(../images/common/img_body/bg_droite-hp-quiz.jpg) 0px 0px no-repeat; }


.columnRight_Event-in div#bloc-pendantJeu              			 { padding:30px 0 0 0; }				
.columnRight_Event-in div#bloc-pendantJeu div#content-pendantJeu { padding:12px 21px 0 16px; }
.columnRight_Event-in div#bloc-pendantJeu div#content-pendantJeu .pendantJeu-in   { height:225px; width:189px; overflow-y:auto; padding-right:15px; }
.columnRight_Event-in div#bloc-pendantJeu div#content-pendantJeu .pendantJeu-in p { font:normal 12px Arial; text-align:center; margin: 0.50em 0 0.10em 0; line-height:1.30em; word-spacing:-1px; }
.columnRight_Event-in div#bloc-pendantJeu div#content-pendantJeu .pendantJeu-in span#txt-pj-14px { font:bold 14px Arial!important; padding: 0 0 0.15em 0; }
.columnRight_Event-in div#bloc-pendantJeu div#content-pendantJeu .pendantJeu-in span#txt-pj-16px { font:normal 16px Arial!important; padding: 0 0 0.15em 0; }
.columnRight_Event-in div#bloc-pendantJeu div#content-pendantJeu .pendantJeu-in span#txt-pj-16pxbold-vert { color:#99CC00; font:bold 16px Arial; line-height:1.00em; }

.columnRight_Event-in div#bloc-pendantJeu span#txt-pj-11px   { font:normal 11px Arial!important; color:#333; }
.columnRight_Event-in div#bloc-pendantJeu span#txt-pj-11px a { font:normal 11px Arial!important; color:#333; padding: 0 0 0.20em 0; line-height:1.00em; text-decoration:underline;}
@media screen and (-webkit-min-device-pixel-ratio:0) {
.columnRight_Event-in div#bloc-pendantJeu span#txt-pj-11px a { font:normal 11px Arial!important; color:#333; vertical-align:text-top; text-decoration:underline; } }


.columnRight_Event-in div#bloc-clotureJeu     { padding:30px 0 0 0; }				
.columnRight_Event-in div#bloc-clotureJeu div#content-clotureJeu { padding:12px 21px 0 16px; }
.columnRight_Event-in div#bloc-clotureJeu div#content-clotureJeu .clotureJeu-in   { height:225px; width:189px; overflow-y:auto; padding-right:15px; }
.columnRight_Event-in div#bloc-clotureJeu div#content-clotureJeu .clotureJeu-in p { font:normal 12px Arial; margin: 0.30em 0 0 0; /*line-height:1.50em;*/ word-spacing:-1px; }
.columnRight_Event-in div#bloc-clotureJeu div#content-clotureJeu .clotureJeu-in p strong { font:bold 12px Arial; margin: 0.30em 0 0 0; /*line-height:1.50em;*/ word-spacing:-1px; }
.columnRight_Event-in div#bloc-clotureJeu div#content-clotureJeu .clotureJeu-in p a      { color:#333; font:bold 12px Arial; }
.columnRight_Event-in div#bloc-clotureJeu div#content-clotureJeu .clotureJeu-in span#txt-fj-14px        { font:normal 14px Arial!important; padding: 0 0 0.30em 0; }
.columnRight_Event-in div#bloc-clotureJeu div#content-clotureJeu .clotureJeu-in span#txt-fj-14px strong { font:bold 14px Arial!important; padding: 0 0 0.15em 0; }


.columnRight_Event-in div#bloc-confirmation   { padding:30px 0 0 0; }				
.columnRight_Event-in div#bloc-confirmation div#content-confirmation  { padding:12px 21px 0 16px; }
.columnRight_Event-in div#bloc-confirmation div#content-confirmation .confirmation-in   { height:235px; width:189px; padding-right:15px; }
.columnRight_Event-in div#bloc-confirmation div#content-confirmation .confirmation-in p        { font:normal 12px Arial; margin: 0.30em 0 0 0; /*line-height:1.50em;*/ word-spacing:-1px; }
.columnRight_Event-in div#bloc-confirmation div#content-confirmation .confirmation-in p strong { font:bold 12px Arial; margin: 0.30em 0 0 0; /*line-height:1.50em;*/ word-spacing:-1px; }
.columnRight_Event-in div#bloc-confirmation div#content-confirmation .confirmation-in p a { color:#333; font:bold 12px Arial; }
.columnRight_Event-in div#bloc-confirmation div#content-confirmation .confirmation-in span#txt-fj-14px   { font:normal 14px Arial!important; padding: 0 0 0.30em 0; }
.columnRight_Event-in div#bloc-confirmation div#content-confirmation .confirmation-in span#txt-fj-14px a { font:normal 14px Arial!important; padding: 0 0 0.25em 0; }
.columnRight_Event-in div#bloc-confirmation div#content-confirmation .confirmation-in span#txt-fj-14px strong { font:bold 14px Arial!important; padding: 0 0 0.15em 0; }


.columnRight_Event-in div#bloc-quiz          { padding:30px 0 0 0; }				
.columnRight_Event-in div#bloc-quiz div#content-quiz { padding:12px 21px 0 12px; }
.columnRight_Event-in div#bloc-quiz div#content-quiz .quiz-in   { height:313px; width:202px; overflow-y:auto; padding-right:6px; }
.columnRight_Event-in div#bloc-quiz div#content-quiz .quiz-in p { text-align:left; margin: 0.50em 0 0.10em 0; line-height:1.30em; word-spacing:-1px; padding:3px 0 5px 0; }
.columnRight_Event-in div#bloc-quiz div#content-quiz span#txt-quiz-11px   { font:normal 11px Arial!important; padding: 0 0 0.15em 0; }
.columnRight_Event-in div#bloc-quiz div#content-quiz span#txt-quiz-11px a { font:normal 11px Arial!important; padding: 0 0 0.15em 0; }
.columnRight_Event-in div#bloc-quiz div#content-quiz span#txt-quiz-11px strong   { font:bold 11px Arial!important; padding: 0 0 0.15em 0; }
.columnRight_Event-in div#bloc-quiz div#content-quiz span#txt-quiz-11px strong a { font:bold 11px Arial!important; padding: 0 0 0.15em 0; color:#333; text-decoration:underline;  }
.columnRight_Event-in div#bloc-quiz div#content-quiz span#txt-quiz-14px          { font:normal 14px Arial!important; padding: 0 0 0.15em 0; }
.columnRight_Event-in div#bloc-quiz div#content-quiz span#txt-quiz-14px strong   { font:bold 14px Arial!important; padding: 0 0 0.15em 0; }
.columnRight_Event-in div#bloc-quiz div#content-quiz span#txt-quiz-14px strong a { font:bold 14px Arial!important; padding: 0 0 0.15em 0; color:#333;  }


	/* == Common body SUB CONTAINERS style == */
	
div.separ-horiz-event        { vertical-align:middle; font-size:1px; background:url(../images/common/img_body/hr-bg-event.gif) 0px 10px repeat-x; }
div.separ-horiz-event_blanc  { vertical-align:middle; width:197px; _width:200px; font-size:1px; background:url(../images/common/img_body/hr-bg-event_blanc.gif) 0px 10px repeat-x; }
.align_abs_right { text-align:right!important;}
.breaklineTop1-safarihack    { margin-top:0;}
@media screen and (-webkit-min-device-pixel-ratio:0) {
.breaklineTop1-safarihack    { margin-top:13px;} }

.breaklineTop2-safarihack    { margin-top:0;}
@media screen and (-webkit-min-device-pixel-ratio:0) {
.breaklineTop2-safarihack    { margin-top:9px;} }

#required  					 { color:white; font:normal 10px Arial; width:200px!important; padding:2px 0 0 0; }

/* .:: Layer popup and mask ::. */

#mask_overlay 				 { display:none; position:absolute; background:#333; left:0; top:0; z-index:0; }

.layer-popup,
.layer-popup_reglement 		 { display:none; position:absolute; width:483px; height:546px; background:#fff; top:50%; left:50%; z-index:1; margin:-275px 0 0 -240px; }

#container_popup_mentionslegales,
#container_popup_reglement   { width:483px; height:546px; }

.hackline 					 {display:compact; *display:none; }

div.cachersousmask           { visibility:visible; }

.marron { color:#993300!important; font:normal 11px Arial; }

.align_abs_center { text-align:center!important;}
.align_abs_justify { text-align:justify!important;}



/* ::::::::::           ::::::::::::::::::: */



/* .:: footer container style ::. */
div#footer_Event-in p#accroche_footer      { height:32px; padding:8px 0 0 0px; font:normal 10px Verdana; text-align:center; }
@media screen and (-webkit-min-device-pixel-ratio:0) {
div#footer_Event-in p#accroche_footer      {  height:30px; padding:10px 0 0 0px; font:normal 10px Verdana; text-align:center; } }
div#footer_Event-in p#accroche_footer span { padding-bottom:6px; }
div#footer_Event-in p#accroche_footer a    { font:normal 10px Verdana; display:inline; vertical-align:middle; color:#333; }
div#footer_Event-in p#accroche_footer a    { font:normal 10px Verdana; display:inline; vertical-align:middle; color:#333; vertical-align:top#; }
@media screen and (-webkit-min-device-pixel-ratio:0) {
div#footer_Event-in p#accroche_footer a    { font:normal 10px Verdana; display:inline; vertical-align:top; color:#333; } }




															/** LISTS **/

/* .:: body container lists ::. */

div.contentLeft_Event-in div#bloc-coord       { width:205px; height:auto; margin:0 15px 0 0px; _margin:0 0px 0 0px;}
div.contentLeft_Event-in div#bloc-coord ul    { list-style:none; padding:3px 0 0 0; }
div.contentLeft_Event-in div#bloc-coord ul li { background:none; padding:1px 0px; }
div.contentLeft_Event-in div#bloc-coord label#label_coord { float:left; font:normal 14px Arial; word-spacing:-1px; letter-spacing:0px; width:81px; display:inline; color:#333; text-align:right; padding:5px 5px 0 0; *padding:6px 5px 0 0; }
div.contentLeft_Event-in div#bloc-coord p#coord           { float:left; font:normal 14px Arial; text-align:right; width:81px; height:16px; padding:7px 0 0 0;  }
div.contentLeft_Event-in div#bloc-coord div.content_radio_coord { float:left; padding:7px 0 0 0; *padding:6px 0 0 0; width:114px; height:auto; }
div.contentLeft_Event-in div#bloc-coord label#btn_radio_coord   { display:block;/*display:inline;*/ font:normal 11px Arial; padding:0 0 0 25px; margin-top:-13px!important; *margin-top:-17px!important; }
div.contentLeft_Event-in div#bloc-coord div.content_check_coord { width:auto; height:auto; padding:17px 0 0 55px; *padding:6px 0 0 55px; }
div.contentLeft_Event-in div#bloc-coord label#btn_check_coord   { float:left; display:block; margin-left:5px; width:125px; font:normal 12px Arial; padding:0 0 0 0; *padding:3px 0 0 0; color:#fff;  }

div.contentLeft_Event-in div#bloc-amis .bloc-amis-in       { height:auto; padding:36px 0 0 6px;  }
div.contentLeft_Event-in div#bloc-amis .bloc-amis-in ul    {list-style:none; padding:3px 0 0 0; }
div.contentLeft_Event-in div#bloc-amis .bloc-amis-in ul li { background:none; padding:1px 0px; }
div.contentLeft_Event-in div#bloc-amis .bloc-amis-in label#label_amis { float:left; font:normal 11px Arial; word-spacing:-1px; letter-spacing:0px; width:52px; display:inline; color:#333; text-align:right; padding:5px 7px 0 0; *padding:6px 7px 0 0; }
div.contentLeft_Event-in div#bloc-amis .bloc-amis-in p#amis           { font:normal 14px Arial; text-align:left; width:196px; height:16px; padding:0 0 0 5px; }


div.columnRight_Event-in div#bloc-quiz div#content-quiz label#btn_radio_quiz { display:block; padding:0 0 0 35px; font:normal 11px Arial;  margin-top:-13px!important; *margin-top:-17px!important; }

div#containerFormPopup .middleContentpopup .contentpopup-in ul.outsideline    { list-style-type:none; }
div#containerFormPopup .middleContentpopup .contentpopup-in ul.outsideline li  { background: url(../images/common/img_body/liste_square_black.gif) 17px 4px no-repeat; padding-left:37px;}
div#containerFormPopup .middleContentpopup .contentpopup-in ul.outsideline ul.insideline li { background: url(../images/common/img_body/list_black.gif) no-repeat; background-position:34px 4px; _background-position:0px 4px; padding-left:56px; _padding-left:23px; text-align:justify; }
div#containerFormPopup .middleContentpopup .contentpopup-in ul.outsideline ul.insideline li a { background:none;}

div#containerFormPopup .middleContentpopup .contentpopup-in ul.insideline2    { list-style-type:none; }
div#containerFormPopup .middleContentpopup .contentpopup-in ul.insideline2 li { background: url(../images/common/img_body/list_black.gif) 17px 4px no-repeat; padding-left:37px; text-align:justify; }
div#containerFormPopup .middleContentpopup .contentpopup-in ul.insideline2 li a { background:none;}


div#containerFormPopup .middleContentpopup .contentpopup-in ul.insideline3    { list-style-type:none; }
div#containerFormPopup .middleContentpopup .contentpopup-in ul.insideline3 li { background: url(../images/common/img_body/list_black.gif) 0px 4px no-repeat; padding-left:20px; text-align:justify; }
div#containerFormPopup .middleContentpopup .contentpopup-in ul.insideline3 li a { background:none;}

/* .:: footer container lists ::. */
div#footer_Event-in ul 		           { list-style:none; height:48px; padding-bottom:10px; }
div#footer_Event-in ul li		       { float:left; display:inline; }
div#footer_Event-in ul li#ue_link_event a img  { margin-right:18px; }
div#footer_Event-in ul li#mlegale_event span a { font:normal 10px Verdana; color:#333; word-spacing:-2px; padding:19px 0 0 0; position:relative; display:block; letter-spacing:normal; }

															
															
															
															/** TYPOGRAPHY **/
* { }

															/** FORMS **/

.columnRight_Event-in div#bloc-pendantJeu input#jaccepte { margin:0 10px 0 5px ; *margin:0 7px 0 5px; cursor:pointer; }
.columnRight_Event-in div#bloc-pendantJeu input#jouer    { position:absolute; bottom:12px; right:37px; width:168px; height:28px; border:none!important; background: url(../images/buttons/buttons_body/btn-Jouer_event.png) 0px 0px no-repeat; cursor:pointer; }
.columnRight_Event-in div#bloc-pendantJeu div.mustcheck  { height:12px!important; font:normal 9px Verdana; color:#FF0000; padding:4px 0 0 0; letter-spacing:-1px; word-spacing:0px; line-height:12px; }
@media screen and (-webkit-min-device-pixel-ratio:0) {
.columnRight_Event-in div#bloc-pendantJeu div.mustcheck  { font:normal 9px Verdana; color:#FF0000; padding:0px 0 0 10px; letter-spacing:-1px; word-spacing:0px; line-height:9px; } }


div#containerFormPopup { text-align:left!important; width:483px; font:normal 11px Arial; color:#333;}

div#containerFormPopup .leftTopCornerpopup      { background:url(../images/common/img_body/popups/bg-filet-gauche.gif) 0px 0px repeat-x;}
div#containerFormPopup .leftTopCornerpopup img  { vertical-align:top;}
div#containerFormPopup .topLineheadpopup        { background: url(../images/common/img_body/popups/bg-filet-haut.gif) 0px 0px repeat-x; vertical-align:top}
div#containerFormPopup .topLineheadpopup img    { vertical-align:top;}
div#containerFormPopup .rightTopCornerpopup     { background:url(../images/common/img_body/popups/bg-filet-droite.gif) 0px 0px repeat-y; }
div#containerFormPopup .rightTopCornerpopup img { vertical-align:top;} 
div#containerFormPopup .leftColumnpopup         { background:url(../images/common/img_body/popups/bg-filet-gauche.gif) 0px 0px repeat-y; vertical-align:bottom;}

div#containerFormPopup .middleContentpopup      { background:url(../images/common/img_body/popups/bg-filet-milieu.gif) bottom left repeat-x; }
div#containerFormPopup .middleContentpopup .contentpopup-in { width:99%; height:440px; overflow-y:auto; padding-right:5px; }
div#containerFormPopup .middleContentpopup .contentpopup-in a { color:#333; }
div#containerFormPopup .middleContentpopup .contentpopup-in p a:hover strong,
div#containerFormPopup .middleContentpopup .contentpopup-in a:hover strong { color:#333; font-weight:bold; text-decoration:underline!important; }
div#containerFormPopup .middleContentpopup .contentpopup-in a span.marron { color:#993300!important; font:normal 11px Arial; text-decoration:none; }
div#containerFormPopup .middleContentpopup .contentpopup-in a:hover span.marron { color:#993300!important; font:normal 11px Arial; text-decoration:underline; }
div#containerFormPopup .middleContentpopup p    { margin: 0.50em 0 1.45em 0; line-height: 1.30em;}


div#containerFormPopup .rightColumnpopup        { background:url(../images/common/img_body/popups/bg-filet-droite.gif) 0px 0px repeat-y; vertical-align:bottom; }
div#containerFormPopup .leftColumn-in-popup     { background:url(../images/common/img_body/popups/filet-mg.gif) bottom left no-repeat; vertical-align:bottom; }
div#containerFormPopup .rightColumn-in-popup    { background:url(../images/common/img_body/popups/filet-md.gif) bottom left no-repeat; vertical-align:bottom; }
div#containerFormPopup .bottomLinepopup         { background:url(../images/common/img_body/popups/bg-filet-bas.gif) 0px 0px repeat-x; }
div#containerFormPopup .leftBottomCornerpopup img, 
div#containerFormPopup .rightBottomCornerpopup img { vertical-align:top!important;}

div#containerFormPopup div.contentFormPopup       { width:445px!important; padding:0px;}
div#containerFormPopup div.contentFormPopup form  { text-align:left!important;}
div#containerFormPopup div.contentFormPopup ul    { list-style:none; text-align:left; padding:0px; margin:0px;}
div#containerFormPopup div.contentFormPopup li    { background:none; margin:10px 0; }
div#containerFormPopup div.contentFormPopup label { float:left; font:bold 11px Arial; width:150px; display:inline; color:#333; text-align:left!important; padding:4px 5px 0 0; *padding:4px 5px 0 0; }
div#containerFormPopup div.contentFormPopup .lesseparer   { /*padding-left:155px;*/}
div#containerFormPopup div.contentFormPopup p.commentsSys { color:red; font:normal 10px Arial;}



div.contentLeft_Event-in div#bloc-coord input.coord      { width:112px; height:18px; vertical-align:bottom!important; font-size:12px; border:1px solid #B3BABF; background-color:white; cursor:text; padding:3px 1px 0 2px; _padding:3px 0px 0 2px; }
div.contentLeft_Event-in div#bloc-coord input.btnRadios  { margin:0 0 0 6px; *margin:0 0 0 2px; cursor:pointer; }															
div.contentLeft_Event-in div#bloc-coord input.checkActus { float:left; cursor:pointer; }															
															
div.contentLeft_Event-in div#bloc-amis input.amis        { width:132px; height:18px; vertical-align:middle; font-size:12px; border:1px solid #B3BABF; background-color:white; cursor:text; padding:3px 2px 0 2px; }

div.columnRight_Event-in div#bloc-quiz input.btnRadios-quiz { margin-left:15px; *margin-left:12px; cursor:pointer; }

div.columnRight_Event-in div#bloc-quiz input#valider      { position:absolute; bottom:27px; right:35px; width:138px; height:28px; border:none!important; margin-left:10px; background: url(../images/buttons/buttons_body/btn-Valider_event.png) 0px 0px no-repeat; cursor:pointer; }															
div.columnRight_Event-in div#bloc-quiz span.quneseulefois { font:normal 9px Verdana; color:#FF0000; letter-spacing:-1px; word-spacing:0px; line-height:12px; }
@media screen and (-webkit-min-device-pixel-ratio:0) {
div.columnRight_Event-in div#bloc-quiz span.quneseulefois { vertical-align:top!important; font:normal 9px Verdana; color:#FF0000; padding:0px 0 0 10px; letter-spacing:-1px; word-spacing:0px; line-height:9px; } }															
															
															
															
															
															
															
															/** END **/