body

{

	margin:0px;

	padding:0px;

	background:black url(../img/home-bkg.jpg) top center repeat-x;

}

.wrapper

{

	height:100%;

	width:100%;

	position:absolute;

	top:0px;

	left:0px;

	overflow:hidden;

}

#loader

{

	z-index:1000;

	height:100%;

	width:100%;

	position:absolute;	

	background:black url(../img/intro_fond_avec_logo.jpg) center center no-repeat;

}



.logoWaitPage

{

	top:50%;

	left:50%;

	margin-top:-33px;

	margin-left:-137px;	

	position:absolute;

	z-index:1003;

	height:66px;

	width:274px;

	background:url(../img/logo_masque.png);

}

.logoWaitPageBlue

{

	top:50%;

	left:50%;	

	margin-top:-33px;

	margin-left:-137px;

	position:absolute;

	z-index:1002;

	height:0px;

	width:274px;

	background:#009de0;

}

.logoWaitPageGrey

{

	top:50%;

	left:50%;	

	margin-top:-33px;

	margin-left:-137px;

	position:absolute;

	z-index:1001;

	height:66px;

	width:274px;

	background:#696666;

}

.logoWaitTitle

{

	top:50%;

	left:50%;	

	margin:auto;

	margin-top:-155px;

	text-align:center;

	margin-left:-250px;

	width:500px;

	position:absolute;

	z-index:1010;

	font-size:30px;

	font-family:calibri;

	font-weight:normal;

	color:#696666;

	text-shadow:0px 0px 2px black;

}

.logoWaitBtn

{

	cursor:pointer;

	display:none;

	top:50%;

	left:50%;	

	margin-top:125px;

	margin-left:-14px;

	position:absolute;

	z-index:1010;

	height:28px;

	width:28px;

	background:url(../img/bt_play.png) 0px 0px no-repeat;

}

.logoWaitBtn:hover

{

	background:url(../img/bt_play.png) 0px -28px no-repeat;

}

.facebook_link

{

	float:left;

	height:33px;

	width:35px;

	background:url(../img/icone_facebook.png) no-repeat center center;

	cursor:pointer;

}

.twitter_link

{

	float:left;

	height:33px;

	width:35px;

	background:url(../img/icone_twitter.png) no-repeat center center;

	cursor:pointer;

	margin-left:5px;

}

.box

{

	display:none;

	position:absolute;

	z-index:1200;

	top:50%;

	left:50%;

	height:500px;

	width:700px;

	margin-left:-350px;

	margin-top:-250px;

	background:black;

	border:1px solid #333333;

}

.boxTitle

{

	color:white;

	font-size:25px;

	font-family:calibri;

	text-align:center;

	margin:5px;

	border-bottom:1px solid #333333;;

	padding-bottom:5px;

}

.boxClose

{

	position:absolute;

	margin-left:670px;

	margin-top:11px;

	height:14px;

	width:15px;

	background:url('../img/close.png') no-repeat 0px 0px;

	cursor:pointer;

}

.boxClose:hover

{

	background:url('../img/close.png') no-repeat 0px -15px;

}

.boxText

{

	color:white;

	font-size:16px;

	font-family:calibri;

	padding:15px;

}







/* ###################################################### */

/* #### PLAYER #### */ 

/* ###################################################### */



#time

{

	padding:10px;

	background:black;

	position:absolute;

	top:0px;

	left:0px;

	z-index:1000;

	font-size:50px;

	color:white;

	font-weight:bold;

}

#imgWait,

#imgEnd

{

	height:100%;

	width:100%;

	position:absolute;

	top:0px;

	left:0px;

	z-index:50;

}

#voile

{

	background:url(../img/voile.png) center center ;

	height:100%;

	width:100%;

	position:absolute;

	top:0px;

	left:0px;

	z-index:100;

}

#content-img-text

{

	height:100%;

	width:100%;

	position:absolute;

	top:-70px;

	left:0px;

	z-index:110;

}

#content-subtitle-text

{

	font-family:calibri;

	text-shadow:0px 0px 2px black;

	font-size:26px;

	text-align:center;

	color:white;

	font-weight:none;

	display:block;

	width:650px;

	position:absolute;

	bottom:0px;

	margin-bottom:110px;

	z-index:110;

}

#video

{

	height:100%;

	width:100%;

	position:absolute;

	top:0px;

	left:0px;

	z-index:10;

}



/* ###################################################### */







/* ###################################################### */

/* #### MENU HEADER #### */ 

/* ###################################################### */



.menu-header

{

	height:191px;

	width:100%;

	position:absolute;

	top:0px;

	left:0px;

	z-index:250;

	margin-top:0px;

	background:black url('../img/menu-header-bkg.jpg') center center repeat-x;

}

.menu-header-btn

{

	height:48px;

	width:235px;

	background: url('../img/onglet_accueil.png') center bottom no-repeat;

	margin:auto;

	margin-top:-1px;

	cursor:pointer;

	z-index:260;

}

.menu-header-wrapper-global,

.menu-header-quiz-wrapper-global

{

	width:640px;

	margin:auto;

	overflow:hidden;

}

.menu-header-wrapper

{

	

}

.menu-header-btn-nourrisson,

.menu-header-quiz-btn-nourrisson

{

	float: left;

	z-index: 1;

	height: 182px;

	width: 199px;

	background: url(../img/intro_bt_nourrisson_petite.png) 0px 0px no-repeat;

}

.menu-header-btn-enfance,

.menu-header-quiz-btn-enfance

{

	float: left;

	z-index: 1;

	height: 182px;

	width: 199px;

	background: url(../img/intro_bt_enfant_petite.png) 0px 0px no-repeat;

	margin-left:-53px;

}

.menu-header-btn-adolescence,

.menu-header-quiz-btn-adolescence

{

	float: left;

	z-index: 1;

	height: 182px;

	width: 199px;

	background: url(../img/intro_bt_adolescence_petite.png) 0px 0px no-repeat;

	margin-left:-53px;

}

.menu-header-btn-adulte,

.menu-header-quiz-btn-adulte

{

	float: left;

	z-index: 1;

	height: 182px;

	width: 199px;

	background: url(../img/intro_bt_adulte_petite.png) 0px 0px no-repeat;

	margin-left:-53px;

}



/* ###################################################### */





/* ###################################################### */

/* #### MENU #### */ 

/* ###################################################### */



.player-menu-title-box

{

	height:34px;

	width:85%;

	position:absolute;

	top:0px;

	left:0px;

	z-index:150;

	margin-top:66px;

	margin-right:50px;

	margin-left:50px;

	padding-top:6px;

	padding-left:10px;

}

.typecolor0 .player-menu-title-box

{

	background:#bf9c49;

}

.typecolor1 .player-menu-title-box

{

	background:#079d58;

}

.typecolor2 .player-menu-title-box

{

	background:#b52e8a;

}

.typecolor3 .player-menu-title-box

{

	background:#969295;

}

.title-box-t1

{

	font-size:24px;

	font-family:arial;

	color:white;

}

.title-box-t2

{

	font-size:24px;

	font-family:arial;

	color:black;

}

.player-menu-title

{

	height:673px;

	width:256px;

	position:absolute;

	right:0px;

	z-index:160;

}

.typecolor0 .player-menu-title

{

	background:url(../img/fond_menu_color_nourrisson.png) no-repeat;

}

.typecolor1 .player-menu-title

{

	background:url(../img/fond_menu_color_enfant.png) no-repeat;

}

.typecolor2 .player-menu-title

{

	background:url(../img/fond_menu_color_adolescence.png) no-repeat;

}

.typecolor3 .player-menu-title

{

	background:url(../img/fond_menu_color_adulte.png) no-repeat;

}

.player-menu-blanc

{

	background:url(../img/fond_menu_blanc.png) no-repeat;

	height:100%;

	width:634px;

	position:absolute;

	right:0px;

	z-index:160;

	margin-top:-20px;

}

.player-menu-noir

{

	background:url(../img/fond_menu_noir.png) no-repeat;

	height:100%;

	width:634px;

	position:absolute;

	right:0px;

	z-index:161;

	margin-top:-20px;

}

.itemMenu

{

	font-size:14px;

	font-family:arial;

	color:#dddddd;

	font-weight:bold;

	text-align:right;

	width:165px;

	margin-top:0px;

	height:38px;

	text-shadow:0px 0px 2px black;

	cursor:pointer;

}

.itemMenu:hover

{

	color:white;

}

.itemMenuPuceN

{

	position:absolute;

	height:25px;

	width:26px;

	margin-left:185px;

	background:url(../img/puce_menu_noir.png) right top no-repeat;

}

.itemMenuPuceR

{

	position:absolute;

	height:25px;

	width:26px;

	margin-left:185px;

	background:url(../img/puce_menu_rouge.png) right top no-repeat;

}

.player-menu-replay

{

	display:none;

	z-index:200;

	position:absolute;

	right:55px;

	margin-top:57px;

	height:62px;

	width:62px;	

	cursor:pointer;

	background:url(../img/bt_rejouer.png) 0px 0px no-repeat;	

}

.player-menu-replay:hover

{

	background:url(../img/bt_rejouer.png) 0px -62px no-repeat;	

}

.player-menu-replay-home

{

	z-index:200;

	position:absolute;

	margin-top:10px;

	margin-left:10px;

	height:62px;

	width:62px;	

	cursor:pointer;

	background:url(../img/bt_rejouer_home.png) 0px 0px no-repeat;	

}

.player-menu-replay-home:hover

{

	background:url(../img/bt_rejouer_home.png) 0px -62px no-repeat;	

}





/* ###################################################### */







/* ###################################################### */

/* #### QUIZ #### */ 

/* ###################################################### */





.wrapper-quiz-wrapper

{

	width:1024px;

	margin:auto;

}

.quiz-wrapper

{

	overflow:hidden;

	width:100%;

	margin:auto;

}

.wrapper-quiz-item

{

	position:absolute;

	height:100%;

	margin:auto;

	width:100%;	

	z-index:101;

	background-size:cover;

}

#menu-quiz-fond

{

	background: url('../img/fond_menu_color_quiz.png') center center no-repeat;

	height:673px;

	margin:auto;

	width:1024px;	

	z-index:101;

	position:absolute;

}

#menu-quiz-title

{

	position:absolute;

	top:92px;

	margin-left:60px;

	z-index:102;

}

#menu-quiz-title .menu-quiz-title-p1

{

	color:white;

	float:left;

	width:150px;

	font-size:22px;

	font-family:Arial;

}

#menu-quiz-title .menu-quiz-title-p2

{

	color:black;

	float:left;

	font-size:22px;

	font-family:Arial;	

}

.quiz-question

{

	color:white;

	font-size:28px;

	font-family:Arial;

	position:absolute;

	top:140px;

	z-index:103;

	text-align:center;

	width:1024px;

	text-shadow:0px 0px 2px black;

}

.btn-quiz-true

{

	position:absolute;

	top:210px;

	margin-left:350px;	

	z-index:110;

	height:53px;

	width:122px;

	background:url('../img/bt_quiz_vrai.png') 0 -60px no-repeat;

	cursor:pointer;

}

.btn-quiz-false

{

	position:absolute;

	top:210px;

	margin-left:550px;	

	z-index:110;

	height:53px;

	width:122px;

	background:url('../img/bt_quiz_faux.png') 0 -60px no-repeat;

	cursor:pointer;

}

.btn-quiz-true.active

{

	background:url('../img/bt_quiz_vrai.png') 0 0 no-repeat;

}

.btn-quiz-false.active

{

	background:url('../img/bt_quiz_faux.png') 0 0 no-repeat;

}

.btn-quiz-true.active.red

{

	background:url('../img/bt_quiz_vrai.png') 0 -120px no-repeat;

}

.btn-quiz-false.active.red

{

	background:url('../img/bt_quiz_faux.png') 0 -120px no-repeat;

}

.btn-quiz-true.red

{

	background:url('../img/bt_quiz_vrai.png') 0 -180px no-repeat;

}

.btn-quiz-false.red

{

	background:url('../img/bt_quiz_faux.png') 0 -180px no-repeat;

}

.quiz-phrase-block

{

	position:absolute;

	top:298px;

	margin-left:170px;	

	z-index:111;

	height:259px;

	width:679px;

	font-family:Arial;

	background:url('../img/fond-q-quiz.png') center center no-repeat;

}

.quiz-reponse

{

	color: white;

	font-size: 17px;

	font-weight: normal;

	margin-left: 35px;

	margin-top: 7px;

}

.quiz-phrase

{

	color: #333333;

	font-size: 15px;

	font-weight: bold;

	margin-left: 35px;

	margin-right: 35px;

	margin-top: 22px;

}

.quiz-lien

{

	color: #871314;

	font-size: 14px;

	font-weight: bold;

	margin-left: 35px;

	margin-right: 35px;

	margin-top: 22px;

	cursor:pointer;

	font-style: italic;

	text-decoration:underline;

}

.quiz-next

{

	color:white;

	font-size: 15px;

	font-weight: bold;

	position:absolute;

	top:223px;

	margin-left:500px;

	cursor:pointer;

}

.quiz-next:hover

{

	padding-left:2px;

}



/* ###################################################### */









/* ###################################################### */

/* #### HOME #### */ 

/* ###################################################### */



.player-wrapper

{

	overflow:hidden;

	width:1024px;

	margin:auto;

}





/* ###################################################### */









/* ###################################################### */

/* #### HOME #### */ 

/* ###################################################### */



.home-button-wrapper

{

	overflow:hidden;

	width:1024px;

	margin:auto;

}

.home-button

{

	margin:auto;

	width:1255px;

}

.home-button-nourrisson

{

	float:left;

	z-index:1;

	height:735px;

	width:475px;

	background:url(../img/intro_bt_nourrisson.png) 0px 0px no-repeat;

	margin-left:-108px;

}

.home-button-enfance

{

	z-index:1;

	float:left;

	height:735px;

	width:475px;

	background:url(../img/intro_bt_enfant.png) 0px 0px no-repeat;

	margin-left:-216px;

}

.home-button-adolescence

{

	z-index:1;

	float:left;

	height:735px;

	width:475px;

	background:url(../img/intro_bt_adolescence.png) 0px 0px no-repeat;

	margin-left:-216px;

}

.home-button-adulte

{

	z-index:1;

	float:left;

	height:735px;

	width:475px;

	background:url(../img/intro_bt_adulte.png) 0px 0px no-repeat;

	margin-left:-216px;

}



.home-button-nourrisson.active

{

	background:url(../img/intro_bt_nourrisson.png) 0px -745px no-repeat;

}

.home-button-enfance.active

{

	background:url(../img/intro_bt_enfant.png) 0px -745px no-repeat;

}

.home-button-adolescence.active

{

	background:url(../img/intro_bt_adolescence.png) 0px -745px no-repeat;

}

.home-button-adulte.active

{

	background:url(../img/intro_bt_adulte.png) 0px -745px no-repeat;

}



/* ###################################################### */







/* ###################################################### */

/* #### MENU TRANSVERSAL #### */ 

/* ###################################################### */



.menu-trans

{

	z-index:200;

	background:#333333;	

	position:absolute;

	width:100%;

	bottom:56px;

	left:0px;

	

}

.menu-trans table

{

	margin:auto;

	border-collapse:collapse;

}

.menu-trans-item

{

	font-family:arial;

	color:#aaaaaa;

	padding:7px;

	font-size:14px;

	text-transform:uppercase;

	background:#333333 url(../img/fleche_fond_menu_black.gif) center right no-repeat;	

	padding-right:30px;

	padding-left:10px;

	cursor:pointer;

}

.menu-trans-item:hover

{

	color:white;

}

.menu-trans-item.active

{

	color:white;

	background:#871314 url(../img/fleche_fond_menu_red.gif) center right no-repeat;	

}

.menu-trans-item.last

{

	background-image:none;	

}



/* ###################################################### */







/* ###################################################### */

/* #### FOOTER #### */ 

/* ###################################################### */



.footer

{

	z-index:200;

	border-top:1px solid #333333;

	background:black;	

	position:absolute;

	width:100%;

	bottom:0px;

	left:0px;

}

.footer table

{

	background:black;	

	margin:auto;

	width:1024px;

}

.footer table tr

{

	vertical-align:middle;

}

.footer table td

{

	padding:10px;

	background:url('../img/footer-sep.jpg') right center no-repeat;

}

.footer table td.last

{

	background:none;

}

.footer table td a.link

{

	font-family:arial;

	color:#333333;

	text-transform:uppercase;

	text-decoration:none;

	padding-left:10px;

	padding-right:10px;

}

.footer table td a.link:hover

{

	color:white;

}

.footer table td div.button-subtitle-on

{

	background:url(../img/bt_sourd.png) 0px -32px;

	height:32px;

	width:64px;

	cursor:pointer;

}

.footer table td div.button-subtitle-off

{

	background:url(../img/bt_sourd.png) 0px 0px;

	height:32px;

	width:64px;

	cursor:pointer;	

}

.footer table td div.button-son-on

{

	background:url(../img/bt_son.png) 0px -26px;

	height:26px;

	width:54px;

	cursor:pointer;

}

.footer table td div.button-son-off

{

	background:url(../img/bt_son.png) 0px 0px;

	height:26px;

	width:54px;

	cursor:pointer;	

}

.footer .button-son-unit

{

	background:#999;

	height:7px;

	width:7px;

	cursor:pointer;

}

.footer .button-son-unit.active

{

	background:white;

}

.footer .button-son-unit:hover

{

	background:white;

	box-shadow: 0px 0px 3px white;

}



/* ###################################################### */