*{ margin : 0; padding : 0; }
body {background-color : white; font-family : Verdana,Arial; font-weight : normal; font-size:12px ; color:#333}
a {text-decoration : none ; outline : none; color : #6d7bac;}
a:visited {text-decoration:none ; color:#6d7bac}
a:hover {color:#40417E}
a:active {text-decoration:none ; color:#40417E}

img { border : 0 }
h2 { color : #9D9D9D; font-family : Verdana,Arial ; font-weight : normal; font-size : 16px; line-height : 12px; padding-bottom : 40px; }

.currentLink { background : url('../_pix/flecheV.gif') no-repeat center bottom; } /* lien de la page courante */
.currentNoLink { color : #575757; } /* non-lien de la page courante */
.petit { color : #b9b8b8 ; font-size:11px ; clear:both ; padding-top:5px}
.titre { font-weight:bold ; font-size:12px ; color:#555 ; margin-bottom :10px ;}

#main { margin : 10px auto ; padding : 0 20px; /*max-width : 1347px; */ }
	table#header { width : 100%; height : 40px;}
		#logo {
			width : 200px;
			height : 40px;
			vertical-align : middle;
			text-align : center;
			border : 1px solid #7e919d;
		}
			#logo a{
				display : block;
				font-size : 22px;
				font-weight : normal;
			}
		#menuHz { height : 40px ; background : url('../_pix/filetHaut.gif') repeat-x left 27px ; vertical-align : top;}
			#menuHz a{
				display : block;
				height : 40px;
				float : right;
				margin-left : 20px;
				font-size : 15px;
				line-height : 34px;
			}
			#menuHz a:hover{  }
	#content { width : 100%; margin-top : 32px; height: 100%}
		#leftColumn { width : 165px; vertical-align : top ; text-align : left ; background : url('../_pix/filetV.gif')}
			#portrait { width : 128px; height : 170px; border : 1px solid #9e9f9a ; }
			#infosPage { width : 160px ; min-height : 50px ; background:white ; padding-top:10px} /* pour masquer l'image de fond de la colonne gauche */
			#subMenu {
				width : 129px;
				border-right : 1px solid #cfcfcf;
				font-size : 12px;
				letter-spacing : 0.2px;
				text-align : right;
			}
				#subMenu a, #subMenu .currentNoLink { display : block; height : 25px; line-height : 25px; position : relative; padding-right : 9px; }
				#subMenu a:hover { }
					#subMenu .currentNoLink img { position : absolute; top : 6px; left : 131px; }
		#rightColumn { vertical-align : top; }
			#rightColumn div.corpsTitre {padding : 0 20px 10px 20px ; color:#9D9D9D}
			#rightColumn ul.standard { padding : 15px 0 0 35px; font-size : 11px; }
				#rightColumn ul.standard li { list-style : square ; padding-bottom : 20px;}
			#rightColumn ul.planche { }
				#rightColumn ul.planche li { float : left; list-style : none; margin : 0 5px 5px 0; padding : 5px; border : 1px solid #DDDDDD; overflow : hidden; cursor : pointer;}
				#rightColumn ul.planche li:hover,li.currentVignette { background-color : #ddd;}
	#footer {
		text-align: right;
		font-size: 10px;
		color: #b9b8b8;
		margin-top: 20px;
	}

/* ==================== VISIONNEUSE ======================= */
#visionneuse { display : none ; border : 1px solid #DDDDDD; margin-bottom : 5px;text-align : center; position : relative; padding : 10px 0; }
	#blocImage {margin : 0 auto; position : relative; overflow : hidden; }
		#imgVisionneuseMain,#imgVisionneuseTemp { position : absolute ; top : 0 ; left : 0; cursor: pointer;}
		#imgVisionneuseTemp  { display : none;}
	#infosImage{ height : 17px; margin : 0 auto; font-size : 13px;  padding-top : 5px;}
		#titreImage { color : #888; float: left ;}
		#compteurImage { color : #BBB; float: right ; }
	#btnClose { position : absolute; top : 0 ; right : 5px; font-size : 18px; font-weight : bold; color : #999; cursor : pointer;}
	#btnNext{ position : absolute ; top : 0px ; right : 6px;  font-size : 24px; font-weight : bold; color : #999; cursor : pointer; }
	#btnPrev{ position : absolute ; top : 0px ; left : 6px;  font-size : 24px; font-weight : bold; color : #999; cursor : pointer; }
	
	#btnClose:hover,#btnNext:hover,#btnPrev:hover { color : #40417E; }