@charset "ISO-8859-1";
/* CSS Document */

body {background:#fff;}
#ministres {
	width:1235px;
	margin:0 auto;
	background: url('images/bg.gif') no-repeat 0 -401px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	overflow:hidden;
	min-height:785px;
	padding-bottom:35px;
	outline:none;
}

#ministres .top {
	background: url('images/bg_top.gif') no-repeat 1px 0;
	height:8px;
	width:1235px;
	margin:0 auto;
}
 .bottom {
	background: url('images/bg_bottom.gif') no-repeat 0 0;
	height:8px;
	margin:0;
	width:1235px;
	margin:0 auto;
}

h1 {
	width:545px;
	background:#f5a000;
	color:#fff;
	font-size:18px;
	line-height:45px;
	margin:20px 0 0 3px ;
	text-align:center;
}


.frise {
	margin:20px 28px; padding:0; list-style:none;
	background: url('images/bg_frise.png') no-repeat 0 0;	
	position:relative;
	
}

.vignette {
	height:89px;
	width:89px;
}

.on img{
	padding:4px;
	background:#f7b914;
	box-shadow: 0px 0px 3px #bbb;
}


.off img{
	padding:3px;
	background:#fff;
	border:1px solid #e4e4e4;
	margin-top:4px;
	
}

.frise li {
	float:left;
	margin-right:5px;
}

.frise li>a{
	height:117px;
	display:block;
}


.frise li a.on, .frise li>a:hover{	
background: url('images/puce.gif') no-repeat center bottom;

}


.frise li a:hover img{
	background: #f7b914;
	box-shadow: 0px 0px 3px #bbb;
	margin-top:0;
}


/* Texte détail*/

.frise li .detail {
	position:absolute;
	top:180px; 
	left:75px;
	width:900px;
	height:390px;
	z-index:888;
}


.detail .portrait {
	padding:10px;
	border:1px solid #cecece;
	background:#fff;
	margin-right:35px;
	float:left;
}
.detail .texte {
	float:left;
	width:660px;
	text-align:justify;
	border-left:1px dotted #bbb;
	padding-left:35px;
	margin:0;
}

.detail .dates, .detail .nom { color:#c95100; line-height:19px;}
.detail .nom {font-size:18px;}
.detail .dates {font-size:13px;}
.detail .duree { font-size:22px; color:#fab707;}

.detail p {
	font-size:13px;
	line-height:21px;
}
.detail p strong{ font-size:15px;}
.detail p a {border-bottom: 1px dotted #aaa; background:url('images/link.gif') no-repeat right 2px; padding-right:17px; text-decoration:none;
color:#666; margin-right:3px;}

.detail p a:hover { color:#f5a000;}

#ministres .detail p a.bouton{ 
	color:#fff; 
	background:#fab707 url('images/bg_bouton.png') no-repeat 5px center; 
	padding:9px 20px 10px 35px; 
	border-radius: 4px;
	font-size:14px;
	text-decoration:none;
	margin-top:15px;
	display:block;
	width:290px;
	border:none;
}
#ministres .detail p .bouton:hover{ 	background:#f5a000 url('images/bg_bouton.png') no-repeat 5px center; }