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

body{
	font-family: Verdana,Times,serif,Arial;
	font-size: 10pt;
	color: #000;
	background-color: #fff;
}

h1,h2,h3,h4{
	text-align: center;
	margin: 0 0 5px 0;
	font-weight: normal;
}

h1{
	font-size: 3.6em;
}

h2{
	font-size: 1.8em;
}

h3{
	font-size: 1.6em;
}

h4{
	font-size: 1.4em;
}

img{
	border-width: 0px;
}

a:link{
	font-size: 1em;
	color: #0065a5;
	text-decoration: none;
}

a:visited{
	font-size: 1em;
	color: #0065a5;
	text-decoration: none;
}

a:hover{
	font-size: 1em;
	color: #0065a5;
	text-decoration: none;
}

div#infos{
	display: block;
	position: absolute;
	top: 20px;
	left: 0px;
	z-index: 9999;
	max-height: 500px;
	overflow: auto;
	width: 250px;
}

div#infoBulle{
	display: none;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 10000;
	width: 215px;
}
	div#infoBulleTop{ width: 215px; height: 5px; background-image: url("images/infoBulleTop.png"); background-repeat: no-repeat; }
	
	div#infoBulleMiddle{ width: 215px; background-image: url("images/infoBulleMiddle.png"); background-repeat: y-repeat;  }
		div#infoBulleContent{ margin: 0 10px 0 5px; text-align: justify; color: #404040; font-size: 0.8em; font-style: italic; }
	
	div#infoBulleBottom{ width: 215px; height: 10px; background-image: url("images/infoBulleBottom.png"); background-repeat: no-repeat; }

div#wrapper{
	width: 100%;
	margin: auto;
	background-color: #fff;
	margin: 20px 0 0 0;
}

	div#header{
		/*background-image: url("../../images/divers/logo.jpg");
		background-position: 5px 5px;
		background-repeat: no-repeat;*/
	}
	
		div#logo{
			position: absolute;
			top: 5px;
			left: 5px;
		}
		
		div#titre{
			width: 100%;
			text-align: center;
			margin: 5px 0 15px 0;
			color: #505050;
		}
	
	div#middle{
		width: 100%;
	}
		
		div#blocVisuFlash{
			width: 100%;
			height: 650px;
			position: absolute;
			top: 20px;
			left: 0px;
			z-index: 1000;
			background-color: #fff;
			display: none;
		}
		
			div#btnReset{
				cursor: pointer;
				width: 60px;
				height: 15px;
				padding: 0 10px;
				position: absolute;
				margin-left: 80%;
				z-index: 10000;
				text-align: center;
				background-image: url("images/bg_btnClose.jpg");
				background-repeat: no-repeat;
				background-position: top center;
			}
		
		div#contentTop{
			width: 999px;
			margin: auto;
		}
			
			div#blocRepMois{
				width: 630px;
				height: 230px;
				padding-bottom: 5px;
				float: left;
				background-image: url("images/barreFond.png");
				background-repeat: x-repeat;
				background-position: top left;
			}
				
				div#blocRepMois .interieur{
					width: 605px;
					height: 230px;
					overflow: hidden;
				}
				
					div#blocRepMois .titreBloc{
						width: 200px;
						height: 30px;
						background-image: url("images/barreTitreFond.png");
						background-repeat: x-repeat;
						background-position: top left;
					}
						
						div#blocRepMois .titreBloc .texte{
							padding-top: 8px;
							font-weight: bold;
							text-align: left;
							color: #404040;
						}
					
					div#blocRepMois .contenu{
						width: 100%;
						height: 185px;
						margin-top: 10px;
						overflow: hidden;
					}
					
						div#blocRepMois .reportage{
							width: 180px;
							height: 185px;
							margin: 0px 10px 0px 11px;
							cursor: pointer;
						}
							
							div#blocRepMois .couverture img{
								width: 180px;
							}
							
							div#blocRepMois .reportage .titre{
								font-size: 0.9em;
								text-align: justify;
								font-weight: normal;
							}
			
			div#blocListeRep{
				width: 350px;
				height: 230px;
				padding-bottom: 5px;
				float: right;
				background-image: url("images/barreFond.png");
				background-repeat: x-repeat;
				background-position: top left;
			}
				
				div#blocListeRep .interieur{
					width: 325px;
					height: 230px;
					overflow: hidden;
				}

					div#blocListeRep .titreBloc{
						width: 170px;
						height: 30px;
						background-image: url("images/barreTitreFond.png");
						background-repeat: x-repeat;
						background-position: top left;
					}
						
						div#blocListeRep .titreBloc .texte{
							padding-top: 8px;
							font-weight: bold;
							text-align: left;
							color: #404040;
						}
					
					div#blocListeRep .contenu{
						width: 100%;
						height: 185px;
						margin-top: 10px;
						overflow: auto;
					}
					
						div#blocListeRep .reportage{
							width: 300px;
							height: 50px;
							padding: 5px 0 5px 0;
							cursor: pointer;
						}
							
							div#blocListeRep .couverture{
								width: 70px;
							}
							
							div#blocListeRep .couverture img{
								width: 70px;
								height: 50px;
							}
							
							div#blocListeRep .titre{
								width: 225px;
								font-size: 0.9em;
								text-align: justify;
							}
							
		div#contentBottom{
			width: 999px;
			margin: 10px auto 0 auto;
		}
		
			div#blocNavigation{
				width: 412px;
				height: 38px;
				margin: auto;
			}
			
				div.btnNavigation{
					height: 38px;
					cursor: pointer;
				}
				
				div#btnNavPages{
					width: 122px;
					height: 27px;
					padding-top: 11px;
					font-size: 0.8em;
					background-image: url("images/btnNavPages.png");
					background-position: top center;
					background-repeat: no-repeat;
					text-align: center;
					color: #404040;
				}
					
					div#btnNavPages select{
						font-size: 1em;
					}
			
			div#blocSelectNbPP{
				text-align: center;
				font-size: 0.8em;
			}
			
				div#blocSelectNbPP ul{
					display: inline;
					list-style-type: none;
					padding: 0px;
				}
				
					div#blocSelectNbPP ul li{
						display: inline;
						margin: 0 5px;
					}
			
			div#blocSlideRep{
				width: 100%;
				/*height: 350px;*/
				overflow: hidden;
				margin-top: 20px;
			}
			 
			 div#degSlideGauche{
			   position: absolute;
       }
       
       div#degSlideDroite{
        position: absolute;
        margin-left: 984px;
       }
			 
				div#blocSlide{
					margin-left: -999px;
				}
					
					div#blocSlide .blocPage{
						/*background-image: url("images/loading.gif");
						background-repeat: no-repeat;
						background-position: 50% 50%;*/
					}
					
					div#blocSlide .reportage{
						width: 300px;
						height: 350px;
						margin: 0 17px 0 16px;
						background-image: url("images/repSlideFond.png");
						background-position: top center;
						background-repeat: no-repeat;
						/*background-color: #d00;*/
					}
					
					div#blocSlide .reportageBlink{
						width: 300px;
						height: 350px;
						margin: 0 17px 0 16px;
						background-image: url("images/repSlideFond2.png");
						background-position: top center;
						background-repeat: no-repeat;
						/*background-color: #d00;*/
					}
					
						div#blocSlide .couverture{
							margin: 30px 30px 0px 30px;
						}
						
						div#blocSlide .couverture  .imgRep{
							width: 240px;
							height: 165px;
							cursor: pointer;
						}
						
						div#blocSlide .blocLiensRep{
							/*width: 260px;*/
							height: 25px;
							margin: 15px auto 0 43px;
						}
						
							div#blocSlide .blocLiensRep ul{
								list-style-type: none;
								padding: 0px;
							}
							
							div#blocSlide .blocLiensRep ul li{
								display: inline;
								font-size: 0.8em;
								margin: 0px 5px 0px 5px;
								vertical-align: middle;
							}
							
								div#blocSlide .blocLiensRep ul li img{
									margin: 2px 3px 0 0;
								}
							
						div#blocSlide .titre{
							width: 100%;
							margin: 25px 0 0 0;
							font-size: 1.3em;
							/*font-weight: bold;*/
							text-align: justify;
							font-weight: normal;
						}
	
	div#footer{
		text-align: center;
	}

.couverture img{
	border-width: 1px;
	border-style: solid;
	border-color: #808080;
}
	
.floatLeft{float: left;}

.floatRight{float: right;}

.clearBoth{clear: both;}

.infoBulle{cursor: pointer;}
.infoBulleInfo{cursor: help;}