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

/* PNG FIX */
/*#logo-et-titre, #photo, #fond_bandeau_titre, #fond_bandeau_titre2, #fond_bandeau_gris, .logo_pkd { behavior: url(iepngfix/iepngfix.htc); }*/

body {
	/*height: 100%;*/
	margin: 0;
	padding: 0;
    text-align: center;
	background-image:url('../images/bg01.jpg');	
	background-repeat:no-repeat;
	/*background-attachment:fixed;*/
	background-position:top center;
	background-color: #027a94;
	font: 13px Tahoma;
	color: #FFFFFF;
}

/*Conteneur */
#mainPage {
	margin-left: auto;
	margin-right: auto;	
	width: 960px;
	/*padding:0px 70px 0px 70px;*/
	min-height:800px;
	height:auto;
	/*position:relative;*/
	overflow:hidden;
	z-index:50;
}


#header{
	/*clear:both;*/
	width: 960px;
	height: 435px;
	/*background-color:#CCCCCC;*/
	overflow:hidden;
	text-align:center;
	position:absolute;
}

#header .logo{
	/*clear:both;*/
	width: 960px;
	margin-top:60px;
	height: 129px;
	position:absolute;
	text-align:center;
	background-image:url(../images/logo_julien_absalon_2013.png);
	background-repeat:no-repeat;
	background-position: top center;
	cursor:pointer;
}

#header .hotspot{
	/*clear:both;*/
	width: 264px;
	margin:10px 0px 0px 0px;
	height: 218px;
	position:absolute;
	text-align:left;
	background-image:url(../images/logo_shop.png);
	background-repeat:no-repeat;
	background-position: 0px 0px;
	/*cursor:pointer;*/
	z-index:5000;
}

#header .fb{
	/*clear:both;*/
	width: 170px;
	margin-top:0px;
	height: 85px;
	position:absolute;
	text-align:right;
	float:right;
	top:-50px;
	left:500px ;
	cursor:pointer;
}


#content{
	width: 960px;
	height:auto;
	margin:0px;
	padding:0px;
	position:absolute;
	overflow:hidden;
	z-index:100;
}

#footer{
	width: 100%;
	height: 160px;
	overflow:hidden;
	text-align:center;
	margin-left: auto;
	margin-right: auto;	
	background-image:url('../images/fond_footer.png');	
	background-repeat:no-repeat;
}

#footer .content{
	margin-top:60px;
}


/* ACTUALITES */

#rub_actualites{
	width: 960px;
	height: auto;
	position:relative;
	top:0px;
	left:0px;
	margin:0;
	padding:0;
	background-image:url('../images/fond_content_actu.png');	
	background-repeat:no-repeat;
}


#rub_actualites .une{
	width: 960px;
	height: 437px;
	margin:0;
	padding:0;	
	background-position:0 0;
	position:relative;
	z-index:100;
}

#rub_actualites .une .col1{
	width: 325px;/*380*/
	height: 230px;
	margin:120px 5px 0px 50px;	
	float:left;
	text-align:left;
}

#rub_actualites .une .col2{
	width: 565px;/*580*/
	height: 230px;
	margin:120px 5px 0px 10px;		
	float:left;
	text-align:left;
}

.photo_une{
	width: 516px;
	height: 279px;
	/*position:relative;*/
	overflow:hidden;
}

.photo_detail_actu{
	width: 400px;
	height:280px;
	/*position:relative;*/
	overflow:hidden;
}


#detail_actu{
	float:left;
	width: 960px;
	height:auto;
	/*background-image:url(../images/fond_transp_70.png);
	background-repeat:repeat;*/
	position:absolute;
	top:0;
	left:960px;
	display:block;
	/*clear:both;*/
}

#detail_actu .col3{
	width: 440px;/*380*/
	height: auto;
	margin:120px 5px 0px 50px;	
	float:left;
	text-align:justify;
}

#detail_actu .col4{
	width: 390px;/*580*/
	height: auto;
	margin:120px 5px 20px 10px;		
	float:left;
	text-align:left;
}

.autres_actus{
	width: 960px;
	height: 306px;
	position:relative;
	top:0px;
	left:0px;
	margin:0px 0px 0px 0px;
	background-image:url('../images/fond_autres_news.png');	
	background-repeat:no-repeat;
	z-index:90;
}

.autres_actus .content{
	width: 926px;
	height: 245px;
	top:35px;
	margin:35px 0px 0px /*34*/0px;
	overflow:hidden;
	z-index:95;
	position:relative;
}

.autres_actus .content .thumbs{
	width: 260px;
	height: 195px;
	/*position:relative;*/
	overflow:hidden;
	float:left;
	/*margin:18px;*/
	cursor:pointer;
}

.autres_actus .content .thumbs_Over{
	width: 260px;
	height: 195px;
	/*position:relative;*/
	padding:0px;
/*	background-image:url(../images/bgOver_Thumbs.png);
	background-repeat:no-repeat;*/
	background: none repeat scroll 0 0 #ff409a;
	opacity: 0.8;
	float:left;
	position:absolute;
	display:none;
	overflow:hidden;
}

.autres_actus .content .thumbs_Over p{
	padding:0px;
	margin:30px 0px 0px 30px;
	text-align:left;
	position:relative;
	opacity: 1;
}



/* TEAM */
#rub_team{
	width: 960px;
	height: 505px;
	position:relative;
	top:0px;
	left:0px;
	margin:0;
	padding:0;
	background-image:url('../images/fond_content_team.png');	
	background-repeat:no-repeat;
}


#rub_staff{
	width: 960px;
	height: 525px;
	position:relative;
	top:0px;
	left:0px;
	margin:0px 0px 0px 0px;
	padding:0;
	background-image:url('../images/fond_content_staff.png');	
	background-repeat:no-repeat;
}

#rub_team .col1{
	width: 905px;/*380*/
	margin:80px 5px 0px 50px;	
	float:left;
	text-align:left;
}

.scotchNom{
	width:124px;
	height:42px;
	background-image:url('../images/scotchNom.png');	
	background-repeat:no-repeat;
	background-position: center;
	text-align:center;
	color:#000000;
	font-family: 'Oswald', sans-serif;
	font-weight:400;
	font-size:12px;
	line-height:18px;
}

/******* PARCOURS ***********/
#rub_parcours{
	width: 960px;
	height: auto;
	position:relative;
	top:0px;
	left:0px;
	margin:0px 0px 0px 0px;
	padding:0;
	background-image:url('../images/fond_content_parcours.png');
	background-repeat:no-repeat;
}

#rub_palmares{
	width: 960px;
	height: auto;
	position:relative;
	top:0px;
	left:0px;
	margin:0px 0px 0px 0px;
	padding:0;
	background-image:url('../images/fond_content_palmares.png');
	background-repeat:no-repeat;
}

#rub_parcours .col3{
	width: 440px;/*380*/
	height: auto;
	margin:120px 5px 0px 50px;	
	float:left;
	text-align:justify;
}

#rub_parcours .col4{
	width: 390px;/*580*/
	height: auto;
	margin:120px 5px 20px 10px;		
	float:left;
	text-align:left;
}

#rub_palmares .col3, #rub_contact .col3{
	width: 290px;/*380*/
	height: auto;
	margin:120px 5px 0px 100px;	
	float:left;
	text-align:left;
}

#rub_palmares .col4, #rub_contact .col4{
	width: 490px;/*580*/
	height: auto;
	margin:120px 5px 20px 10px;		
	float:left;
	text-align:left;
}

#rub_photos{
	width: 960px;
	height: auto;
	position:relative;
	top:0px;
	left:0px;
	margin:0px 0px 0px 0px;
	padding:0;
	background-image:url('../images/fond_content_photos.png');
	background-repeat:no-repeat;
}

#rub_photos .col3{
	width: 935px;/*380*/
	height: auto;
	margin:120px 5px 0px 20px;	
	float:left;
	text-align:left;
}


#rub_photos .thumbs{
	display : block;
	border: none;
	width:100px;
	height:100px;
	float:left;
	margin:5px;
	overflow:hidden;
	text-align: center;	
}

#rub_photos .thumbs_Over{
	border: none;
	width:100px;
	height:100px;
	float:left;
	margin:0px;
	overflow:hidden;
	text-align: center;	
	background: none repeat scroll 0 0 #ff409a;
	opacity: 0.8;
	position:absolute;
	display:none;
	cursor:pointer;
}

#rub_photos .content{
	width: 940px;/*380*/
	height: auto;
	margin:0;
	padding:10px;
	float:left;
	text-align:left;
	border-bottom: 1px solid #FFFFFF;
}

#rub_contact{
	width: 960px;
	height: auto;
	position:relative;
	top:0px;
	left:0px;
	margin:0px 0px 0px 0px;
	padding:0;
	background-image:url('../images/fond_content_contact.png');
	background-repeat:no-repeat;
}

#rub_contact .inputText {
	width:309px;
	height:34px;
	background-image:url('../images/fond_input.png');
	background-repeat:no-repeat;
	background-color:transparent;
	border:none;

}

#rub_agenda{
	width: 960px;
	height: 800px;
	position:relative;
	top:0px;
	left:0px;
	margin:0px 0px 0px 0px;
	padding:0;
}

#rub_partenaires{
	width: 960px;
	height: 800px;
	position:relative;
	background-image:url('../images/fond_content_partenaires.png');
	background-repeat:no-repeat;
	top:0px;
	left:0px;
	margin:0px 0px 0px 0px;
	padding:0;

}

#rub_agenda .fancy{
	cursor:url(../images/zoom.png),auto;
}

#rub_shop{
	width: 960px;
	height: auto;
	position:relative;
	top:0px;
	left:0px;
	margin:0px 0px 0px 0px;
	padding:0;
}





/******* TEXTES ***********/
h1{
	margin:0;
	padding:0;
	font-family: 'Oswald', sans-serif;
	font-weight:400;
	letter-spacing:0px;
	line-height:32px;
	font-size:28px;
	color:#003e48;
	/*text-shadow:#00859b 2px 2px;*/
}

h2{
	margin:0;
	padding:0;
	font-family: 'Oswald', sans-serif;
	font-weight:400;
	letter-spacing:0px;
	line-height:42px;
	font-size:35px;
	color:#003e48;
	/*text-shadow:#00859b 2px 2px;*/
}

h3{
	margin:0;
	padding:0;
	font-family: 'Oswald', sans-serif;
	font-weight:400;
	letter-spacing:0px;
	line-height:28px;
	font-size:18px;
	color:#FFFFFF;
	text-align:left;
	/*text-shadow:#00859b 2px 2px;*/
}

h3 a{
	color:#F90;
	text-decoration:underline;
	text-shadow:#00859b 2px 2px;
}

.bleu_fonce2{
	color:#003e48;
}

.coul_rose{
	color:#ff409a;
	/*text-shadow:#00859b 2px 2px;*/
	text-shadow:#003e48 1px 1px;

}


.intro_actu{
	/*font-family:"Arial";*/
	font-family: 'Oswald', sans-serif;
	font-weight:400;
	font-size:16px;
	line-height:25px;
	color:#FFFFFF;
	text-shadow:#00859b 1px 1px;
	margin:5px 0px 20px 0px;
	padding:0;
}

.details_actu{
	font-family: 'Oswald', sans-serif;
	/*font-family: 'Arvo', serif;*/
	font-weight:400;
	font-size:15px;
	line-height:25px;
	color:#FFFFFF;
	/*text-shadow:#00859b 1px 1px;*/
	margin:5px;
	padding:0;
}

.details_actu a{
	font-family: 'Oswald', sans-serif;
	font-weight:400;
	font-size:15px;
	line-height:25px;
	color:#ff409a;
	margin:5px;
	padding:0;
	text-decoration:none;
}

.details_actu a:hover{
	font-family: 'Oswald', sans-serif;
	font-weight:400;
	font-size:15px;
	line-height:25px;
	color:#FFFFFF;
	background-color:#ff409a;
	margin:5px;
	padding:0;
	text-decoration:none;
}

.details_actu em {
	/*font-family: 'Arvo', serif;*/
	font-family: 'Oswald', sans-serif;
	font-weight:300;
	font-style:italic;
	font-size:20px;
	line-height:25px;
	color:#FFFFFF;
	letter-spacing:0px;
	/*text-shadow:#00859b 1px 1px;*/
	margin:0px;
	padding:20px 0px;
}

.dateActu{
	font-family:"Arial Black";
	font-size:12px;
	text-transform:uppercase;
	letter-spacing:-1px;
	color:#FFFFFF;
	text-shadow:#00859b 1px 1px;
	margin:5px 0px 5px 0px;
	padding:0;
}

.texte_small{
	/*font-family:"Arial";*/
	font-family: 'Oswald', sans-serif;
	font-weight:400;
	font-size:12px;
	line-height:18px;
	color:#FFFFFF;
	margin:0;
	padding:0;
}

.texte_semi{
	/*font-family:"Arial";*/
	font-family: 'Oswald', sans-serif;
	font-weight:400;
	font-size:16px;
	line-height:25px;
	color:#FFFFFF;
	margin:0;
	padding:0;
}

#lien_gris_block, #lien_gris_block a{
	margin:0;
	padding:0;
	font-family: 'Oswald', sans-serif;
	font-weight:400;
	letter-spacing:0px;
	line-height:42px;
	font-size:22px;
	color:#003e48;
	text-shadow:#FFFFFF 1px 1px;
	text-decoration:none;
	width:185px;
}

#lien_gris_block a:hover{
	color:#ff409a;
	text-shadow:#00859b 2px 2px;
	text-decoration:none;
	line-height:42px;
	font-size:28px;
}

#lien_gris_block_active{
	margin:0;
	padding:0;
	font-family: 'Oswald', sans-serif;
	font-weight:400;
	letter-spacing:0px;
	line-height:42px;
	font-size:28px;
	color:#FFFFFF;
	text-shadow:#00859b 2px 2px;
	background-image:url('../images/fleche_date.png');
	background-repeat:no-repeat;
	background-position:center right;
	width:185px;
}

#lien_photos_block, #lien_photos_block a{
	margin:0;
	padding:0;
	font-family: 'Oswald', sans-serif;
	font-weight:400;
	letter-spacing:0px;
	line-height:42px;
	font-size:28px;
	color:#003e48;
	text-shadow:#FFFFFF 1px 1px;
	text-decoration:none;
	width:650px;
	text-align:left;
}

#lien_photos_block a:hover{
	color:#ff409a;
	text-shadow:#00859b 2px 2px;
	text-decoration:none;
	line-height:42px;
	font-size:28px;
}

#lien_photos_block_active{
	background-image:url('../images/fleche_date.png');
	background-repeat:no-repeat;
	background-position:center right;
	width:650px;
}


#lien_photos_block_active h3{
	margin:0;
	padding:0;
	font-family: 'Oswald', sans-serif;
	font-weight:400;
	letter-spacing:0px;
	line-height:42px;
	font-size:28px;
	color:#FFFFFF;
	text-align:left;
	text-shadow:#00859b 2px 2px;
	cursor:pointer;
}

#lien_photos_block_active h3:hover{
	color:#ff409a;
	text-shadow:#00859b 2px 2px;
	text-decoration:none;
	margin:0;
	padding:0;
	font-family: 'Oswald', sans-serif;
	font-weight:400;
	letter-spacing:0px;
	line-height:42px;
	font-size:28px;
	text-align:left;
	cursor:pointer;
}


#rub_palmares .col4 .coul_rose{
	color:#ff409a;
	text-shadow:#003e48 1px 1px;
	line-height:32px;
	font-size:28px;
	font-family: 'Oswald', sans-serif;
	font-weight:400;
}

/******* elements ***********/
#scotchA{
	width:123px;
	height:63px;
	background-image:url(../images/scotchAB.png);
	background-repeat:no-repeat;
	background-position:top center;
	position:absolute;
	z-index:1000;
}

#scotchB{
	width:123px;
	height:63px;
	background-image:url(../images/scotchAB.png);
	background-repeat:no-repeat;
	background-position:0 -63px;
	position:absolute;
	z-index:1000;
}

#scotchC{
	width:44px;
	height:141px;
	background-image:url(../images/scotchCD.png);
	background-repeat:no-repeat;
	background-position:top left;
	position:absolute;
	z-index:1000;
}

#scotchD{
	width:45px;
	height:141px;
	background-image:url(../images/scotchCD.png);
	background-repeat:no-repeat;
	background-position:-44px 0px;
	position:absolute;
	z-index:1000;
}

#picto_suite{
	width:86px;
	height:16px;
	background-image:url(../images/picto_lire_la_suite.png);
	background-repeat:no-repeat;
	background-position:0 -16px;
	left:160px;
	position:absolute;
	float:left;
	cursor:pointer;
	
}

#picto_suite:hover{
	width:86px;
	height:16px;
	background-image:url(../images/picto_lire_la_suite.png);
	background-repeat:no-repeat;
	background-position:0 0px;
	/*float:right;*/
	
}

.picto_retour,#picto_retour0{
	width:56px;
	height:16px;
	background-image:url(../images/picto_retour.png);
	background-repeat:no-repeat;
	background-position:0 -16px;
	left:50px;
	/*position:absolute;*/
	clear:both;
	cursor:pointer;
	
}

.picto_retour:hover,#picto_retour0:hover{
	width:56px;
	height:16px;
	background-image:url(../images/picto_retour.png);
	background-repeat:no-repeat;
	background-position:0 0px;
}

#picto_envoyer{
	width:72px;
	height:16px;
	background-image:url(../images/picto_envoyer.png);
	background-repeat:no-repeat;
	background-position:0 -16px;
	left:50px;
	/*position:absolute;*/
	float:left;
	cursor:pointer;
	
}

#picto_envoyer:hover{
	width:72px;
	height:16px;
	background-image:url(../images/picto_envoyer.png);
	background-repeat:no-repeat;
	background-position:0 0px;
}


/* UTILZ */
.logo_pkd{
	float:left;
	width: 960px;
	height: 10px;
	margin:15px 0px 0px 0px;
	background-image: url('../images/logo_pkd_50.png'); 
	background-repeat: no-repeat;
	background-position: top center;
}


/* PRELOADER*/
#preloader, #preloader0{
	position:absolute;
	margin-left: auto;
	margin-right: auto;
	width:100%;
	text-align:center;
	z-index:20000;
	clear:both;
}

#toggle_loading_txt, #toggle_loading_txt0{
	padding:0;
	font-family: 'Oswald', sans-serif;
	font-weight:400;
	line-height:28px;
	font-size:18px;
	color:#FFFFFF;
}