.flocon
{
	position: absolute;
	z-index: 4;
}

#sapin
{
position: fixed;
bottom:0;
left:0; 
width:110px;
height:147px;
background: url(images/sapin.gif);
}
#tapis
{
position: fixed;
bottom:0;
left:0; 
width:100%;
height:35px;
background: url(images/neige.gif) repeat;
}


#deco1
{
	position: fixed;
	padding: 0;
	margin: 0;
	width: 100%;
	height: 34px;
	top: 0px;
	left: 0px;
	visibility: visible;
	z-index: 4;
}

#pub_frame
{
	position: relative;
	padding: 0;
	margin: 0;
	width: 250px;
	height: 150px;
	top: -217px;
	left: 50px;
	visibility: visible;
	z-index: 5;
}


#pub_chron
{
    border-style: none;
    position: fixed;
    padding: 0;
    margin: 0;
    width: 350px;
    height: 288px;
    top: 0px;
    left: 0px;
    visibility: visible;
    z-index: 4;
}

#fil_peche
{
    position: relative;
    padding: 0;
    margin: 0;
    width: 5px;
    height: 100px;
    left: 34px;
    visibility: visible;
    z-index: 5;
    background-image: url('images/pub/fil.png');
    background-repeat: repeat-y;
}

#popupmob
{
	position: fixed;
	padding: 0;
	margin: 0;
	width: 250px;
	height: 220px;
	top: 10px;
	left: 10px;
	visibility: hidden;
	z-index: 4;
}

#sondage
{
	position: fixed;
	padding: 0;
	margin: 0;
	width: 250px;
	height: 220px;
	top: 10px;
	left: 10px;
	visibility: hidden;
	z-index: 4;
}

#mouche
{
	position: absolute;
	top: 400px;
	left: 150px;
	padding: 0;
	margin: 0 0 0 0;
	z-index: 3;
}

#nosvideo
{
	position: absolute;
	top: 355px;
	left: 100px;
	padding: 0;
	margin: 0 0 0 0;
	z-index: 1;
}

#nosvideofav
{
	position: absolute;
	top: 875px;
	left: 100px;
	padding: 0;
	margin: 0 0 0 0;
	z-index: 1;
}

#langue
{
	position: absolute;
	top: 235px;
	left: 660px;
	padding: 0;
	margin: 0 0 0 0;
}


#imgcarpe 
{
	position: absolute;
	top: 10px;
	left: 450px;
	padding: 0;
	margin: 0 0 0 0;
	z-index: 7;
}

#container
{
	position: relative;
	padding: 0;
	margin: 0 auto;
	text-align: left;
	width: 775px;
    top: 0px;
    left: 0px;
}

#container2
{
	position: relative;
	padding: 0;
	margin: 0 auto;
	text-align: left;
	width: 240px;
	height:185px;
}

#container100
{
	padding: 0;
	margin: 0 auto;
}

#logo_app
{
	position: absolute;
	top: -200px;
	left: 300px;
	z-index: 1;
}

#vigcontainer
{
	position: relative;
	padding: 0;
	margin: 0 0 0 0;
	text-align: left;
	width: 130px;
}

#main_container
{
	position: relative;
	top: -30px;
	left: 0;
	padding: 0;
	margin: 0 15px 10px 22px;
}

#imageprincipale
{
	position: absolute;
	top: 0;
	left: 0;
	padding: 0;
	margin: 0 0 0 0;
}

#texteimage
{
	position: absolute;
	top: 0;
	left: 0;
	padding: 0;
	margin: 0 0 0 0;
}

#layout_table
{
	border-collapse: collapse;
}

#left_column
{
	vertical-align: top;
}

#right_column
{
	vertical-align: top;
}

#sub_container1
{
	margin: 0;
	padding: 0;
}

#sub_container2
{
	clear: both;	
	margin: 0 10px 0 0;
	padding: 0;
	width: 580px;
	overflow: hidden;
}

#content_container
{
	line-height: 1.2;
	margin: 0;
	padding: 0;
	width: 580px;
}

#left_column_container
{
	margin: 0;
	padding: 0;
	width: 196px;
}

#sousimage
{
	position:  absolute;
	padding: 0;
	margin: 0;
	width: 162px;
	height: 43px;
	top: 30px;
	visibility: hidden;
	z-index: 4;
}

#compteur
{
	position:  absolute;
	padding: 0;
	margin: 0;
	width: 160px;
	height: 50px;
	top: -310px;
	left: 570px;
	z-index: 5;
}


#recherche
{
	position:  absolute;
	padding: 0;
	margin: 0;
	width: 380px;
	height: 50px;
	top: 250px;
	left: 520px;
	z-index: 0;
}

#scotch
{
	position: relative;
	padding: 0;
	margin: 0;
	width: 40px;
	height: 54px;
	top: 32px;
	left: 260px;
}

#scotch2
{
	position: relative;
	padding: 0;
	margin: 0;
	width: 40px;
	height: 54px;
	top: 32px;
	left: 350px;
}

#header
{
	position: relative;
	padding: 0;
	margin: 0;
	width: 775px;
	height: 322px;
	top: 0;
	left: 0;
}

#key_visual
{
	position: relative;
	top: 79px;
	left: 20px;
	width: 454px;
	height: 169px;
}

#key_visual1
{
	position: relative;
	top: 79px;
	left: 20px;
	width: 454px;
	height: 169px;
}

#key_visual2
{
	position: relative;
	top: 79px;
	left: 20px;
	width: 454px;
	height: 169px;
}

#key_visual3
{
	position: relative;
	top: 79px;
	left: 20px;
	width: 454px;
	height: 169px;
}

#key_visual4
{
	position: relative;
	top: 79px;
	left: 20px;
	width: 454px;
	height: 169px;
}

#key_visual5
{
	position: relative;
	top: 79px;
	left: 20px;
	width: 454px;
	height: 169px;
}

#key_visual6
{
	position: relative;
	top: 79px;
	left: 20px;
	width: 454px;
	height: 169px;
}

#key_visual7
{
	position: relative;
	top: 79px;
	left: 20px;
	width: 454px;
	height: 169px;
}

#key_visual8
{
	position: relative;
	top: 79px;
	left: 20px;
	width: 454px;
	height: 169px;
}

#blason
{
	position: relative;
	top: -81px;
	left: 620px;
	width: 135px;
	height: 130px;
}

#blason2
{
	position: relative;
	top: -81px;
	left: 620px;
	width: 135px;
	height: 130px;
}

#carpe
{
	position:  absolute;
	top: 70px;
	left: 360px;
	width: 237px;
	height: 140px;
}

#carpe2
{
	position:  absolute;
	top: 50px;
	left: 400px;
	width: 210px;
	height: 203px;
	z-index: 3;
}

#pelle
{
	position:  absolute;
	top: 104px;
	left: 460px;
	width: 125px;
	height: 134px;
}

#livre
{
	position:  absolute;
	top: 100px;
	left: 330px;
	width: 250px;
	height: 171px;
}

#metre
{
	position:  absolute;
	top: 860px;
	left: 320px;
	width: 150px;
	height: 160px;
}

#metre1
{
	position:  absolute;
	top: 1520px;
	left: 320px;
	width: 150px;
	height: 160px;
}

#imgmouche
{
	position:  absolute;
	top: 100px;
	left: -85px;
	width: 237px;
	height: 140px;
}

#logo
{
	background: no-repeat top center;
	width: 100%;
	height: 70px;
	position: absolute;
	top: 2px;
	left: 24px;
    z-index: 2;
}

#logo1
{
	background: no-repeat top center;
	width: 100%;
	height: 70px;
	position: absolute;
	top: 2px;
	left: 24px;
    z-index: 2;
}

#logo2
{
	background: no-repeat top center;
	width: 100%;
	height: 70px;
	position: absolute;
	top: 2px;
	left: 24px;
    z-index: 2;
}

#logo3
{
	background: no-repeat top center;
	width: 100%;
	height: 70px;
	position: absolute;
	top: 2px;
	left: 24px;
    z-index: 2;
}

#logo4
{
	background: no-repeat top center;
	width: 100%;
	height: 70px;
	position: absolute;
	top: 2px;
	left: 24px;
    z-index: 2;
}

#logo5
{
	background: no-repeat top center;
	width: 100%;
	height: 70px;
	position: absolute;
	top: 2px;
	left: 24px;
    z-index: 2;
}

#logo6
{
	background: no-repeat top center;
	width: 100%;
	height: 70px;
	position: absolute;
	top: 2px;
	left: 24px;
    z-index: 2;
}

#text_caption
{
	position: relative;
	top: -51px;
	left: 12px;
	width: 466px;
	padding-left: 20px;
	line-height: 35px;
}

/*--- main navigation ------------------------------------------------------*/

#main_nav_container
{
	z-index: 1;
	width: 520px;
	padding: 0;
	margin: 0 0 20px 0;
	overflow: hidden;
}

#main_nav_list 
{
    z-index: 1;
	margin: 0;
	padding: 0;
	list-style-type: none;
}

#main_nav_list li 
{
    z-index: 1;
	float: left;
	margin: 0;
	padding: 0;
}

#main_nav_list a 
{
    z-index: 1;
	margin: 0;
    padding: 0 7px 0 7px;
    display: block;
    float: left;
	height: 32px;
	line-height: 30px;
	text-align: center;
	voice-family: "\"}\"";
	voice-family: inherit;
	height: 32px;
}

html>body #main_nav_list a
{
	height: 32px;
}

#main_nav_list a:hover
{
	background: transparent;
}

.sub_nav_container
{
	margin: 0 3px 3px 3px;
	padding: 0 0 10px 0;
}

/*--- subnavigation --------------------------------------------------------*/

.sub_nav_list
{
	border: 0;
	margin: 0;
	padding: 0;
	list-style-type: none;
}

.sub_nav_list1
{
	border: 0;
	margin:  10px 15px 0 40px;
	padding: 0;
	list-style-type: disc;
}

.sub_nav_list10
{
	border: 0;
	margin:  10px 15px 0 40px;
	padding: 0;
	list-style-type: square;
}

.sub_nav_list li
{
	margin: 3px 0 2px 0;
	padding: 0;
}

.sub_nav_list a
{
	text-align: left;
	line-height: 22px;
	height: 29px;
	width: 196px;
	padding-left: 20px;
	display: block;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 176px;
}

html>body .sub_nav_list a
{
  	width: 176px;
}

#footer
{
	position: relative;
	top: -40px;
	left: 0;
	margin: 0;
	padding: 0;
	width: 775px;
	height: 114px;
	clear: both;
}

#footer_text
{
	padding-top: 70px;
	margin: 0 270px 0 20px;
	text-align: center;
}

body#main_body
{
	margin: 0;
	padding: 0;
	text-align: center;
}

body#main_body3
{
	margin: 0;
	padding: 0;
	text-align: left;
}

body#main_body1
{
	margin: 0;
	padding: 0;
	text-align: center;
}

body#main_body2
{
	margin: 0;
	padding: 0;
	text-align: center;
}

#content_container p
{
	margin: 5px 15px 5px 15px;
	padding: 0;
	line-height: 1.5;
	z-index: 0;
}


#vigcontainer p
{
	margin: 0 2px 0 2px;
	padding: 0;
	line-height: 1.2;
}



/*--- headings -------------------------------------------------------------*/

#content_container h1 
{
    background: url(images/dynamic/titre01.gif) no-repeat;
	line-height: 53px;
	text-align: center;
	background-repeat: no-repeat !important;
}

#content_container h2
{
	line-height: 49px;
	text-align: center;
	background-repeat: no-repeat !important;	
}

#content_container h3
{
	line-height: 51px;
	text-align: center;
	background-repeat: no-repeat !important;	
}

/*--- tables ---------------------------------------------------------------*/

#content_container table
{
	border-style: dotted;
	border-width: 0;
	border-collapse: collapse;
}

#content_container th
{
	border-left: 1px solid #aaa;
	padding:3px;
}

#content_container tr.odd td
{
	border-left: 1px solid #aaa;
	border-top: 1px solid #000;
	padding: 3px;
}

#content_container tr.even td
{
	border-left: 1px solid #aaa;
	border-top: 1px solid #000;
	padding: 3px;
}

.content form
{
	margin: 0;
	padding: 0;
}

.content fieldset
{
	padding: 15px;
	border-style: solid;
	border-width: 1px;
}

.content input
{
	border-style: solid;
	border-width: 1px;
}

.content textarea
{
	border-style: solid;
	border-width: 1px;
}

#extra_div1
{
	position: absolute;
	padding: 0;
	margin: 0;
	width: 100%;
	height: 122px;
	top: 0;
	left: 0;
	text-align: center;
}

#extra_div1 span
{
	position: relative;
	display: block;
	width: 370px;
	height: 74px;
	top: 0;
	left: 190px;
	margin: 0 auto;
	padding: 0;
}

#podium01, #podium04
{
	position: relative;
	padding: 0;
	margin: 0;
	width: 164px;
	top: 0;
    border-left : 7px solid #ecd369;
    border-bottom : 7px solid #ecd369;
    border-right : 7px solid #ecd369;
    border-top : 7px solid #ecd369;
    background-color : #000000;
}

#podium02, #podium05
{
	position: relative;
	padding: 0;
	margin: 0;
	width: 164px;
	top: 20px;
    border-left : 7px solid #b6a896;
    border-bottom : 7px solid #b6a896;
    border-right : 7px solid #b6a896;
    border-top : 7px solid #b6a896;
    background-color : #000000;
}

#podium03	,#podium06
{
	position: relative;
	padding: 0;
	margin: 0;
	width: 150px;
	top: 40px;
    border-left : 7px solid #533929;
    border-bottom : 7px solid #533929;
    border-right : 7px solid #533929;
    border-top : 7px solid #533929;
    background-color : #000000;
}

#podium07, #podium10, #podium13, #podium16, #podium19
{
	position: relative;
	padding: 0;
	margin: 0;
	width: 164px;
	top: 0;
    border-left : 7px solid #ecd369;
    border-bottom : 7px solid #ecd369;
    border-right : 7px solid #ecd369;
    border-top : 7px solid #ecd369;
    background-color : #000000;
}

#podium08, #podium11, #podium14, #podium17, #podium20
{
	position: relative;
	padding: 0;
	margin: 0;
	width: 164px;
	top: 20px;
    border-left : 7px solid #b6a896;
    border-bottom : 7px solid #b6a896;
    border-right : 7px solid #b6a896;
    border-top : 7px solid #b6a896;
    background-color : #000000;
}

#podium09, #podium12, #podium15, #podium18	, #podium21
{
	position: relative;
	padding: 0;
	margin: 0;
	width: 150px;
	top: 40px;
    border-left : 7px solid #533929;
    border-bottom : 7px solid #533929;
    border-right : 7px solid #533929;
    border-top : 7px solid #533929;
    background-color : #000000;
}

#A1 
{
     visibility: hidden
}

#cartepech
{
     visibility: hidden
}

#blason1 {
    z-index:0;
	position: relative;
	top: -211px;
	left: 620px;
	width: 135px;
	height: 130px;
	visibility: hidden;
}






 
#peel {
    z-index: 20;
	background: transparent url(images/key_chronique.jpg) no-repeat scroll 0% 0;
	position: absolute;
	left: 0;
	text-decoration: none;
	top: 0;
	width: 50px;
	height: 55px;
	-box-shadow: -5px 5px 5px rgba(0, 0, 0, 0.3);
	-transition: height 0.3s ease-out 0, width 0.3s ease-out 0;
	-moz-box-shadow: -5px 5px 5px rgba(0, 0, 0, 0.3);
	-moz-transition: height 0.3s ease-out 0, width 0.3s ease-out 0;
	-o-transition: height 0.3s ease-out 0, width 0.3s ease-out 0;
	-webkit-box-shadow: -5px 5px 5px rgba(0, 0, 0, 0.3);
	-webkit-transition: height 0.3s ease-out 0, width 0.3s ease-out 0;
}
 
#peel:hover {
	height: 300px;
	width: 300px;
}
 
#peel img {
	border: none;
	height: 100%;
	width: 100%;
}

#peel1 {
    z-index: 20;
	background: transparent url(images/key_chronique.jpg) no-repeat scroll 0% 0;
	position: absolute;
	left: 0;
	text-decoration: none;
	top: 0;
	width: 50px;
	height: 50px;
	-box-shadow: -5px 5px 5px rgba(0, 0, 0, 0.3);
	-transition: height 0.3s ease-out 0, width 0.3s ease-out 0;
	-moz-box-shadow: -5px 5px 5px rgba(0, 0, 0, 0.3);
	-moz-transition: height 0.3s ease-out 0, width 0.3s ease-out 0;
	-o-transition: height 0.3s ease-out 0, width 0.3s ease-out 0;
	-webkit-box-shadow: -5px 5px 5px rgba(0, 0, 0, 0.3);
	-webkit-transition: height 0.3s ease-out 0, width 0.3s ease-out 0;
}
 
#peel1:hover {
	height: 300px;
	width: 300px;
}
 
#peel1 img {
	border: none;
	height: 100%;
	width: 100%;
}

#peel2 {
    z-index: 20;
	background: transparent url(images/key_chronique.jpg) no-repeat scroll 0% 0;
	position: absolute;
	left: 0;
	text-decoration: none;
	top: 0;
	width: 75px;
	height: 75px;
	-box-shadow: -5px 5px 5px rgba(0, 0, 0, 0.3);
	-transition: height 0.3s ease-out 0, width 0.3s ease-out 0;
	-moz-box-shadow: -5px 5px 5px rgba(0, 0, 0, 0.3);
	-moz-transition: height 0.3s ease-out 0, width 0.3s ease-out 0;
	-o-transition: height 0.3s ease-out 0, width 0.3s ease-out 0;
	-webkit-box-shadow: -5px 5px 5px rgba(0, 0, 0, 0.3);
	-webkit-transition: height 0.3s ease-out 0, width 0.3s ease-out 0;
}
 
#peel2:hover {
	height: 300px;
	width: 300px;
}
 
#peel2 img {
	border: none;
	height: 100%;
	width: 100%;
}

#peel3 {
    z-index: 20;
	background: transparent url(images/key_chronique.jpg) no-repeat scroll 0% 0;
	position: absolute;
	left: 0;
	text-decoration: none;
	top: 0;
	width: 100px;
	height: 100px;
	-box-shadow: -5px 5px 5px rgba(0, 0, 0, 0.3);
	-transition: height 0.3s ease-out 0, width 0.3s ease-out 0;
	-moz-box-shadow: -5px 5px 5px rgba(0, 0, 0, 0.3);
	-moz-transition: height 0.3s ease-out 0, width 0.3s ease-out 0;
	-o-transition: height 0.3s ease-out 0, width 0.3s ease-out 0;
	-webkit-box-shadow: -5px 5px 5px rgba(0, 0, 0, 0.3);
	-webkit-transition: height 0.3s ease-out 0, width 0.3s ease-out 0;
}
 
#peel3:hover {
	height: 300px;
	width: 300px;
}
 
#peel3 img {
	border: none;
	height: 100%;
	width: 100%;
}

#peel4 {
    z-index: 20;
	background: transparent url(images/key_chronique.jpg) no-repeat scroll 0% 0;
	position: absolute;
	left: 0;
	text-decoration: none;
	top: 0;
	width: 125px;
	height: 125px;
	-box-shadow: -5px 5px 5px rgba(0, 0, 0, 0.3);
	-transition: height 0.3s ease-out 0, width 0.3s ease-out 0;
	-moz-box-shadow: -5px 5px 5px rgba(0, 0, 0, 0.3);
	-moz-transition: height 0.3s ease-out 0, width 0.3s ease-out 0;
	-o-transition: height 0.3s ease-out 0, width 0.3s ease-out 0;
	-webkit-box-shadow: -5px 5px 5px rgba(0, 0, 0, 0.3);
	-webkit-transition: height 0.3s ease-out 0, width 0.3s ease-out 0;
}
 
#peel4:hover {
	height: 300px;
	width: 300px;
}
 
#peel4 img {
	border: none;
	height: 100%;
	width: 100%;
}

#peel5 {
    z-index: 20;
	background: transparent url(images/key_chronique.jpg) no-repeat scroll 0% 0;
	position: absolute;
	left: 0;
	text-decoration: none;
	top: 0;
	width: 150px;
	height: 150px;
	-box-shadow: -5px 5px 5px rgba(0, 0, 0, 0.3);
	-transition: height 0.3s ease-out 0, width 0.3s ease-out 0;
	-moz-box-shadow: -5px 5px 5px rgba(0, 0, 0, 0.3);
	-moz-transition: height 0.3s ease-out 0, width 0.3s ease-out 0;
	-o-transition: height 0.3s ease-out 0, width 0.3s ease-out 0;
	-webkit-box-shadow: -5px 5px 5px rgba(0, 0, 0, 0.3);
	-webkit-transition: height 0.3s ease-out 0, width 0.3s ease-out 0;
}
 
#peel5:hover {
	height: 300px;
	width: 300px;
}
 
#peel5 img {
	border: none;
	height: 100%;
	width: 100%;
}

#pelliculeD
{
	position: relative;
	padding: 0;
	margin: 0 0 0 0;
	z-index: 6;
	top: -2260px;
	left: 783px;
	background-image: url('images/pub/pellicule.png');
    background-repeat: repeat-y;
    width: 62px; 
    height: 1076px;
}

#pelliculeG
{
	position:  relative;
	padding: 0;
	margin: 0 0 0 0;
	z-index: 6;
	top: -1184px;
	left: -37px;
	background-image: url('images/pub/pellicule.png');
    background-repeat: repeat-y;
    width: 62px; 
    height: 1076px;
}

#punaise1
{
	position:  relative;
	padding: 0;
	margin: 0 0 0 0;
	z-index: 6;
	top: -3415px;
	left: -50px;
	background-image: url('images/pub/punaise.png');
    background-repeat: no-repeat;
    width: 52px; 
    height: 40px;
}

#punaise2
{
	position:  relative;
	padding: 0;
	margin: 0 0 0 0;
	z-index: 6;
	top: -2420px;
	left: 800px;
	background-image: url('images/pub/punaise.png');
    background-repeat: no-repeat;
    width: 52px; 
    height: 40px;
}


#Texte_P01
{
	position:  relative;
	padding: 0;
	margin: 0 0 0 0;
	z-index: 6;
	top: -3330px;
	left: 30px;
}

#Texte_P02
{
	position:  relative;
	padding: 0;
	margin: 0 0 0 0;
	z-index: 6;
	top: -2830px;
	left: 30px;
}

#footer_video
{
	position: relative;
	top: 10px;
	left: 0;
	margin: 0;
	padding: 0;
	width: 775px;
	height: 114px;
	clear: both;
}