@charset "UTF-8";
/* CSS Document */

a:link{color:#000000;}
a:visited{color:#000000;}
a:hover{color:#990000;text-decoration:underline;}
a:active{color:#990000;}

* {
	margin:0;
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
	text-decoration:none;
}

html{
	background:url(../graphics/html_background.jpg);
}

#container{
	margin:0 auto;
	width:1000px;
	overflow:auto;
}

#banner{
	float:left;
	width:1000px;
	height:149px;
	background:url(../graphics/banner_bg.jpg);
	position:relative;
}

div#banner h1 a{
	float:left;
	width:245px;
	height:55px;
	display:block;
	text-indent:-9999px;
	position:absolute;
	left:15px;
	top:49px;
	overflow:hidden;
	outline:none;
}

#banner_pub{
	float:left;
	width:728px;
	height:90px;
	position:absolute;
	left:272px;
	top:32px;
	text-indent:0px;
}

#banner_pub a{
	display:block;
	float:left;
	width:728px;
	height:90px;
	position:absolute;
	top:0px;
	left:0px;
	text-indent:-9999px;
}

#bande_cote{
	float:left;
	width:1000px;
	background:url(../graphics/content_bg.jpg);
	position:relative;
}

#bande_haut_gauche{
	position:absolute;
	left:0px;
	top:0px;
	width:66px;
	height:43px;
	background:url(../graphics/bande_ombre/haut.jpg);
}

#bande_haut_droite{
	position:absolute;
	left:934px;
	top:0px;
	width:66px;
	height:43px;
	background:url(../graphics/bande_ombre/haut.jpg);
}

#content{
	float:left;
	width:868px;
	margin:0px 0px 0px 66px;
	display:inline;
}

#footer{
	float:left;
	width:1000px;
	height:149px;
	background:url(../graphics/footer_bg.jpg);
	text-indent:-9999px;
	position:relative;
	outline:none;
}

#infolettre_merci{
	width:500px;
	height:122px;
	background:url(../graphics/infolettre_merci.jpg);
	float:left;
	margin:35px 0px 35px 185px;
	display:inline;
	text-indent:-9999px;
}

/*** MENU ***/

#menu ul li {
	list-style:none;
	display:inline;
}

#accueil{
	float:left;
	text-indent:-9999px;
	width:193px;
	height:130px;
	background:url(../graphics/menu.jpg);
	overflow:hidden;
	outline:none;
}

a#accueil:hover{background:url(../graphics/menu.jpg) 0px 130px;}

#video{
	float:left;
	text-indent:-9999px;
	width:153px;
	height:130px;
	background:url(../graphics/menu.jpg) -193px 0px;
	overflow:hidden;
	outline:none;
}

a#video:hover{background:url(../graphics/menu.jpg) -193px 130px;}

#credit{
	float:left;
	text-indent:-9999px;
	width:185px;
	height:130px;
	background:url(../graphics/menu.jpg) -346px 0px;
	overflow:hidden;
	outline:none;
}

a#credit:hover{background:url(../graphics/menu.jpg) -346px 130px;}

#extra_x{
	float:left;
	text-indent:-9999px;
	width:148px;
	height:130px;
	background:url(../graphics/menu.jpg) -531px 0px;
	overflow:hidden;
	outline:none;
}

a#extra_x:hover{background:url(../graphics/menu.jpg) -531px 130px;}

#contact{
	float:left;
	text-indent:-9999px;
	width:189px;
	height:130px;
	background:url(../graphics/menu.jpg) -679px 0px;
	overflow:hidden;
}

a#contact:hover{background:url(../graphics/menu.jpg) -679px 130px;}

/*** FIN MENU ***/





/*** FOOTER LINKS ***/

#footer ul li {
	list-style:none;
	display:inline;
	outline:none;
}

#beatrix{
	width:195px;
	height:56px;
	float:left;
	display:block;
	position:absolute;
	left:20px;
	top:46px;
	outline:none;
}

#postmoderne{
	width:101px;
	height:66px;
	float:left;
	display:block;
	position:absolute;
	left:369px;
	top:40px;
	outline:none;
}

#letaz{
	width:105px;
	height:64px;
	float:left;
	display:block;
	position:absolute;
	left:490px;
	top:40px;
	outline:none;
}

#jonathan{
	width:27px;
	height:64px;
	float:left;
	display:block;
	position:absolute;
	left:775px;
	top:41px;
	outline:none;
}

#laurence{
	width:133px;
	height:36px;
	float:left;
	display:block;
	position:absolute;
	left:610px;
	top:53px;
	outline:none;
}

#matonvu{
	width:150px;
	height:30px;
	float:left;
	display:block;
	position:absolute;
	left:830px;
	top:55px;
	outline:none;
}

/*** FIN FOOTER LINKS ***/





/*** PAGE ACCUEIL ***/

#boutique{
	width:148px;
	height:48px;
	float:left;
	margin:27px 0px 0px 10px;
	display:inline;
	background:url(../graphics/boutique.jpg);
	text-indent:-9999px;
}

#boutique a{
	width:148px;
	height:48px;
	float:left;
	display:block;
	outline:none;
}

#compteur{
	width:364px;
	height:27px;
	float:left;
	margin:14px 0px 0px 70px;
	display:inline;
	background:url(../graphics/compteur.jpg);
	color:#E2E36B;
}

#compteur p{
	color:#FFCC66;
	margin:0px 0px 0px 90px;
	display:inline;
	line-height:27px;
	font-size:14px;
	font-weight:bold;
	letter-spacing:1px;
}

#facebook_accueil{
	background:url(../graphics/facebook_accueil.jpg);
	width:326px;
	height:105px;
	float:left;
	margin:14px 0px 0px 87px;
	display:inline;
}

#facebook_accueil a{
	width:326px;
	height:105px;
	float:left;
	display:block;
}

#bande_bas_gauche_accueil{
	position:absolute;
	left:0px;
	top:746px;
	width:66px;
	height:43px;
	background:url(../graphics/bande_ombre/bas_accueil.jpg);
}

#bande_bas_droite_accueil{
	position:absolute;
	left:934px;
	top:746px;
	width:66px;
	height:43px;
	background:url(../graphics/bande_ombre/bas_accueil.jpg);
}

#content_bot{
	float:left;
	width:868px;
	height:10px;
	font-size:0px;
	margin:25px 0px 0px 0px;
	display:inline;
}

#video_box_accueil{
	float:left;
	width:463px;
	height:285px;
	background:url(../graphics/video_box_accueil.jpg);
	text-indent:-9999px;
	margin:22px 0px 0px 23px;
	display:inline;
	position:relative;
}

#video_box_accueil_image{
	position:absolute;
	left:29px;
	top:30px;
	width:404px;
	height:226px;
	background:url(../graphics/video_box_accueil_image.jpg);
	outline:none;
}

#employe_box_accueil{
	position:relative;
	float:right;
	width:343px;
	height:561px;
	background:url(../graphics/babillard_accueil_top.jpg) no-repeat;
	text-indent:-9999px;
}

#wrap_employe_1{
	float:right;
	width:343px;
	margin:22px 28px 0px 0px;
	display:inline;
	background:url(../graphics/babillard_accueil_patern.jpg);
}

#wrap_employe_2{
	background:url(../graphics/babillard_accueil_bottom.jpg) no-repeat bottom;
	float:right;
	width:343px;
	height:592px;
}

#carte_accueil{
	position:absolute;
	top:148px;
	left:54px;
	width:238px;
	height:170px;
	background:url(../graphics/carte_accueil/canard.jpg);
	line-height:0px;
	text-indent:-9999px;
}

#carte_accueil_video{
	width:238px;
	height:160px;
	display:block;
	overflow:hidden;
	line-height:0px;
	text-indent:-9999px;
	outline:none;
}

#lien_carte{
	margin:50px 0px 0px 20px;
	display:inline;
}

#publicite_employe{
	position:absolute;
	top:319px;
	left:23px;
	width:300px;
	height:250px;
	float:left;
	z-index:3;
	background:#FF3300;
	text-indent:0px;
}

#publicite_employe_box{
	float:left;
	width:300px;
	height:250px;
	background:#6699FF;
}

/**********************************************************************************/
#episode_accueil{
	width:463px;
	height:124px;
	float:left;
	margin:14px 0px 0px 23px;
	display:inline;
}

#episode_accueil ul li{
	width:133px;
	height:90px;
	float:left;
	text-indent:-9999px;
	font-size:1px;
	display:inline;
}

#episode_accueil ul li a{
	display:block;
	width:133px;
	height:90px;
	float:left;
	outline:none;
}

#episode_1_accueil{
	margin:17px 0px 0px 12px;
	display:inline;
	background:url(../graphics/episode_thumbnail.jpg)
}

#episode_2_accueil{
	margin:17px 0px 0px 5px;
	display:inline;
	background:url(../graphics/episode_thumbnail_ep_01.jpg);
}

#episode_3_accueil{
	margin:17px 0px 0px 5px;
	display:inline;
	background:url(../graphics/episode_thumbnail_ep_02.jpg);
}
/**********************************************************************************/
#infolettre{
	width:282px;
	height:78px;
	float:left;
	margin:14px 0px 0px 36px;
	display:inline;
	text-indent:-9999px;
	font-size:1px;
	background:url(../graphics/infolettre_box.jpg);
}

#infolettre_form{
	width:262px;
	height:32px;
	float:left;
	margin:35px 0px 0px 10px;
	display:inline;
	background:url(../graphics/infolettre_field.jpg) no-repeat 0px 2px;
}

#infolettre_input{
	width:230px;
	height:24px;
	float:left;
	border:none;
	margin:7px 0px 0px 0px;
	display:inline;
	background:none;
	font-size:15px;
	text-align:center;
	color:#333333;
	font-weight:bold;
}

#infolettre_button{
	width:32px;
	height:32px;
	float:left;
	border:none;
	font-size:1px;
	text-indent:-9999px;
	background:url(../graphics/infolettre_button_normal.jpg);
}

#infolettre_button:hover{
	background:url(../graphics/infolettre_button_active.jpg);
}


/*** FIN PAGE ACCUEIL ***/





/*** PAGE VIDEO ***/

#share_button{
	width:83px;
	height:16px;
	float:left;
	margin:0px 0px 15px 389px;
	display:inline;
}

.facebook_link{
	background:url(../graphics/facebook_logo.jpg);
	width:27px;
	height:27px;
	position:absolute;
	left:243px;
	top:145px;
}

#bande_bas_gauche_video{
	position:absolute;
	left:0px;
	top:746px;
	width:66px;
	height:43px;
	background:url(../graphics/bande_ombre/bas_accueil.jpg);
}

#bande_bas_droite_video{
	position:absolute;
	left:934px;
	top:746px;
	width:66px;
	height:43px;
	background:url(../graphics/bande_ombre/bas_accueil.jpg);
}

#wrap_video_1{
	float:left;
	width:691px;
	background:url(../graphics/babillard_video_patern.jpg) 0px -25px;
	margin:0px 0px 0px 90px;
	text-indent:-9999px;
	display:inline;
}

#wrap_video_2{
	background:url(../graphics/babillard_video_top.jpg) no-repeat;
	width:691px;
	float:left;
}

#video_babillard{
	background:url(../graphics/babillard_video_bottom.jpg) no-repeat bottom;
	width:644px;
	float:left;
	padding:119px 0px 32px 47px;
	overflow:auto;
}

#video_babillard ul li{
	width:281px;
	height:186px;
	float:left;
	margin:8px 6px 8px 11px;
	display:inline;
	list-style:none;
	position:relative;
}

.liste_carte{
	width:281px;
	height:186px;
	float:left;
	margin:8px 6px 8px 11px;
	display:inline;
	list-style:none;
	position:relative;
}



#video_box{
	width:692px;
	height:426px;
	float:left;
	background:url(../graphics/video_video_box.jpg);
	margin:20px 0px 15px 88px;
	display:inline;
}

#video_player{
	margin:20px 0px 0px 26px;
}

.wrap_link{
	margin:50px 0px 0px 20px;
	/*display:inline;*/
}

#block_espace{
	float:left;
	width:500px;
	height:35px;
}

/********************/

#carte_pissette_front{
	width:281px;
	height:186px;
	position:absolute;
	top:0px;
	left:0px;
	background:url(../graphics/carte_video/pissette.jpg);
	z-index:1;
}

#carte_pissette_back{
	width:281px;
	height:186px;
	position:absolute;
	top:0px;
	left:0px;
	background:url(../graphics/carte_video/back.jpg);
	z-index:0;
	text-indent:0;
}

/********************/

#carte_m_overtime_front{
	width:281px;
	height:186px;
	position:absolute;
	top:0px;
	left:0px;
	background:url(../graphics/carte_video/m_overtime.jpg);
	z-index:1;
}

#carte_m_overtime_back{
	width:281px;
	height:186px;
	position:absolute;
	top:0px;
	left:0px;
	background:url(../graphics/carte_video/m_overtime_b.jpg);
	z-index:0;
	text-indent:0;
}

/********************/

#carte_gros_bras_front{
	width:281px;
	height:186px;
	position:absolute;
	top:0px;
	left:0px;
	background:url(../graphics/carte_video/gros_bras.jpg);
	z-index:1;
}

#carte_gros_bras_back{
	width:281px;
	height:186px;
	position:absolute;
	top:0px;
	left:0px;
	background:url(../graphics/carte_video/back/temp_gros_bras.jpg);
	z-index:0;
	text-indent:0;
}

/********************/

#carte_grand_pere_front{
	width:281px;
	height:186px;
	position:absolute;
	top:0px;
	left:0px;
	background:url(../graphics/carte_video/grand_pere.jpg);
	z-index:1;
}

#carte_grand_pere_back{
	width:281px;
	height:186px;
	position:absolute;
	top:0px;
	left:0px;
	background:url(../graphics/carte_video/grand_pere_b.jpg);
	z-index:0;
	text-indent:0;
}

/********************/

#carte_canard_front{
	width:281px;
	height:186px;
	position:absolute;
	top:0px;
	left:0px;
	background:url(../graphics/carte_video/canard.jpg);
	z-index:1;
}

#carte_canard_back{
	width:281px;
	height:186px;
	position:absolute;
	top:0px;
	left:0px;
	background:url(../graphics/carte_video/canard_b.jpg);
	z-index:0;
	text-indent:0;
}

/********************/

#carte_le_gland_front{
	width:281px;
	height:186px;
	position:absolute;
	top:0px;
	left:0px;
	background:url(../graphics/carte_video/le_gland.jpg);
	z-index:1;
}

#carte_le_gland_back{
	width:281px;
	height:186px;
	position:absolute;
	top:0px;
	left:0px;
	background:url(../graphics/carte_video/back/temp_le_gland.jpg);
	z-index:0;
	text-indent:0;
}

/********************/

#carte_minoune_front{
	width:281px;
	height:186px;
	position:absolute;
	top:0px;
	left:0px;
	background:url(../graphics/carte_video/minoune.jpg);
	z-index:1;
}

#carte_minoune_back{
	width:281px;
	height:186px;
	position:absolute;
	top:0px;
	left:0px;
	background:url(../graphics/carte_video/back/temp_minoune.jpg);
	z-index:0;
	text-indent:0;
}

/********************/

#carte_tache_de_marde_front{
	width:281px;
	height:186px;
	position:absolute;
	top:0px;
	left:0px;
	background:url(../graphics/carte_video/tache_de_marde.jpg);
	z-index:1;
}

#carte_tache_de_marde_back{
	width:281px;
	height:186px;
	position:absolute;
	top:0px;
	left:0px;
	background:url(../graphics/carte_video/back/temp_tache_de_marde.jpg);
	z-index:0;
	text-indent:0;
}

/********************/

#carte_grand_yeule_front{
	width:281px;
	height:186px;
	position:absolute;
	top:0px;
	left:0px;
	background:url(../graphics/carte_video/grand_yeule.jpg);
	z-index:1;
}

#carte_grand_yeule_back{
	width:281px;
	height:186px;
	position:absolute;
	top:0px;
	left:0px;
	background:url(../graphics/carte_video/back/temp_grand_yeule.jpg);
	z-index:0;
	text-indent:0;
}

/********************/

#carte_gandille_front{
	width:281px;
	height:186px;
	position:absolute;
	top:0px;
	left:0px;
	background:url(../graphics/carte_video/gandille.jpg);
	z-index:1;
}

#carte_gandille_back{
	width:281px;
	height:186px;
	position:absolute;
	top:0px;
	left:0px;
	background:url(../graphics/carte_video/gandille_b.jpg);
	z-index:0;
	text-indent:0;
}

/********************/

#carte_boss_front{
	width:281px;
	height:186px;
	position:absolute;
	top:0px;
	left:0px;
	background:url(../graphics/carte_video/boss.jpg);
	z-index:1;
}

#carte_boss_back{
	width:281px;
	height:186px;
	position:absolute;
	top:0px;
	left:0px;
	background:url(../graphics/carte_video/back/temp_boss.jpg);
	z-index:0;
	text-indent:0;
}

/********************/

#carte_l_espagnol_front{
	width:281px;
	height:186px;
	position:absolute;
	top:0px;
	left:0px;
	background:url(../graphics/carte_video/l_espagnol.jpg);
	z-index:1;
}

#carte_l_espagnol_back{
	width:281px;
	height:186px;
	position:absolute;
	top:0px;
	left:0px;
	background:url(../graphics/carte_video/back/temp_l_espagnol.jpg);
	z-index:0;
	text-indent:0;
}

/********************/


/*** FIN PAGE VIDEO ***/





/*** PAGE CREDITS ***/

#credit_box{
	background:url(../graphics/credit_box.jpg);
	width:700px;
	height:1200px;
	float:left;
	margin:35px 0px 35px 84px;
	text-indent:-9999px;
	display:inline
}

#credit_box ul li{
	list-style:none;
}

/*** FIN PAGE CREDITS ***/





/*** PAGE EXTRA ***/

#flash_box{
	width:780px;
	height:829px;
	float:left;
	margin:13px 0px 35px 42px;
	display:inline;
}

#flash_box ul li{
	list-style:none;
}

a#boutton_achat{
	width:66px;
	height:65px;
	float:left;
	display:inline;
	margin:302px 0px 0px 543px;
	overflow:hidden;
	outline:none;
}

a#boutton_achat:hover{
	background:url(../graphics/extra_boutton_highlight.jpg);
}

/*** FIN PAGE EXTRA ***/





/*** PAGE CONTACTS ***/

#contact_box{
	background:url(../graphics/contact_box.jpg) no-repeat;
	width:728px;
	height:275px;
	float:left;
	margin:35px 0px 35px 84px;
	text-indent:-9999px;
	display:inline;
}

a#mail_commentaire{
	width:353px;
	height:25px;
	margin:114px 0px 0px 49px;
	float:left;
	overflow:hidden;
	outline:none;
	display:inline;
}

a#mail_pub{
	width:202px;
	height:25px;
	margin:75px 100px 0px 49px;
	float:left;
	overflow:hidden;
	outline:none;
	display:inline;
}

a#mail_info{
	width:204px;
	height:25px;
	margin:78px 300px 0px 49px;
	float:left;
	overflow:hidden;
	outline:none;
	display:inline;
}

/*** FIN PAGE CONTACT ***/