/* -----------------------------------------------------------
						Général
----------------------------------------------------------- */

*{
margin:0;
padding:0;
border:0;
}

body{
	font-family:Arial, Helvetica, sans-serif;
	font-size:medium;
	color:#5f5f5f;
	text-align:center;
	background-image: url(pics/bg-fixe.jpg);
}

a:link,
a:visited{
text-decoration:none;
color:#009fad;
outline:none;
}
a:hover,
a:active{
text-decoration:underline;
color:#009fad;
outline:none;
}

h1{display:none;}
h2,h3,h4,h5{font-size:100%;}


ul{list-style:none outside none;}
.left{float:left;}
.right{float:right;}
.bold{font-weight:bold;}
.italique{font-style:italic;}
.souligne{text-decoration:underline;}
.both{clear:both;display:block;}
.center{text-align:center;}
.small{font-size:9px;}

input.champ{
font-family:Arial, Helvetica, sans-serif;font-size:100%;
border:1px solid #5d5d7f;
color:#888888;
padding-top:2px;
padding-bottom:2px;
padding-left:4px;
padding-right:4px;
}

select{
font-family:Arial, Helvetica, sans-serif;font-size:100%;
border:1px solid #c5c6c8;
color:#888888;
padding:1px;
}



/* -----------------------------------------------------------
						Structure
----------------------------------------------------------- */

div#centrage{
width:960px;
margin:0px auto 0px auto;
font-size:11px;
text-align:left;
}

	/*--------------- header----------------*/	
	div#centrage div#header{
	width:960px;
	height:122px;
	background-image:url(../pics/header.jpg);
	}
		div#centrage div#header img.logo{
		position:absolute;
		margin:16px 0 0 33px;
		}
	
		
	
	/*--------------- contenu----------------*/	
	div#centrage div#contenu{
	clear:both;
	position:relative;
	width:960px;
	height:416px;
	height:auto !important;
	min-height:416px;

	}
		
		div#centrage div#contenu div#bandeau{
    		float:left;
    		width:247px;
    		height:412px;
    		height:auto !important;
    		min-height:412px;
    		padding:4px  0 0 0;
		}
				div#centrage div#contenu div#bandeau img{
				display:block;
				}			
		
		div#centrage div#contenu div#datas{
      		float:left;
      		width:407px;
      		height:408px;
      		height:auto !important;
      		min-height:408px;
      		padding:8px 15px 0 16px;
      		text-align:justify;
		}
		
			div#centrage div#contenu div#datas h2{
			font-size:14px;
			font-weight:normal;
			
			}
			div#centrage div#contenu div#datas h2 span{
			color:#009fad;
			}
			div#centrage div#contenu div#datas h2 span.text{
			font-size:11px;
			color:#5f5f5f;
			}
			
			
				div#centrage div#contenu div#datas table{
				width:407px;
				}
					div#centrage div#contenu div#datas table h3{
					/* text-transform:uppercase; */
					color:#009fad;
					text-align:left;
					}
					div#centrage div#contenu div#datas table a{
					color:#009fad;
					}
					div#centrage div#contenu div#datas table p{
					font-style:italic;				
					color:#7f7f7f;
					margin-bottom:0;
					*padding-right:4px;
					}
					
					div#centrage div#contenu div#datas table tr td{
					padding:5px 0 5px;
					background-image:url(../pics/sep.gif);
					background-repeat:repeat-x;
					background-position:bottom;				
					/* */height:40px; 
					}
						div#centrage div#contenu div#datas table tr .fin{
						background-image:none;
						padding:4px 0 2px;
						}
						div#centrage div#contenu div#datas table tr td.picto{
						width:55px;
						}		
									
			div#centrage div#contenu div#datas div.challenge{
			clear:both;
			width:410px;
			height:54px;
			text-align:center;
			margin:0 -2px 0 -1px;
			padding:8px 0 0 0;
			background-image:url(../pics/bloc_challenge.gif);
			}
				div#centrage div#contenu div#datas div.challenge h2{
				margin-bottom:2px;
				}
		
		div#centrage div#contenu div#bloc_annexes{
		position:absolute; /* IE6 */
		z-index:1; /* IE6 */
		right:0px; /* IE6 */
		
		float:left;
		width:270px;		
		height:auto !important;
		min-height:416px;
		height:416px;
		margin-top:-26px;
		background-image:url(../pics/fond_ann.png);
		background-position:top;
		background-repeat:no-repeat;	
		}
			div#centrage div#contenu div#bloc_annexes div.tit_annexes{
			width:256px;
			height:auto !important;
			height:15px;
			min-height:15px;
			background-image:url(../pics/fond_tit_annexes.gif);
			background-position:top;
			background-repeat:no-repeat;
			padding:11px 0 0 14px;
			z-index:999;
			}
				div#centrage div#contenu div#bloc_annexes div.tit_annexes h2{
				color:#009fad;
				font-size:16px;
				text-transform:uppercase;
				}
			div#centrage div#contenu div#bloc_annexes div.annexes{
    			float:left;
    			width:235px;
    			height:auto !important;
    			min-height:395px;
    			height:395px;
    			padding:10px 21px 6px 14px;
    			background-image:url(../pics/fond_annexes.png);
    			background-position:bottom;
    			background-repeat:no-repeat;
    			text-align:justify;
			}
			
			
				
				div#centrage div#contenu div#bloc_annexes div.annexes .interview{				
				margin-bottom:15px;
				margin-top:-17px;
				width:235px;
				/*height:145px;*/ height:105px;
				}
					div#centrage div#contenu div#bloc_annexes div.annexes .interview p{
					position:absolute;
					margin:18px 0 0 75px; /*margin:58px 0 0 135px;*/
					z-index:100;
					line-height:normal;
					width:165px;
					}
					div#centrage div#contenu div#bloc_annexes div.annexes .interview p span{
					font-size:12px;
					line-height:16px;
					color:#009fad;
					/* text-transform:uppercase;*/ 
					}
					div#centrage div#contenu div#bloc_annexes div.annexes .interview p span.nom{
					font-size:105%;
					font-weight: bold;
					color:#009fad; 
					}
					div#centrage div#contenu div#bloc_annexes div.annexes .interview p span.fonction{
						font-size:95%;
						font-weight: bold;
						color:#009fad;
						font-style: italic; 
					}
					div#centrage div#contenu div#bloc_annexes div.annexes .interview p span.lieu{
					font-size:105%;
					font-weight: bold;
					color:#009fad; 
					font-style: italic; 
					}
					div#centrage div#contenu div#bloc_annexes div.annexes .interview object{
					position:absolute;
					z-index:10;
					}	
				div#centrage div#contenu div#bloc_annexes div.annexes h3{
				color:#009fad;
				line-height:18px;
				}				
				
				div#centrage div#contenu div#bloc_annexes div.annexes p{
				line-height:18px;
				}
				div#centrage div#contenu div#bloc_annexes div.annexes div.sep{
				height:10px;
				display:block;
				clear:both;
				width:100%;
				}
				div#centrage div#contenu div#bloc_annexes div.annexes a.plus{
				display:block;
				clear:both;
				float:right;
				font-size:12px;
				background-image:url(../pics/puce.gif);
				background-position:0 5px;
				background-repeat:no-repeat;
				padding-left:10px;
				}
		
				
				
			
				
			
	/*--------------- footer----------------*/
	div#centrage div#footer{
	height:30px;
	padding:55px 13px 0 35px;
	width:912px;
	clear:both;
	font-size:10px;
	}
		div#centrage div#footer .left{
		margin-top:10px;
		}
		div#centrage div#footer ul li{display:inline;}
			div#centrage div#footer ul li a{color:#5f5f5f;}
			div#centrage div#footer ul li img{
			margin:0 0 -6px 3px;			
			}