@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); }

html > body #accordion {
	height: auto;
	/*min-height:625px;*/
}

html > body #col_droite {
	height: auto;
	min-height:625px;
}

html > body #col_full {
	height: auto;
	min-height:625px;
}

a:focus {
	outline: 1px dotted;
	outline-color: black;
}

a:active {
	outline: none;
}


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


/*Conteneur */
#mainPage {
	margin-left: auto;
	margin-right: auto;	
}

#fond_conteneur {
	width: 1020px;
	background-image:url('images/fond_content.jpg');	
	background-repeat:repeat-y;
}

#header{
	clear:both;
	width: 960px;
	height: 235px;
	margin:0px;
	background-image: url('images/header.jpg'); 
	background-repeat: no-repeat top center;
}

#conteneur {
	/*clear:both;*/
 	margin: 0px 0px 0px 0px;
	width: 960px;
	height:625px;
	text-align: left;	
	background-color: #0f0f0f;
	background-image: url('images/fond_news.jpg'); 
	background-repeat: no-repeat;
	background-position: 0px 235px;
}


#footer{
	clear:both;
	width: 1020px;
	height: 173px;
	margin:0px;
	background-image: url('images/footer.gif'); 
	background-repeat: no-repeat top center;
}

#fond_news{
	width: 960px;
	margin:0px;
	height: 625px;
	background-color: #0f0f0f;
	background-image: url('images/fond_news.jpg'); 
	background-repeat: no-repeat;
}

#titre{
	float:left;
	/*clear:both;*/
	width: 324px;
	height: 101px;
	margin-top:115px;
	background-image: url('images/titre_champion.png'); 
	background-repeat: no-repeat top center;
}

#logo-et-titre{
	float:left;
	/*clear:both;*/
	width: 336px;
	height: 207px;
	margin-top:8px;
	background-image: url('images/logo-et-titre.png'); 
	background-repeat: no-repeat top center;
}

#photo{
	position:absolute;
	width: 247px;
	height: 370px;
	margin-top:32px;
	margin-left:540px;
	background-image: url('images/photo_julien_absalon.png'); 
	background-repeat: no-repeat top center;
}

#clear {
	clear:both;
}
	

/* COLONNES !! */
#col_gauche{
	float:left;
	width:400px;
	height: auto;
}

#col_droite{
	/*float:left;*/
	margin-left:400px;
	width:560px;
	height: auto;
	margin-top:97px;
}

#col_gauche2{
	float:left;
	margin-left:20px;
	width:400px;
	height: auto;
	margin-top:197px;
}


#col_droite2{
	/*float:left;*/
	margin-left:420px;
	width:540px;
	height: auto;
	margin-top:97px;
}

#col_full{
	margin:95px 0px 0px 30px;
	/*float:left;*/
	width:930px;
	height: auto;
}

#fond_bandeau_titre{
	/*clear:both;*/
	border:none;
	width: 560px;
	height: 32px;
	margin-top:0px;
	margin-left:0px;
	background-image: url('images/fond_bandeau_titre-close.png'); 
	background-repeat: no-repeat top center;
}

#fond_bandeau_titre2{
	/*clear:both;*/
	border:none;
	width: 560px;
	height: 32px;
	margin-top:0px;
	margin-left:0px;
	background-image: url('images/fond_bandeau_gris.png'); 
	background-repeat: no-repeat top center;
}

#fond_bandeau_titre a:focus {
	outline: 1px dotted;
	outline-color: black;
}

#fond_bandeau_titre a:active {
	outline: none;
}


#fond_bandeau_gris{
	width: 321px;
	height: 21px;
	margin:5px 0px 5px 10px;
	color:#FFFFFF;
	font: 15px Trebuchet MS;
	text-decoration:none;
}

#fond_bandeau_gris a{
	color:#FFFFFF;
	text-decoration:none;
	border:none;

}

#fond_bandeau_gris:hover{
	color:#FFFFFF;
	margin:5px 0px 5px 10px;
	background-image: url('images/fond_bandeau_archives.png'); 
	background-repeat: no-repeat;
}

#fond_bandeau_gris-select{
	width: 321px;
	height: 21px;
	margin:5px 0px 5px 10px;
	color:#FFFFFF;
	font: 15px Trebuchet MS;
	text-decoration:none;
	background-image: url('images/fond_bandeau_archives.png'); 
	background-repeat: no-repeat;
}

#fond_bandeau_gris-select a{
	color:#FFFFFF;
	text-decoration:none;
	border:none;
}

#conteneur_photo{
	display : block;
	border: 1px solid #999999;
	width:100px;
	height:100px;
	float:left;
	margin:10px;
	overflow:hidden;
	text-align: center;	
}

#texte_simple_gauche{
	width: 321px;
	height: 21px;
	margin:5px 0px 5px 10px;
	color:#FFFFFF;
	font: 15px Trebuchet MS;
	text-decoration:none;
}

/* TEXTES */

/* Champ texte personnalisée*/
.inputText{
	background: url(images/fondInput.png) no-repeat top left;
	background-repeat: repeat-x;
	border: 0px;
	margin: 0px 0px 0px 0px;
	padding: 3px 0px 0px 0px;
	font-family: Century Gothic;
	font-size: 12px;
	font-weight: normal;
	vertical-align: middle;
	color:#FFFFFF;
}

.inputImageCote{
	border: none;
	margin: 0px 0px 0px 0px;
	vertical-align:top;
}


.titre{
	font: 18px Trebuchet MS;
	/*color:#FFFFFF;*/
}

.titre a{
	font: 18px Trebuchet MS;
	color:#880045;
	text-decoration:underline;
}

#p_defaut img{
	border: 1px solid #999999;
}

#div_logos img{
	border: 1px solid #999999;
}

#p_news{
	font: 13px Trebuchet MS;
	float: left;
	line-height:1.8em;
	width:450px;
	/*display:block;*/
}

#p_bonus{
	font: 13px Trebuchet MS;
	float: left;
	line-height:1.8em;
	width:450px;
	margin:15px 15px 5px 0px;
	padding:15px;
}

#p_news a, #p_defaut a, #p_bonus a{
	color:#880045;
}


#p_news img{
	/*float: left;*/
	margin:0px 15px 5px 0px;
	padding:0px;
	border:1px solid #666666;
	/*border:none;*/
}

#lien_gris_block{
	width: 321px;
	margin:3px;
}

#lien_gris_block a{
	padding:5px;
	color:#999999;
	text-decoration:none;
}

#lien_gris_block img{
	border:0;
}

#lien_gris_block_active{
	margin:3px;
	padding:5px;
	color:#FFFFFF;
}

#lien_gris_block a:hover{
	/*color:#880045;*/
	color:#FFFFFF;
}

.barre_haut{
	margin:15px 55px 0px 25px;
	width:535px;
	height:80px;
	background-image:url('images/barre_haut.png');
	position:absolute;
}

.texte_courant{
	font: 12px Trebuchet MS;
	/*color:#FFFFFF;*/
}

.texte_courant a{
	color:#880045;
	margin:0;
	padding:0;
}

.texte_small{
	font: 10px Trebuchet MS;
	/*color:#FFFFFF;*/
}

.date{
	font: 11px Trebuchet MS;
	/*color:#FFFFFF;*/
}

.ss_titre{
	font: 15px Trebuchet MS;
	/*color:#FFFFFF;*/
}

.coul_blanc{
	color:#FFFFFF;
}

.coul_rose{
	color:#880045;
}

.coul_gris{
	color:#999999;
}

.coul_gris a:hover{
	color:#880045;
}

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