@charset "utf-8";
/* STENO DEFINITION
smoothbox = smoothbox;
*/
html, body {
	margin:0;
	padding:0;
    height: 100%;
	font-family:Arial, Helvetica, sans-serif;
}
ul, li, h1, h2, h3, h4, h5, h6{
	margin:0;
	padding:0;
}
a{
	text-decoration:none;
}
a img{
	border:none;
}
.container{
	width:1003px;
	margin:0 auto;
	padding-top:24px;
}
.top{
	background:url(../img/global/header.jpg) no-repeat top center;
	width:100%;
	height:51px;
	overflow:hidden;
}
/**
 * Lang menu
 */
.lang-menu{
	width:87px;
	height:37px;
	line-height:37px;
	margin:0;
	padding:12px 6px 0 17px;
	float:left;
	overflow:hidden;
}
	.lang-menu ul{
		margin:0;
		padding:8px 11px 0 0;
		height:20px;
		float:left;
	}
	.lang-menu li{
		list-style-type:none;
		float:left;
		width:28px;
		text-align:center;
		margin-left:3px;
	}
	.lang-menu li a{
		display:block;
		line-height:20px;
		height:20px;
		color:#C1B69B;
		font-weight:bold;
		font-size:1em;
	}
	.lang-menu li a:hover,
	.lang-menu li a.active{
		background:url(../img/global/flag-hover.gif) no-repeat;
	}
	.lang-menu li a img{
		margin:3px;
		
	}
/**
 * Boussole
 */
.boussole{
	width:48px;
	height:47px;
	position:absolute;
	top:43px;
	margin-left:729px;
	z-index:99;
	
}
/**
 * Top menu
 */
.top-menu{
	float:left;
	margin:12px 0 0;
	padding:0;
	height:37px;
	overflow:hidden;
}
	.top-menu ul{
		padding:0 50px 0 0;
		margin:0;
		float:left;
	}
	.top-menu li{
		float:left;
		list-style-type:none;
		vertical-align:top;
		height:37px;
		width:auto !important;
		width:1px;
		padding-right:23px;
	}
		.top-menu li a{	
			background:url(../img/global/top-menu-bg.gif) no-repeat left 3px;
			padding-left:8px;
			display:block;
			height:27px;
			margin-top:12px;
			text-decoration:none;
			color:#fff;
			font-size:0.62em;
		}
		.top-menu li a:hover{	
			background:url(../img/global/top-menu-bg-hover.gif) no-repeat left 4px;
			height:29px;
			margin-top:8px;
		}
/**
 * Search block
 */
.search-block{
	float:right;
	margin:20px 0 0  0;
	padding:0 21px 0 0;
	text-align:right;
	
}
	.search-block a img{
		line-height:25px;
		vertical-align:bottom;
	}
	.search-block input.text{
		border:none;
		background:url(../img/global/search-field.gif) no-repeat;
		width:93px;
		padding:0 5px;
		margin:0 4px;
		height:15px;
		line-height:15px;
		color:#fff;
		font-size:0.62em;
	}
	.search-block input.btn{
		border:none;
		background:url(../img/global/ok-btn.gif) no-repeat;
		width:31px;
		height:18px;
		line-height:15px;
		color:#fff;
		font-size:0.62em;
		cursor:pointer;
	}
/**
 * Tetiere
 */
.header{
	width:981px;
	height:215px;
	margin:0 auto;
	overflow:hidden;
}
/**
 * Page
 */
.page{
	width:100%;
	min-height:400px;
	background:url(../img/global/page-bg.gif) no-repeat top;
	position:relative;
}
/**
 * Menu
 */
.menu{
	position:absolute;
	top:90px;
	left:0;
	width:977px;
	margin:0 11px !important;
	margin:1px 11px 0;
	padding:0 2px;
	height:125px;
	z-index:2;
}
	.menu div{
		background:#DBD1BD url(../img/global/menu-bg.gif) no-repeat left top;
		position:absolute;
		width:232px;
		bottom:0;
		overflow:hidden;
	}
	.menu div a{
		text-decoration:none;
	}
	.menu div img{
		border:none;
		margin:9px 0 1px 9px;
		color:#fff;
		font-weight:bold;
	}
	.menu div.menu1{
		left:12px;
	}
	.menu div.menu2{
		left:254px;
	}
	.menu div.menu3{
		left:496px;
	}
	.menu div.menu4{
		left:738px;
	}
	/*.menu div:hover, */
	.menu div.active{
		background-position:right top;
	}
	.menu div.active ul{
		height:auto;
	}
	.menu ul{
		list-style-type:none;
		margin:0;
		padding:0;
		float:left;
		width:100%;
		overflow:hidden;
		height:auto;
		display:block;
	}
	.menu li{
		margin:0;
		padding:0;
		line-height:0;
		overflow:hidden;
		/*display:none;*/
		height:0;
		float:left;
		width:100%;
	}
	.menu li.active{
		display:block;
		overflow:hidden;
		float:left;
		width:100%;
		height:18px;
	}
		.menu li a{
			color:#ff7b10;
			font-family:Georgia, "Times New Roman", Times, serif;
			font-size:0.69em;
			font-weight:bold;
			text-decoration:none;
			line-height:1.64em;
			vertical-align:middle;
			display:block;
			padding-left:19px;
			height:18px;
			background:url(../img/global/menu-arrow.gif) no-repeat 9px 7px;
		}
		.menu li.active a{
			background:#c5b593 url(../img/global/menu-arrow.gif) no-repeat 9px -11px;
			color:#fff;
			padding-left:28px;
		}
		.menu li a:hover{
			background:#ff7b10 url(../img/global/menu-arrow.gif) no-repeat 9px -11px;
			color:#fff;
			padding-left:28px;
		}
/**
 * Fil d'Ariane
 */
 .ariane{
	/*width:100%;
	float:left;*/
	display: block;
	background:#aa9973 url(../img/global/ariane-bg.gif) repeat-y right;
	z-index:3;
	width:981px;
	height:29px;
	margin:0 auto;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:0.625em;
	color:#fff;
	font-style:italic;
 }
	.ariane ul{
		height:25px;
		margin-top:4px;
		line-height:21px;
		float:left;
	}
	.ariane li{
		list-style-type:none;
		float:left;
		height:25px;
		background:url(../img/global/chevron.gif) no-repeat 10px 8px;
		padding-left:18px;
	}
	.ariane li.active{
		list-style-type:none;
		float:left;
		height:25px;
		background:none;
		padding-left:4px;
	}
		.ariane li a{
			float:left;
			color:#fff;
			height:21px;
			text-decoration:none;
		}
		.ariane li a:hover{
			border-bottom:4px solid #4a422e;
		}
		.ariane li.active a{
			font-weight:bold;
			border-bottom:4px solid #4a422e;
		}
		.ariane li span{
			margin-left:5px;
			float:left;
		}
/**
 * Contenu de la page
 */
.page-content{
	width:981px;
	height:auto;
	margin:0 auto;
	background:url(../img/global/page-content-bg.jpg) no-repeat top;
	min-height:364px;
}
/**
 * Pied de page
 */
 .footer{
	z-index:4;
	padding: 135px 0 0 21px;
	height:22px;
	/*overflow:hidden;*/
	background:url(../img/global/footer-bg_ete.jpg) no-repeat center top;
	/*background:url(../img/global/footer-bg.jpg) no-repeat center top;*/
	position:relative;
	clear:both;
}
	.footer .logo{
		position:absolute;
		top: 78px;
	}
	.footer .logo img{
		border:1px solid #fff;
	}
	.footer ul{
		list-style-type:none;
	}
	.footer li{
		float:left;
		padding-right:6px;
		padding-left:6px;
		font-size:0.68em;
		vertical-align:middle;
		background:url(../img/global/footer-separator.gif) no-repeat left;
	}
	.footer li:first-child,
	.footer li.first-child{
		padding-left:0;
		background:none;
	}
	.footer li a{
			display:block;
			text-decoration:none;
			color:#ff7b10;
			float:left;
		}
		.footer li a:hover,
		.footer li a.active{
			border-bottom:2px solid #ff7b10;
		}
			.footer li a img{
				border:none;
			}
/**
 * Tools
 */
.tools{
	width:100%;
	text-align:right;
	position:relative;
	height: 41px;
}
	.tools ul{
		list-style-type:none;
		float:right;
		margin:11px 6px 11px 0;
	}
	.tools li{
		float:left;
		border-left:1px solid #aa9973;
		padding:0 10px;
	}
	.tools li:first-child,
	.tools li.first-child{
		border-left:none;
	}
	.tools a{
		color:#ff7b10;
		text-decoration:none;
	}
	.tools img{
		border:none;
	}
/**
 * Tooltip
 */
div.tip {
	width: 200px;
	color: #fff;
	text-align: center;
}
	div.tip-title {
		font-size: 0.69em;
		color: #fff;
		font-weight: bold;
		text-shadow: 2px 2px 1px #222;
		margin: 0;
		padding:12px 10px 0;
		background:url(../img/global/balloon.png) no-repeat top left !important;
		background:url(../img/global/balloon.gif) no-repeat top left;
	}
	div.tip-text {
		margin: 0;
		height:10px;
		overflow:hidden;
		text-shadow: 2px 2px 1px #222;
		background:url(../img/global/balloon.png) bottom left no-repeat !important;
		background: url(../img/global/balloon.gif) bottom left no-repeat;
		font-size: 10px;
	}

/**
 * Colonne de droite
 */
.right-column{
	float:left;
	width:232px;
	overflow:hidden;
	position:relative;
	margin-top:15px;
}
/**
 * Menu de droite
 */
ul.right-menu{
	width:100%;
	list-style-type:none;
}
	.right-menu li{
		float:left;
		margin:0;
		padding:0;
		width:100%;
		line-height:30px;
		background:url(../img/global/right-menu-bg.gif) no-repeat 23px bottom;
	}
		.right-menu li a{
			display:block;
			color:#ff7b10;
			text-decoration:none;
			font-weight:bold;
			font-family:Georgia, "Times New Roman", Times, serif;
			font-size:0.95em;
			padding-left:23px;
		}
		.right-menu li a:hover{
			background:url(../img/global/right-menu-arrow.gif) no-repeat left 13px;
		}
		.right-menu li.active a{
			background:url(../img/global/right-menu-arrow.gif) no-repeat left 13px;
			color:#000;
		}
/**
 * Recherche avancée
 */
 .advanced-search{
	float:left;
	margin:18px 0 0 22px;
	display:inline;
	padding:6px 11px 0 10px;
	width:189px;
	background:#ff7b10 url(../img/global/advanced-search-bg-top.gif) no-repeat left top;
	overflow:hidden;
 }
	.advanced-search h4{
		margin:0;
		padding:0;
		color:#fff;
		float:left;
		font-weight:normal;
		font-size:0.95em;
		text-transform:uppercase;
	}
	.advanced-search .search-option{
		float:left;
		width:100%;
		margin:5px 0 0;
		padding:0;
		overflow:hidden;
		display:inline;
		background:#da4d01 url(../img/global/option-bg-top.gif) no-repeat left top;
	}
		.advanced-search .search-option h5{
			color:#fff;
			font-weight:bold;
			font-size:0.68em;
			padding:4px 0 2px 0;
			margin:0 11px;
			overflow:hidden;
			width:168px;
			float:left;
		}
		.advanced-search .search-option h5.upperline{
			border-top:1px solid #e5834e;
			margin-top:3px;
		}
		.advanced-search .search-option .type-list{
			width:100%;
			float:left;
			padding:0 11px;
			display:inline;
		}
		.advanced-search .search-option .type-list label{
			background:none; /* super bug IE6, qd j'enl? le background ?maaarche paaas...*/
			width:24px;
			text-align:center;
			float:left;
			display:inline;
			position:relative;
			overflow:hidden;
			margin-right:11px;
			line-height:0.68em;
		}
		.advanced-search .search-option .type-list2{
			float:left;
			width:100%;
			padding:0 11px;
			line-height:0.68em;
		}
		.advanced-search .search-option .bottom{
			padding-bottom:5px;
			background:#da4d01 url(../img/global/option-bg-bottom.gif) no-repeat left bottom;
		}
		.advanced-search .search-option .type-list2 label{
			width:100%;
			float:left;
			color:#fff;
			font-size:0.68em;
		}
		.advanced-search .search-option .type-list2 select{
			width:168px;
			color:#da4d01;
			font-size:0.68em;
			font-weight:bold;
			margin-bottom:6px;
			display:inline;
		}
		.search-btn{
			float:left;
			margin:0 0 0 22px;
			padding:4px 11px 8px 10px;
			display:inline;
			width:189px;
			background:#ff7b10  url(../img/global/advanced-search-bg-bottom.gif) no-repeat left bottom;
			overflow:hidden;
		}
		/** bouton rechercher */
		.search-btn .submit{
			background:none;
			text-transform:uppercase;
			color:#ff7200;
			padding:0;
			margin:0;
			border:none;
			cursor:pointer;
			overflow:hidden;
			display:block;
			float:right;
			height:18px;
			width:auto !important;
			width:80px;
			text-align:center;
		}
		*+html .search-btn .submit{
			margin-right:-15px;		
		}
		/** bouton communes */
		.search-btn .btn-commune{
			width:73px;
			height:12px;
			line-height:11px;
			padding:3px 6px;
			float:left;
			background:#d4c8af url(../img/global/btn1.gif) no-repeat;
			color:#da4d01;
			display:inline;
			font-size:0.65em;
			text-transform:uppercase;
			overflow:hidden;
		}
			.search-btn .btn-commune img{
				display:inline;
				float: left;
				margin:2px 5px 0 0;
			}
	
/**********************************************************
 * Mise en forme du texte
 */
 h2{
	font-family:Georgia,"Times New Roman",Times,serif;
	font-size:1.88em;
	font-weight:normal;
	line-height:32px;
	margin:4px 0;
 }
 h1{
	font-size:1.88em;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight:normal;
	line-height:32px;
	margin:4px 0;
 }
 p{
	font-size:0.69em;
	line-height:1.5em;
	margin:0 0 11px 0;
	
 }
 .chapo{
	font-size:0.875em;
	line-height:1.2em;
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#584e37;
 }
 .chapo p{
 	font-size: 1em;
 	line-height: normal;
 }
 .activity{
	padding:0 0 10px 10px;
	float:left;
	width:232px;
	overflow:hidden;
 }
	.activity a{
		display:block;
		text-decoration:none;
	}
	.activity .img{
		width:92px;
		height:92px;
		float:left;
		overflow:hidden;
	}
		.activity .img img{
			border:none;
		}
	.activity .desc{
		width:130px;
		height:91px;
		float:left;
		border-top:1px solid #aa9973;
		overflow:hidden;
		margin-left:10px;
	}
	.activity a h3,
	.activity h3{
		padding-top:3px;
		color:#ff7b10;
		font-size:0.94em;
		line-height:1em;
		margin-top:4px;
		font-family:Georgia, "Times New Roman", Times, serif;
	}
	.activity a:hover  h3{
		color:#AA9973;
	}
	.activity a p,
	.activity p{
		font-weight:bold;
		font-size:0.68em;
		line-height:1.2em;
		color:#000;
	}
.cb {
	clear: both;
}