/* jqModal base Styling courtesy of;
	Brice Burgess <bhb@iceburg.net> */

/* The Window's CSS z-index value is respected (takes priority). If none is supplied,
	the Window's z-index value will be set to 3000 by default (via jqModal.js). */
	
.jqmWindow, .jqmWindowContact, .jqmWindowPastille {
    display: none;
    
    position: absolute;
    top: 5%;
    left: 50%;
    
    margin-left: -300px;
    width: 600px;
    
    /*background-color: #EEE;
    color: #333;
    border: 1px solid black;
    padding: 12px;*/
}

.jqmWindowContact {
    margin-left: -202px;
    width: 404px;
}

.jqmWindowPastille { top: 15%; margin-left: -240px; }

.jqmWindowPastille .header span{ 
	background: url(../images/modal/pastillePop.png) 0 0 no-repeat;
	height: 203px;
	left: -60px;
	position:absolute;
	top: -60px;
	width: 157px;
	z-index:5000;
}

.jqmWindowPastille h3 {
	color: #87afdc;
	font-size: 170%;
	position: relative;
	text-transform: uppercase;
	top: -10px;
}

.jqmWindowPastille p {line-height: 1.4em !important; padding-bottom: 10px !important; }
.jqmWindowPastille p a { font-size: 90%; }
.jqmWindowPastille p span {font-size: 130% !important; }
.jqmWindowPastille .bleu { color: #29588e !important; }

.jqmOverlay { background-color: #000; }

/* Background iframe styling for IE6. Prevents ActiveX bleed-through (<select> form elements, etc.) */
* iframe.jqm {position:absolute;top:0;left:0;z-index:-1;
	width: expression(this.parentNode.offsetWidth+'px');
	height: expression(this.parentNode.offsetHeight+'px');
}

/* Fixed posistioning emulation for IE6
     Star selector used to hide definition from browsers other than IE6
     For valid CSS, use a conditional include instead */
* html .jqmWindow, * html .jqmWindowContact {
     position: absolute;
     top: expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(17 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px');
}

.jqmWindow .header {
	background: url(../images/modal/modalTop.png) no-repeat;
	height: 74px;
	position: relative;
	width: 589px;
}
.jqmWindowContact .header {
	background: url(../images/modal/modalTopContact.png) no-repeat;
	height: 76px;
	position: relative;
	width: 404px;
}

.jqmWindowPastille .header {
	background: url(../images/modal/popPastilleTop.png) no-repeat;
	height: 55px;
	position: relative;
	width: 497px;
}

.jqmWindow .target {
	background: url(../images/modal/modalContent.png) repeat-y;
	padding: 0 30px 5px 52px;
	width: 507px;
}

.jqmWindowContact .target {
	background: url(../images/modal/modalContentContact.png) repeat-y;
	padding: 0 52px 10px 52px;
	width: 300px;
}

.jqmWindowPastille .target {
	background: url(../images/modal/popPastilleBack.png) repeat-y;
	padding: 0 52px 10px 52px;
	width: 393px;
}

.jqmWindow .footer {
	background: url(../images/modal/modalBottom.png) no-repeat;
	height: 40px;
	width: 589px;
}

.jqmWindowContact .footer {
	background: url(../images/modal/modalBottomContact.png) no-repeat;
	height: 47px;
	width: 404px;
}

.jqmWindowPastille .footer {
	background: url(../images/modal/popPastilleBottom.png) no-repeat;
	height: 45px;
	width: 497px;
}

.jqmWindow .header a.jqmClose, .jqmWindowContact .header a.jqmClose, .jqmWindowPastille .header a.jqmClose {
	height: 20px;
	right: 40px;
	position: absolute;
	top: 40px;
	width:30px;
}

/*.jqmWindow .target a.jqmClose {
	height: auto;
	width: auto;
	position: relative;
	top: 0;
	left: 0;
}*/


.jqm .target h2 {
	color: #29588e;
	display: inline;
	float: left;
	font-size: 110%;
	font-weight: normal;
	margin-right: 10px;
}

.jqm .target .nav { height: 10px; position: relative; width: 100%; }
.jqm .target .nav .navRight { position: absolute; right: 5px; }
.jqm .target .nav p { float: left; font-size: 90%; line-height: 19px; margin-right: 5px;}
.jqm .target .nav strong { color: #29588e; font-weight: normal; }
.jqm .target .nav a.previous, .jqmWindow .target .nav a.next {
	background-image: url(../images/modal/navGauche.png);
	background-position: left top;
	background-repeat: no-repeat;
	display: block;
	float: left;
	height: 19px;
	width: 20px;
}
.jqm .target .nav a.next { background-image: url(../images/modal/navDroite.png); }
.jqm .target .nav a.inactive { background-position: left bottom; }

.bandeFiltrePop { position: absolute; left: 62px; top: 40px; }
.jqm p { margin: 0; padding: 0; line-height: 1em;}
.jqm p span { display: block; font-size: 90%; }
.jqm a { text-decoration: none; }
.jqm a:hover { text-decoration: underline; }
.jqm a.section { text-transform: lowercase;}

/**** actualites ***/
.jqmWindow .target ul.actualites { margin:0; }
.jqmWindow .target ul.actualites li { margin-bottom: 5px;  position: relative;}
.jqmWindow .target ul.actualites li span.mask {
	background: url(../images/modal/maskActualite.png) no-repeat;
	display: block;
	position: absolute;
	height: 50px;
	width: 51px;
}
.jqmWindow .target ul.actualites li img { float: left; display: inline;}
.jqmWindow .target ul.actualites li p {
	background: url(../images/modal/backActualite.png) no-repeat;
	float: left;
	height: 24px;
	margin: 0 0 0 5px;
	overflow: hidden;
	padding: 13px 20px;
	width: 408px;
}
.jqmWindow .target ul.actualites li span.new {
	background: url(../images/modal/newPostFlag.png) no-repeat;
	top: -2px;
	display: block;
	height: 26px;
	position: absolute;
	right: 12px;
	width: 11px;
}

/**** Video ***/
.jqmWindow .infoVideo {
	margin: 0 auto;
	width: 500px;
}
.jqmWindow .infoVideo .top {
	background: url(../images/modal/popTopVideo.png) no-repeat;
	height: 13px;
}

.jqmWindow .infoVideo .bottom {
	background: url(../images/modal/popBottomVideo.png) no-repeat;
	height: 7px;
}

.jqmWindow .infoVideo .content {
	background: url(../images/modal/popContentVideo.png) repeat-y;
	padding: 10px;
	width: 480px;
}

.jqmWindow .infoVideo ul {
	display: table;
	margin:0;
}
.jqmWindow .infoVideo ul li { 
	background: url(../images/modal/verticalDot.png) repeat-y;
	display: table-cell;
	margin: 0 10px;
	padding: 0 10px;
	vertical-align: middle;
}
.jqmWindow .infoVideo ul li.first { 
	background: none;
	margin-left: 0;
	padding-left: 0;
	width: 300px;
}

.jqmWindow .infoVideo strong { 
	color: #29588e;
	font-size: 120%;
	font-weight:normal;
}

.jqmWindow .infoVideo a.btnRetour { 
	background: url(../images/modal/btnBleu.png) no-repeat;
	color: #fff;
	display: block;
	font-size: 80%;
	height: 19px;
	line-height: 18px;
	padding: 0 5px 0 15px;
	width: 68px;
}

/**** scopeVirtuel ***/
ul.scopeVirtuel { margin: 0 0 0 -3px; }
ul.scopeVirtuel li {
	margin: 35px 0 0 5px;
	float: left;
	display: inline;
}
ul.scopeVirtuel li a.mask, ul.scopeVirtuel li#magActuel a.mask {
	background: url(../images/modal/maskScope.png) no-repeat;
	display: block;
	position: absolute;
	height: 147px;
	width: 107px;
}
ul.scopeVirtuel li#magActuel a.mask {
	background: url(../images/modal/bigMaskScope.png) no-repeat;
	height: 217px;
	width: 157px;
}

ul.scopeVirtuel li div {
	float: left;
	height: 23px;
}
ul.scopeVirtuel li div.box {
	background: url(../images/modal/boxRightScope.png) right bottom no-repeat;
	position: absolute;
	width: auto;
	margin: -8px 0 0 9px;
	padding-right: 6px;
}
ul.scopeVirtuel li div.boxLeft {
	background: url(../images/modal/boxLeftScope.png) no-repeat;
	height: 31px;
	width: 16px;
	margin-top: -8px;
}
ul.scopeVirtuel li div.boxCenter {
	background: url(../images/modal/boxCenterScope.png) repeat-x;
	font-size: 92%;
	line-height: 23px;
	font-weight: bold;
	color: #29588e;	
}
ul.scopeVirtuel li div.boxCenter span { margin: 0 3px 0 -7px; }
ul.scopeVirtuel li#magActuel { margin: 5px; }

/**** scopeTv et concours ***/
ul.scopeTv, ul.modalConcours { margin: 0 auto; padding: 7px 6px 5px 0; width: 478px; }

ul.scopeTv li, ul.modalConcours li { margin-bottom: 5px; }


div.playTv {
	background: url(../images/videos/btnPlayVideo.png) center no-repeat;
	height: 104px;
	position: absolute;
	width: 195px;
}
div.trameTv {
	background: url(../images/modal/trameTv.png) bottom repeat-x;
	height: 102px;
	position: absolute;
	width: 195px;
}
div.trameTv div {
	background: url(../images/videos/tagScopeTv.png) bottom no-repeat;
	height: 98px;
	width: 58px;
}
ul.scopeTv a.videoTv{
	background: url(../images/modal/maskTv.png) no-repeat;
	display: block;
	height: 104px;
	overflow: hidden;
	position: absolute;
	width: 195px;
}
ul.modalConcours a.mask, ul.modalConcours span.mask {
	background: url(../images/modal/maskConcours.png) no-repeat;
	display: block;
	height: 80px;
	overflow: hidden;
	position: absolute;
	width: 105px;
}

ul.modalConcours span.maskFilm {
	background: url(../images/modal/maskModalFilm.png) no-repeat;
	display: block;
	height: 147px;
	overflow: hidden;
	position: absolute;
	width: 105px;
}

ul.scopeTv div.box, ul.modalConcours div.box {
	background: url(../images/modal/boxBottomTv.png) bottom right no-repeat;
	padding-bottom: 7px;
	float: right;
	margin-bottom: 3px;
	/*position: relative;*/
	width: 280px;
}

ul.scopeTv img, ul.modalConcours img { float: left; }
ul.modalConcours img.film {float: none; }


div.partage {
	background: url(../images/modal/fondBleu.png) no-repeat;
	float: right;
	height: 32px;
	width: 355px;
}

div.partage span { display: block; float: left; margin: 3px;}

a.btnPartageFB {
	background: url(../images/modal/btnPartagerFB.png) no-repeat;
	display: block;
	float: left;
	height: 24px;
	margin: 4px;
	width: 170px;
	text-indent: -9999em;
}

a.btnNon {
	background: url(../images/modal/btnNon.png) left top no-repeat;
	display: block;
	float: left;
	height: 22px;
	margin: 5px 0;
	width: 91px;
	text-indent: -9999em;
}

a.btnNon:hover { background: url(../images/modal/btnNon.png) left bottom no-repeat; }

ul.modalConcours div.box {
	background: url(../images/modal/boxBottomConcours.png) bottom right no-repeat;
	width: 363px;
}

ul.scopeTv div.boxTop, ul.modalConcours div.boxTop {
	background: url(../images/modal/boxTopTv.png) no-repeat;
	height: 17px;
	width: 280px;
}
ul.modalConcours div.boxTop {
	background: url(../images/modal/boxTopConcours.png) no-repeat;
	width: 363px;
}

ul.scopeTv div.boxBack {
	background: url(../images/modal/boxCenterTv.png) right repeat-y;
	width: 280px;
	position: relative;
}
ul.modalConcours div.boxBack {
	background: url(../images/modal/boxCenterConcours.png) right repeat-y;
	position: relative;
	width: 363px;
}

ul.scopeTv div.boxCenter, ul.modalConcours div.boxCenter {
	background: url(../images/modal/boxDegradeTv.png) bottom right no-repeat;
	bottom: 0px;
	height: 24px;
	position: absolute;
	width: 280px;
}
ul.modalConcours div.boxCenter {
	background: url(../images/modal/boxDegradeConcours.png) bottom right no-repeat;
	width: 363px;
}

ul.scopeTv div.boxBack strong, ul.modalConcours div.boxBack strong { font-size:110%; color: #29588e; font-weight:normal; }
ul.modalConcours div.boxBack em { color: #29588e; font-style: normal; }
ul.scopeTv div.boxBack p, ul.modalConcours div.boxBack p {
	margin: 0 10px 0 18px;
	line-height: 1.2em;
	position: relative;
	top: -7px;
}

a.btnDetails {
	background: url(../images/modal/btnDetails.png) left top no-repeat;
	display: block;
	height: 19px;
	left: 15px;
	position: absolute;
	text-indent: -9999em;
	bottom: -15px;
	width: 106px;
}
a.btnDetails:hover { background: url(../images/modal/btnDetails.png) left bottom no-repeat; }

/* formulaires */
.modalForm input {
	background: url(../images/modal/formContactInput.png) no-repeat;
	border: none !important;
	color: #6d6d6d;
	/*height: 22px;*/
	margin-bottom: 5px;
	padding: 7px 10px; 
	width: 282px;
}
.modalForm input.error {
	background: url(../images/modal/formContactInputErr.png) no-repeat;
}


.modalForm label { line-height: 20px; }

.modalForm .textareaTop, .modalForm .textareaBottom {
	background: url(../images/modal/formContactTopArea.png) no-repeat;
	height: 5px;
	width: 302px;
}
.modalForm .textareaBottom { background: url(../images/modal/formContactBottomArea.png) no-repeat; margin-top: -2px;margin-bottom:5px;}
.modalForm textarea { 
	background: url(../images/modal/formContactContentArea.png) repeat-y;
	border: none;
	color: #6d6d6d;
	height: 100px;
	margin: 0;
	padding: 0 10px;
	width: 282px;
}

.modalForm #textDetails {
	background: url(../images/modal/formContactArea.png) repeat-y;
	border: none;
	color: #6d6d6d;
	height: 120px;
	margin: 0;
	padding: 5px 10px;
	width: 282px;
}

.modalForm #textDetails.error { background: url(../images/modal/formContactAreaErr.png) repeat-y; }

.modalForm .btnEnvoyerDemande {
	background: url(../images/modal/btnEnvoyerDemande.png) no-repeat;
	border: none;
	font-size: 1px;
	height: 19px;
	margin: 10px 0 0 160px;
	width: 138px;
	text-indent: -9999em;
}

.modalForm .btnEnvoyer {
	background: url(../images/modal/btnEnvoyer.png) no-repeat;
	border: none;
	font-size: 1px;
	height: 21px;
	margin: 10px 0 0 222px;
	width: 76px;
	text-indent: -9999em;
}

#formtest label {
	color: #6D6D6D;
	line-height: 26px; 
	
}