body {

	font-family:Arial;

	margin:0;

	padding:0;

}

#global_position {

	text_align:center;

	margin-top:10px;

}

#global {

	width:943px;

	margin:auto;
	padding:0 10px;
}

#content {

	width:720px;

}

/*********************************************************** styles globaux*/

h1 {

	background:#6682a3;

	color:#fff;

	font-size:14px;

	padding:0 0 1px 24px;

	margin:0 0 10px 0;

}

h2 {

	background-image:url('images/arrow-black.gif');

	background-repeat:no-repeat;

	color:#2d4156;

	font-size:14px;

	padding:0 0 1px 20px;

	margin:0 0 10px 0;

}

h3 {background:#6682a3;

	color:#fff;

	font-size:14px;

	padding:0 0 1px 24px;

	margin:0 0 10px 0;

	

}

a {

	color:#ed8b28;

	text-decoration:underline;

}

a:hover {

	text-decoration:none;

}

img {

	border:0;

}

.right {

	float:right;

}

/*********************************************************** Header */

#header {

	width:721px;

	font-weight:bold;

	color:#304966;

}

#header p {

	display:inline;

}

/********************* search *******************/

#top-search p {

	font-size : 11px;

}

#top-search input, #top-search select {

	width : 130px;

	font-size: 10px;

}

#top-search {

	float:right;

	width:196px;

}

#top-search h1 {

	background:#6682a3;

	color:#fff;

	font-size:14px;

	padding:0 0 1px 24px;

	margin:0 0 10px 0;

	background-image:url('images/picto-search.gif');

	background-repeat:no-repeat;

}

/********************** speednav *****************/


div#top-speednav {

	float:right;

	font-size:12px;

	width:721px;

	margin: 0 23px 20px 0;

	text-align:right;

	height:10px;

}

div#top-speednav a {

	text-decoration:none;

}


/* ingabs */

div#top-speednav div#speed p {

	margin:-10px 0 0 0;

	_margin:0;

}

div#top-speednav div#speed a:hover {

	color:#FFF;

	text-decoration:none;

	border:1px solid #F90;

	background:#F90;

}

#top-speednav div#speed p a {

	border:1px solid #2d4156;

	margin:0 3px 0 3px;

	padding:2px 5px 2px 5px;

	color:#2d4156;

	with:120px;

	display:block;

	text-align:center;

	float:right;

}

*> #top-speednav div#speed a {

	!margin:10px 3px 0 3px;

}

#top-speednav div#lg a {

	margin:0 3px 0 3px;

	padding:2px 2px 2px 2px;

	color:#FFF;

	display:block;

	width:16px;

	text-align:center;

	float:right;

	background:#6682a3;

	border:1px solid #6682a3;

}

#top-speednav div#lg {

	border:none;

}

#top-speednav div#lg span.act a {

	background:#F90;

	color:#FFF;

	border:1px solid #F90;

}

#top-speednav div#lg span.no {

	margin:0 3px 0 3px;

	padding:2px 2px 2px 2px;

	display:block;

	border:1px solid #CCC;

	width:20px;

	text-align:center;

	float:right;

	background:#CCC;

	color:#FFF;

}

#top-speednav div#lg span.act a:hover {

	text-decoration:none;

	cursor:default;

}

/************************** LOGOS ********************/

#header {

	width:721px;

	font-weight:bold;

	color:#304966;

}

#header p {

	display:inline;

}

/*************************************************************** ROOTLINE */
/* modified by ingabs 06/08-2009 */
div#rootline {color:#ed8b28; font-size:12px; clear:both;	margin:100px 0 40px 0;	_margin:90px 0 60px 0;	font-weight:bold;}
div#rootline a {color:#4a6079;}
div#rootline span {color:#4a6079;}
div#rootline a:hover {text-decoration:underline;background:#FFF;}

/*************************************************************** NAVBAR */

#navbar {

	margin-top: 10px;

}

#pmenu a {

	display:block;

	float:left;

	font-size:11px;

	color:#304966;

	padding:3px 8px 5px 7px;

	text-transform:uppercase;

	text-align:left;

}

#pmenu a.clair {

	padding:3px 8px 0 8px;/*border-top:6px solid #6582a2;*/

}

#pmenu, #pmenu ul {

	padding:0;

	margin:0;

	list-style-type: none;

}

#pmenu {

	margin:5px 0 0px 0;

	display:block;

	width:721px;

	float:left;

	text-align:center;

}

#pmenu a, #pmenu a:visited {

	display:block;

	height:28px;
	
	text-decoration:none;

	border-bottom:1px solid #2d4156;

}

#pmenu li ul li a, #pmenu li ul li a:visited {

	text-align:left;

	display:block;

	border-width:0 1px 1px 1px;

	border:1px solid #FFF;

	height:auto;

	font-size:10px;

}

#pmenu li ul li a:hover {

	border:1px solid #FFF;

	background: url(images/arrow-white-matte-orange.gif) #ed8c29 no-repeat 5px 5px;



}

#pmenu li ul li a {

	background: url(images/arrow-white-matte-blue.gif) #7695b3 no-repeat 5px 5px;

	color:#FFF;

	padding-left: 20px;

	display: block;

	width : 140px;

	_width:168px;

	height:auto;

}

#pmenu li ul li ul li a, #pmenu li ul li ul li a:visited  {

	background: url(images/arrow-orange.gif) white no-repeat 5px 5px;

	color:#2d4156;

	font-weight:bold;

	border:1px solid #FF9900;

	display:block;

	width:170px;

	height:auto;

}

#pmenu li ul li ul li a:hover {

	background: url(images/arrow-blue.gif) white no-repeat 5px 5px;

	border : 1px solid #2d4156;

}

#pmenu li ul li ul {

	margin-left : 60px;

	_margin-left : 58px;

	margin-top : 0px;

}

#pmenu li ul li ul li ul {

	margin-left : 90px;

	_margin-left : 88px;

	margin-top : 0px;

}

#pmenu li {

	float:left;

}

#pmenu li:hover {

	position:relative;

}

#pmenu li ul {

	display:none;

}

#pmenu li:hover > ul {

	display:block;

	position:absolute;

	top:-26px;

	left:80px;

	padding:10px 30px 30px 30px;

	margin-top:16px;

	_margin-top:12px;

}

#pmenu > li:hover > ul {

	left:-30px;

	top:16px;

}

#pmenu table {

	position:absolute;

	border-collapse:collapse;

	top:0;

	left:0;

	z-index:100;

}

* html #pmenu li a:hover {

	position:relative;

}



ul li ul li a {

	background:#FFF;

	height:auto;

}

.apropos a {

	border-top:6px solid #304966;

	width:80px;
	_width:78px;


}

.agenda a {

	width:47px;
	_width:45px;


	border-top:6px solid #6582a2;

}

.app a {

	border-top:6px solid #6582a2;

	width:76px;
	_width:74px;


}

.eco a {

	border-top:6px solid #6582a2;

	width:76px;
	_width:74px;


}

.env a {

	border-top:6px solid #304966;

	width:86px;
	_width:84px;


}

.bonus a {

	border-top:6px solid #304966;

	width:44px;
	_width:42px;


}

.liens a {

	border-top:6px solid #6582a2;

	width:46px;
	_width:44px;


}

.contact a {

	border-top:6px solid #304966;

	width:55px;
	_width:52px;


}

.publications a {

	border-top:6px solid #304966;

	width:76px;
	_width:74px;


}



/* NL */

.apropos_nl a {

	border-top:6px solid #304966;

	width:80px;
	_width:78px;


}

.agenda_nl a {

	width:47px;
	border-top:6px solid #6582a2;

}

.app_nl a {

	border-top:6px solid #6582a2;

	width:86px;


}

.eco_nl a {

	border-top:6px solid #6582a2;

	width:86px;
	_width:84px;


}

.env_nl a {

	border-top:6px solid #304966;

	width:56px;
	_width:54px;


}

.bonus_nl a {

	border-top:6px solid #304966;

	width:54px;


}

.liens_nl a {

	border-top:6px solid #6582a2;

	width:46px;
	_width:44px;


}

.contact_nl a {

	border-top:6px solid #304966;

	width:55px;



}

.publications_nl a {

	border-top:6px solid #304966;

	width:76px;
	_width:74px;



}





#pmenu a:hover,#pmenu a:active,#pmenu a:focus {

	background:#ff9900;

}

ul li ul a:hover {

	background:#FFF;

}

/* This lot is for IE5.5 and IE6 ONLY and is necessary to make the sublevels appear */



/* change the drop down levels from display:none; to visibility:hidden; */

* html #pmenu li ul {

	visibility:hidden;

	display:block;

	position:absolute;

	top:-11px;

	left:80px;

	padding:10px 30px 30px 30px;

	background:transparent url(images/transparent.gif);

}

/* keep the third level+ hidden when you hover on first level link */

#pmenu li a:hover ul ul {

	visibility:hidden;

}

/* keep the fourth level+ hidden when you hover on second level link */

#pmenu li a:hover ul a:hover ul ul {

	visibility:hidden;

}

/* keep the fifth level hidden when you hover on third level link */

#pmenu li a:hover ul a:hover ul a:hover ul ul {

	visibility:hidden;

}

/* keep the sixth level hidden when you hover on fourth level link */

#pmenu li a:hover ul a:hover ul a:hover ul a:hover ul ul {

	visibility:hidden;

}

/* make the second level visible when hover on first level link and position it */

#pmenu li a:hover ul {

	visibility:visible;

	left:-30px;

	top:26px;

}

/* make the third level visible when you hover over second level link and position it and all further levels */

#pmenu li a:hover ul a:hover ul {

	visibility:visible;

	top:-11px;

	left:80px;

}

/* make the fourth level visible when you hover over third level link */

#pmenu li a:hover ul a:hover ul a:hover ul {

	visibility:visible;

}

/* make the fifth level visible when you hover over fourth level link */

#pmenu li a:hover ul a:hover ul a:hover ul a:hover ul {

	visibility:visible;

}

/* make the sixth level visible when you hover over fifth level link */

#pmenu li a:hover ul a:hover ul a:hover ul a:hover ul a:hover ul {

	visibility:visible;

}







/************ DEBUG A LA CON **********

#pmenu ul {padding:0; margin:0; list-style-type: none; display:block;}

#pmenu li ul {display:none;}

#pmenu li a, #pmenu li a:visited {display:block;  width:120px; font-size:11px; color:#fff; height:25px; line-height:24px; text-decoration:none; text-indent:5px; border:1px solid #000; border-width:1px 0 1px 1px; text-align:left;}

#pmenu li ul li a, #pmenu li ul li a:visited {border-width:0 1px 1px 1px;}



#pmenu li {float:left; background:#7484ad;}

#pmenu li:hover {position:relative;}

#pmenu li:hover > a {background:#dfd7ca; color:#c00;}



/******************   SUCHI !!!!   ******************/

#pmenu li:hover > ul {display:block; position:absolute; top:-11px; left:80px; padding:10px 30px 30px 30px; background:transparent url(transparent.gif); width:120px;}

/****************************************************/



#pmenu > li:hover > ul {left:-30px; top:16px;}

/*************************************/





/*************************************************************** NEWS RIGHT */

#block-right {

	float:right;

	width:196px;

	font-size:11px;

	_margin:30px 0 0 0;

}

#block-right a:hover {

	text-decoration : none;

	background: none;

}

#block-right h1 {

	background-image:url('images/picto-news.gif');

	background-repeat:no-repeat;

}

#block-right p img.news {

	max-width:196px;

	_width:196px;

}



/***************************************************************** CONTENT */

#content {

	margin:5px 0 20px 0;

}

div#content h1 {

	backgound:none;

	font-size:16px;

	color:red;

}

#content a:hover {

	background : none;

}

object {

	margin:20px 0 0 0 !important;

}

/******************* PUBLICATIONS *******************/

.publication {

	float:left;

	width:350px;

	height:90px;

	margin:20px 0 20px 0;

	padding:0 0 20px 0;

	font-size:11px;
	
	overflow:hidden;

}

.publication h2 {

	margin-left:20px;

}

.publication p {

	margin-left:20px;

}

.publication a {

	color:#ed8c29;

	text-decoration:underline;

}

.publication a:hover {

	color:#ed8c29;

	text-decoration:none;

}

.publication img {

	float:left;

	padding-left:10px;

	margin-right:10px;

}

.publication_border {

	float:left;

	width:360px;

	height:80px;

	margin:20px 0 20px 0;

	padding:0 0 20px 0;

	border-bottom:1px solid #6682a3;

	font-size:11px;

}

.publication_border h2 {

	margin-left:90px;

}

.publication_border p {

	margin-left:0px;

}

.publication_border a {

	color:#ed8c29;

	text-decoration:underline;

}

.publication_border a:hover {

	color:#ed8c29;

	text-decoration:none;

}

.publication_border img {

	float:left;

	padding-left:10px;

	margin-right:10px;

}

/********************* GOODIES ************************/

#goodies {
	border-top:1px solid #6582a2;
	clear:both;
	padding:10px 0 10px 0;
}
#goodies a#mecenat, #goodies a#videos, #goodies a#bonus_g, #goodies a#visites,
#goodies a#mecenat_nl, #goodies a#videos_nl, #goodies a#bonus_g_nl, #goodies a#visites_nl
 {
	margin:0 4px 0 4px;
	display:block;
	width : 175px;
	height: 50px;
	float:left;
	text-align:left;
}

#goodies a:hover {

	background-position: 0px -50px;

}

#goodies a span {

	visibility: hidden;

}

#mecenat {

	background: url('images/goodies/mecenat.gif') no-repeat;

	text-decoration:none;

}

#videos {

	background: url('images/goodies/videos.gif') no-repeat;

	text-decoration:none;

}

#bonus_g {

	background: url('images/goodies/bonus.gif') no-repeat;

	text-decoration:none;

}

#visites {

	background: url('images/goodies/visites.gif') no-repeat;

	text-decoration:none;

}

#mecenat_nl {

	background: url('images/goodies/mecenat_nl.gif') no-repeat;

	text-decoration:none;

}

#videos_nl {

	background: url('images/goodies/videos_nl.gif') no-repeat;

	text-decoration:none;

}

#bonus_g_nl {

	background: url('images/goodies/bonus_nl.gif') no-repeat;

	text-decoration:none;

}

#visites_nl {

	background: url('images/goodies/visites_nl.gif') no-repeat;

	text-decoration:none;

}

/***************************************************************** FOOOTER */

#footer {

	clear:both;

	font-size:10px;

	color:#6682a3;

	border-top:1px solid #6682a3;

	margin:20px 0 10px 0;

}

#footer a.internal-link {

font-size:11px;

	background:url('images/arrow-orange.gif') no-repeat left center;

	padding-left:13px;

	margin-left:30px;

	color:#ed8c29;

	display:block;

	width:auto;

	float:right;

	margin-top:10px;

	text-decoration: underline;

}

div#footer span.detail{

	display:block;

	width:auto;

	float:right;

}

#footer span.detail a {

	background:url('images/arrow-orange.gif') no-repeat left center;

	padding-left:3px;

	margin-left:10px;

	color:#ed8c29;

	text-decoration: underline;

}



#top-speednav div#speed a#c188 {

	display:none;

	float:left;

}

/*********************************************** Displays */

a#c704, a#c705, div#speed a#c698 {

	display:none;

}

div#emploi {

	font-size:70%;

	width:205px;

	float:left;

	padding:0;

	_padding:-10px 0 0 0;

	_margin:0 0 0 2px;

}

div#emploi p {

	padding:0;

	_padding:-10px;

	margin:-10px 0 0 5px;

	_margin:0;

	color:#6682a3;

	font-weight:bold;

	text-transform:uppercase;

}

*> div#emploi p {

	!margin:0;

}

div#emploi a {

	color:#ed8c29;

	text-transform:none;

}


.align-center {text-align:center}
.nouveautesTitle a{text-decoration:none; text-transform:uppercase; color:#ed8c29; font-size:10px; font-weight:bold}