/******************************************************************************************************
 * Les pages de lecture d'un flv seul (évènementiel, spot démo) utilisent la css v1, située dans /css *
 ******************************************************************************************************/






/**********
 * GLOBAL *
 **********/



body {background-color:#000000; padding:0px 0px 0px 0px; margin:0px 0px 0px 0px;}
body.body-evenementiel {background-color:#FFFFFF;}






/************
 * TABLEAUX *
 ************/



table {border:0px; padding:0px; margin:0px;}
tr, td {vertical-align:top;}

/* tr.tr-entre-etapes, tr.tr-entre-etapes td {height:50px;} */






/**********
 * IMAGES *
 **********/



img {border:0px; padding:0px; margin:0px;}






/*********
 * TEXTE *
 *********/



body, p {color:#FFFFFF; font-family:Arial, Helvetica, sans-serif; font-size:11px;}
p {text-align:left;}



.typo2 {font-family:"Lucida Sans", Arial, Helvetica, sans-serif; font-size:14px; line-height:17px;}
/*
	Dupliqué dans :
	.item-menu
*/



.typo3 {font-family:"Lucida Sans", Arial, Helvetica, sans-serif; font-size:14px; line-height:17px; font-weight:bold}



.droite {text-align:right;}



.centre {text-align:center;}






/*********
 * LIENS *
 *********/



a, a:link {color:#ffffff;}
a:visited {}



a:hover {color:#ffffff; text-decoration:none;}
a:active, a:focus {color:#ffffff; text-decoration:none;}












/*********
 * TEXTE *
 *********/



.non-renseigne { background-color:#FF0000; color:#FFFFFF; }






/***********
 * CALQUES *
 ***********/



div {padding:0px; margin:0px;}



.encadre {border-style:solid; border-width:1px; border-color:#949494;}



.encadre-plein {background-color:#949494; color:#000000;}



.masquer {/* Masquage de certains éléments avant positionnemnet javascript */
	visibility:hidden;
}



.afficher {/* Affichage des éléments masqués après positionnement javascript */
	visibility:visible;
}






/************************************
 * CALQUES SPECIFIQUES  : permanent *
 ************************************/



#div-halo {
	z-index:1;
	position:absolute;
	left:0px;/* A DEFINIR PAR SCRIPT !!! */
	top:0px;/* A DEFINIR PAR SCRIPT !!! */
	width:1055px;
	height:700px;
	/*background-image:url(../media/permanent/img/halo.jpg);*/
}



#div-tout {
	z-index:2;
	position:absolute;
	left:50px;/* A DEFINIR PAR SCRIPT !!! */
	top:50px;/* A DEFINIR PAR SCRIPT !!! */
	width:955px;
	height:600px;
	/*background-image:url(../media/permanent/img/fond.gif);*//*background-color:#FFFFFF;*/
	/*border:1px solid #FFFFFF;*/
}

 
 
#div-logo {
	z-index:11;
	position:absolute;
	left:780px;/* abs 780px */
	top:5px;/* abs 5px */
	width:174px;
	height:154px;
}



#div-bt-a-propos {
	z-index:12;
	position:absolute;
	left:780px;/* abs 780px */
	top:159px;/* abs 159px */
	width:174px;
	height:92px;
}



#div-contact {
	z-index:13;
	position:absolute;
	left:780px;/* abs 780px */
	top:251px;/* abs 251px */
	width:174px;
	height:348px;
}





/*******************************
 * CALQUES SPECIFIQUES  : niv1 *
 *******************************/



#div-niv1-accroche-annonceur {
	z-index:20;
	position:absolute;
	left:30px;
	top:123px;
	width:351px;
	height:391px;
}



#div-niv1-accroche-diffuseur {
	z-index:20;
	position:absolute;
	left:413px;
	top:123px;
	width:351px;
	height:391px;
}



#div-niv1-bt-client {
	z-index:20;
	position:absolute;
	left:30px;
	top:540px;
	width:351px;
	height:28px;
}



#div-niv1-bt-partenaire {
	z-index:20;
	position:absolute;
	left:413px;
	top:540px;
	width:352px;
	height:28px;
}





/*******************************
 * CALQUES SPECIFIQUES  : niv2 *
 *******************************/



#div-niv2-loc {
	z-index:30;
	position:absolute;
	left:30px;
	top:22px;
	width:722px;
	height:31px;
	padding:10px 0px 0px 14px;
	/*background-image:url(../media/niv2/img/_loc.jpg);*//* POUR DEBUG  */
}



#div-niv2-titre {
	z-index:30;
	position:absolute;
	left:0px;
	top:92px;
	width:830px;
	height:40px;
}



#div-niv2-fond-contenu {
	z-index:40;
	position:absolute;
	left:249px;
	top:163px;
	width:521px;
	height:435px;
}



#div-niv2-contenu {
	z-index:41;
	position:absolute;
	left:249px;
	top:163px;
	width:521px;/* le plus souvent : 503px */
	height:435px;/* le plus souvent : 405px */
}






/**************************************
 * CALQUES SPECIFIQUES  : niv2 : menu *
 **************************************/



#div-niv2-menu {
	z-index:30;
	position:absolute;
	left:30px;
	top:163px;/* A AUGMENTER ? */
	width:188px;
	height:404px;
	/*background-image:url(../media/niv2/img/_menu.jpg);*//* POUR DEBUG  */
}



.illu-menu {
	z-index:31;
	display:block;
	width:188px;
	height:125px;
	/*background-image:url(../media/niv2/img/item-menu-out-np.gif);*/
}



.item-menu {
	z-index:31;
	display:block;
	margin-bottom:3px;
	width:188px;
	/*width:164px;*//* 188 - 2*12 */
	/*height:14px;*//* 38 - 2*12 */
	/*padding:12px;*/
	/*font-family:"Lucida Sans", Verdana, Arial, Helvetica, sans-serif; font-size:14px; line-height:17px;*//* .typo2 */
	/*border:1px inset #ffffff;*//* POUR DEBUG  */
}


/*
.etat-in {
	background-image:url(../media/niv2/img/item-menu-in-np.gif);
	background-position:right;
	color:#2db5bc;
}



.etat-out {
	background-image:url(../media/niv2/img/item-menu-out-np.gif);
	background-position:right;
}
*/






/**********************************************
 * CALQUES SPECIFIQUES  : dans contenu (niv2) *
 **********************************************/



#div-niv2-contenu-txt {
	z-index:42;
	position:absolute;
	left:0px;
	top:0px;
	width:100%;/* 521 - 2*14 */
	height:100%;/* 435 - 2*14 */
	padding:14px 14px 14px 14px;
}



/*
#div-niv2-fond-zoom {
	z-index:60;
	position:absolute;
	left:388px;
	top:0px;
	width:132px;
	height:189px;
}
*/

#div-niv2-zoom {
	z-index:61;
	position:absolute;
	left:388px;
	top:0px;
	width:102px;/* 132 - 2*14 - 2*1 */
	height:159px;/* 189 - 2*14 - 2*1 */
	padding:14px 14px 14px 14px;
}







/**********************************************
 * CALQUES SPECIFIQUES  : dans contenu (niv3) *
 **********************************************/



#div-niv3-video {
	z-index:53;
	position:absolute;
	top:111px;
	width:521px;
	height:293px;
	/*background-color:#FF9900;*//* POUR DEBUG */
}








/***********************************************
 * CALQUES SPECIFIQUES  : niv3 : liste-apercus *
 ***********************************************/



#div-niv3-liste-apercus {
	z-index:51;
	position:absolute;
	left:12px;
	top:110px;
	width:488px;
	height:302px;
	/*background-image:url(../media/niv3/img/fond-liste-apercus.jpg);*//* POUR DEBUG ou FLASH */
}



.div-niv3-apercu {
	z-index:52;
	display:block;
	float:left;
	width:156px;
	height:137px;
}

.div-niv3-txt-apercu {
	z-index:54;
	display:block;
	width:128px;/* 156 - 14*2 */
	height:7px;/* (137-96-6) - 14*2 */
	padding:14px 14px 14px 14px;
}

.div-niv3-bt-apercu {
	z-index:53;
	display:block;
	width:156px;
	height:96px;
}

.div-niv3-inter-apercu {/* PAS PROPRE */
	z-index:53;
	display:block;
	width:156px;
	height:6px;
}

.div-niv3-inter-apercu2 {/* PAS PROPRE */
	z-index:53;
	display:block;
	float:left;
	width:3px;
	height:137px;
}



.div-niv3-nav {
	z-index:52;
	display:block;
	float:left;
	width:488px;
	height:28px;
}

.div-niv3-txt-retour {
	z-index:53;
	display:block;
	float:left;
	width:72px;
	height:0px;/* 28 - 14*2 */
	padding:14px 0px 14px 0px;
}

.div-niv3-inter-nav {/* PAS PROPRE */
	z-index:53;
	display:block;
	float:left;
	width:350px;/* (488-72-60) */
	height:28px;
}

.div-niv3-txt-suite {
	z-index:53;
	display:block;
	float:left;
	width:52px;/* 60 - 8*1 */
	height:0px;/* 28 - 14*2 */
	padding:14px 8px 14px 0px;
}






/**********************************************
 * CALQUES SPECIFIQUES  : dans contenu (niv4) *
 **********************************************/


#div-niv4-bt-retour {
	z-index:52;
	position:absolute;
	left:30px;
	top:132px;
	width:188px;
	height:24px;
}



#div-niv4-chiffres {
	z-index:51;
	position:absolute;
	left:0px;
	top:41px;
	width:131px;/* 161 - 14*2 - 2*1 */
	height:67px;/* 97 - 14*2 - 2*1 */
	padding:14px 14px 14px 14px;
}



#div-niv4-temoignage {
	z-index:51;
	position:absolute;
	left:164px;
	top:41px;
	width:311px;/* 339 - 2*14 */
	height:69px;/* 97 - 2*14 */
	padding:14px 14px 14px 14px;
}


#div-niv4-titre-video {
	z-index:51;
	position:absolute;
	left:164px;
	top:180px;
	width:311px;/* 339 - 2*14 */
	height:8px;/* 36 - 2*14 */
	padding:14px 14px 14px 14px;
}



#div-niv4-video {
	z-index:53;
	position:absolute;
	left:164px;
	top:216px;
	width:339px;
	height:188px;
	/*background-color:#FF9900;*//* POUR DEBUG */
}






/***********************************************
 * CALQUES SPECIFIQUES  : niv4 : liste-apercus *
 ***********************************************/



#div-niv4-liste-apercus {
	z-index:51;
	position:absolute;
	left:0px;
	top:176px;
	width:147px;
	height:259px;
	/*background-image:url(../media/niv4/img/fond-liste-apercus.jpg);*//* POUR DEBUG ou FLASH */
}



.div-niv4-apercu {
	z-index:52;
	display:block;
	width:147px;
	height:77px;
}

.div-niv4-txt-apercu {
	z-index:54;
	display:block;
	float:left;
	width:53px;/* (147-65) - 14*2 */
	height:48px;/* 77 - 14*2 */
	padding:14px 14px 14px 14px;
}

.div-niv4-bt-apercu {
	z-index:53;
	display:block;
	float:right;
	width:65px;
	height:77px;
}