/* ------------------------ Fichiers word --------------------------- */

.docLnk a{background:url(../../layout/img/doc.gif) no-repeat left center;padding-left:22px;}
.docLnk{margin-bottom:5px;}

/* -------------------------- Global -------------------------------- */
html {min-height: 100%;}
*:focus {outline:none}
*{margin: 0;padding: 0;}
a {color: #e64520;}
a:hover {color: #f60;}

body {
	/*background: #f3f3ef url(../img/mainBg.gif) repeat-x left top;*/
	background: #f3f3ef url(../img/background01.jpg);
	color: #444;
	font: normal 62.5% "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;;
}

p,code,ul {padding-bottom:1.2em;}

h1,h2,h3 {padding-top:6px;}

li {list-style:none;}

h1{
	font: normal 1.8em "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;;
	padding-top:8px;
	margin-bottom: 25px;
	color:#e64520;
	font-weight:550;
}

h2{

}

h3{
	font: normal 1.2em "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;;
	color:#e64520;
	font-weight:800;
}

blockquote {
	display: block;
	padding-left:28px;
}


.clearer {clear: both;}
.left {float: left;}
.right {float: right;}


.mainContainer {
	background: #FFF;
	font-size: 1.2em;
	margin: 0 auto;
	padding: 0 10px 10px;
	width: 780px;
}


.banner{
	background: url(../img/header2.png) no-repeat;
	width:564px;
	height:200px;
	position:absolute;
	top:10px;
}

/* -------------------------- Header -------------------------------- */

.headingsContainer {
	padding: 50px 10px 0;
}

.header {
	background: #FFF;
	font-size: 1.2em;
	height: 150px;
	margin: 0 auto;
	padding: 10px 10px 5px;
	width: 780px;
	padding-bottom:10px;
}
.header .left, .header .right {
	background: #A4A4A0;
	color: #FFF;
	height: 150px;	
}

.header .left {
	font: normal 2.8em "Trebuchet MS",sans-serif;
	line-height: 150px;
	text-align: center;	
	width: 564px;

}
.header .right {
	overflow: auto;
	width: 207px;
	background:#505B7A;
}
.header .right p,.header .right h2 {padding: 0 16px;}
.header .right h2 {padding-top: 16px; font: normal 1.6em "Trebuchet MS",sans-serif;}

/* -------------------------- Main Menu -------------------------------- */

.mainMenu {	
	background: #D9E1E5 url(../img/nav_alt01.jpg) no-repeat;
	height: 43px;
	margin-bottom:7px;
}
.mainMenu a {
	border-right: 1px solid #AFBEC7;
	color: #fff;
	display: block;
	float: left;
	font: bold 1.1em sans-serif;
	line-height: 41px;
	padding: 0 20px;
	text-decoration: none;
}
.mainMenu a:hover {background-position: left bottom; color: #FFED00;}


.main {
	border-top: 4px solid #fff;
}

/* -------------------------- Sub Menu -------------------------------- */

.subMenu {
	float: right;
	width: 207px;
}
.subMenu h2 {
	color: #000;
	font-family:Tahoma,sans-serif;
	background:#f60 url(../img/h2.jpg);
	font-size: 1em;
	line-height: 42px;
	margin: 0;
	padding-left: 15px;
	padding-top: 0px;
}
.subMenu ul {
	padding: 0;
	border-top: 1px solid #EAEADA;
}
.subMenu li {border-bottom: 1px solid #EAEADA;background:#ccc url(../img/subBg.jpg) repeat-x;height:31px;}
.subMenu li a {
	font-family:Tahoma,sans-serif;
	font-size: 1.1em;
	color:#000;
	display: block;
	padding: 6px 0 0 15px;
	text-decoration: none;
	width: 95%;
}
.subMenu li a:hover {
	color: #654;	
}


/* -------------------------- Content -------------------------------- */

.content {
	float: left;
	margin: 0 0;
	padding: 0 16px;
	width: 531px;
	background: url(../img/bgContent.jpg) repeat-x;
}
.content .descr {
	color: #664;
	font-size: 0.9em;
	margin-bottom: 6px;
}
.content li {
	list-style: url(../img/li-plus.jpg);
	margin-left:18px;
	padding-bottom:10px;
	font-family: "Lucida Sans Unicode",sans-serif;
}
.content p {font-family: "Lucida Sans Unicode",sans-serif;}


/* -------------------------- Footer -------------------------------- */

.footer {
	background: url(../img/nav_alt01.jpg) no-repeat;
	color: #FFF;
	font: bold 1em sans-serif;
	line-height: 43px;
	text-align: center;
}
.footer a,.footer a:hover {color: #fff;}



/* -------------------------- Mises à l'honneur -------------------------------- */

.honneurDate{
	font-size:10px;
	font-weight:normal;
}

#prevNext{
	margin-top:15px;
	width:100%;
}

#prevNext table{
	width:100%;
}

#prevNext table td{
    width:33%;
	text-align:center;
}