/* CSS Document */

@import url(../mainnav/css/menu.css);

/*-----> Redefinition de balises globales <-----*/
body {
	background-color: #F0F0E6;
	font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif;
	color: #999999;
	font-size: 12px;
	margin: 0;
	padding: 0;
}

table, td {
	font-size: 12px;
}

a {
	text-decoration: none;
	color: #999999;	
}

a:hover {
	color: #FF0000;
}

ul {
	margin: 0;
	padding: 0 0 0 15px;
}
blockquote {
	margin: 0 0 0 15px;
	padding: 0;
}


#col_centrale table.contentpaneopen ul   {
	padding: 0 0 0 15px;
	margin: 0 0 0 15px;
}
#col_centrale table.contentpaneopen ul li {
	padding: 0;
	margin: 0;
}
#col_centrale p {
	text-align: justify;
}

/*-----> Zones du document <-----*/

#conteneur {
	width: 952px;
	position: absolute;
	left: 50%;
	margin-left: -476px;
}

/*#header {
	position: relative;
	z-index: 999;
	background: url(../images/header/bkg_main_nav.gif) no-repeat bottom left;
}*/

#main_nav {
	height: 59px;
	padding: 0 5px 0 5px;
}

#page {
	padding: 0 5px 0 5px;
	background: url(../images/footer/bkg_general_footer.gif) repeat-y bottom center;
	position: relative;
	z-index: 99;
}
#griffe {
	background: url(../images/commun/bkg_griffe.gif) no-repeat top left;
	width: 942px;
}
#griffe_page {
	background: url(../images/commun/bkg_griffe_page.gif) no-repeat top left;
	width: 942px;
}

#banner {
	padding: 0 5px 0 6px;
	background: url(../images/bannieres_fr/bkg_banner.gif) repeat-y top left;
}

/*-----> Zones HEADER <-----*/
#header ul {
	list-style: none;
}
#header ul li {
	float: left;	
}
#tools_zone {
	height: 30px;
	background: url(../images/header/bkg_tools.gif) no-repeat bottom left;
}
.english {
	float: left;
}

	/*--> Outils <*/
	#mainlevel-tools {
		float: right;
		margin: 0 0 5px 0;
	}
	
	#mainlevel-tools li {
		/*color: #FF0000;*/
		font-weight: bold;
		line-height: 16px;
		/*width: 100px;*/
		padding: 3px 0 0 18px;
		
	}
	#mainlevel-tools li.item_1 a {
		color:#00A75C;
	}
	#mainlevel-tools li a {
		color: #FF0000;
	}
	#mainlevel-tools li a:hover {
		color: #333333;
	}
	#mainlevel-tools li img {
		vertical-align: middle;
	}
	
	#mainlevel-tools li.item_1 {
		width: 175px;
		height: 21px;
		padding: 3px 0 0 25px;
		background: url(../images/navigation/bg_members.png) no-repeat top left;
	}
	/*#mainlevel-tools li.item_5 {
		padding-right: 60px;
		background: url(../images/pictos/bt_liens.gif) no-repeat 0px 3px;
	}
	#mainlevel-tools li.item_2 {
		padding-right: 70px;
		background: url(../images/pictos/bt_agenda.gif) no-repeat 0px 3px;
	}
	#mainlevel-tools li.item_3 {
		padding-right: 60px;
		background: url(../images/pictos/bt_publications.gif) no-repeat 0px 3px;
	}
	#mainlevel-tools li.item_4 {
		padding-right: 32px;
		background: url(../images/pictos/bt_presse.gif) no-repeat 0px 3px;
	}*/
	
	
	/*#mainlevel-tools li.item_1 {
		padding-left: 18px;
		background: url(../images/pictos/bt_liens.gif) no-repeat top left;
	}*/
	
	
	
	
	#mainlevel-tools li.item_5 {
		padding-right: 60px;
		background: url(../images/pictos/bt_liens.gif) no-repeat 0px 3px;
	}
	#mainlevel-tools li.item_2 {
		padding-right: 70px;
		/*padding-left: 18px;*/
		background: url(../images/pictos/bt_agenda.gif) no-repeat 0px 3px;
	}
	#mainlevel-tools li.item_3 {
		padding-right: 60px;
		/*padding-left: 18px;*/
		background: url(../images/pictos/bt_publications.gif) no-repeat 0px 3px;
	}
	#mainlevel-tools li.item_4 {
		padding-right: 32px;
		/*padding-left: 18px;*/
		background: url(../images/pictos/bt_presse.gif) no-repeat 0px 3px;
	}
	/*--> Recherche <*/
	.search {
		float: right;
		padding-right: 32px;
	}
	.search img,
	.search .button {
		vertical-align: middle;
	}
	.search input.inputbox {
		vertical-align: middle;
		font-size: 10px;
		width: 92px;
		padding: 5px 4px 2px 4px;
		background: url(../images/commun/bkg_search_input.gif) no-repeat bottom left;
		border: none;
	}
	/*--> Menu PRINCIPAL <*/
	.menu-suckerfish-horizontal {
		clear: right;
		float: right;
	}
	
		li:hover a.mainlevel-suckerfish-horizontal,
		li.hover a.mainlevel-suckerfish-horizontal {
			background-position: 0px -31px;
		}
		
		/*.sub_10 a.mainlevel-suckerfish-horizontal {
			width: 179px;
			height: 31px;
			background: url(../mainnav/images/1_menu_projet.gif) no-repeat 0px 0px;
		}
		.sub_10 ul,
		.sub_10 ul li,
		.sub_10 ul li a {
			width: 177px;
		}
		
		.sub_20 a.mainlevel-suckerfish-horizontal {
			width: 168px;
			height: 31px;
			background: url(../mainnav/images/2_menu_secteur.gif) no-repeat 0px 0px;
		}
		.sub_20 ul,
		.sub_20 ul li,
		.sub_20 ul li a {
			width: 166px;
		}
		
		.sub_30 a.mainlevel-suckerfish-horizontal {
			width: 120px;
			height: 31px;
			background: url(../mainnav/images/3_menu_expansion.gif) no-repeat 0px 0px;
		}
		.sub_30 ul,
		.sub_30 ul li,
		.sub_30 ul li a {
			width: 117px;
		}
		
		.sub_40 a.mainlevel-suckerfish-horizontal {
			width: 136px;
			height: 31px;
			background: url(../mainnav/images/4_menu_decouvrir.gif) no-repeat 0px 0px;
		}
		.sub_40 ul,
		.sub_40 ul li,
		.sub_40 ul li a {
			width: 133px;
		}
		
		.sub_50 a.mainlevel-suckerfish-horizontal {
			width: 115px;
			height: 31px;
			background: url(../mainnav/images/5_menu_contact.gif) no-repeat 0px 0px;
		}
		.sub_50 ul,
		.sub_50 ul li,
		.sub_50 ul li a {
			width: 115px;
		}*/

/*-----> Zones PRINCIPALE ( centre ) <-----*/
#col_left {
	float: left;
	width: 230px;
}
		/*--> EDITO <*/
		.mod_contentitem-edito table {
			border-collapse: collapse;
			margin: 0;
			padding: 0;
			width: 168px;
		}
		
#col_centrale {
	float: left;
	/********* MODIF MB **********
	width: 470px;*/
	width: 690px;
	padding-right: 12px;
}

		/*--> Acces direct SECTION 1 (Projet Eco) <*/
		#mainlevel-acces-direct-eco,
		#mainlevel-acces-direct-eco ul {
			padding: 0; margin: 0;
			list-style: none;
		}
		#mainlevel-acces-direct-eco li,
		#mainlevel-acces-direct-eco li li {
			float: left;
		}
		
		/*--> Acces direct SECTION 2 (Secteur) <*/
		#mainlevel-acces-direct-secteur,
		#mainlevel-acces-direct-secteur ul {
			clear: left;
			list-style: none;
			padding-top: 10px;
		}
		#mainlevel-acces-direct-secteur2  {
			list-style: none;
			background: url(../images/commun/filet_vertical_vert.gif) repeat-y top left;
			padding: 0 0 0 15px;
			margin: 0 0 15px 15px;
			float: left;
		}
		#mainlevel-acces-direct-secteur2 li {
			display: block;
			width: 244px;
			height: 20px;
			line-height: 20px;
			background: url(../images/navigation/bkg_acces_direct_section_2.gif) no-repeat top left;
			margin: 2px 0 2px 0;
			padding-left: 8px;
		}
		#mainlevel-acces-direct-secteur2 li a {
			font-weight: bold;
		}
		#mainlevel-acces-direct-secteur2 li a:hover {
			color: #FF0000;
		}
		
		.decription_section_2 {
			width: 170px !important;
			width: 180px;
			float: left;
			padding: 0 14px 0 0;
			text-align: right;
			font-size: 11px;
		}
		
		/*--> Bloc contact Zone centrale<*/
		#col_centrale .contact_info {
			background-color: #F00;
		}
		
		
		
		/*bkg_acces_direct_section_2.gif*/

	
#col_right {
	float: left;
	width: 230px;
	margin: 0;
	background: url(../images/commun/filet_vertical.gif) repeat-y top left;
}

		/*--> Pad ACTUS <*/
		.latestnews-padactus {
			list-style: none;
			margin: 0;
			padding: 10px 0 0 0;
			font-size: 10px;
		}
		.latestnews-padactus li {
			background: url(../images/commun/filet_horizontal.gif) repeat-x bottom left;
			padding: 0 0 12px 18px;
		}
		.latestnews-padactus li.no_border {
			background: none;
			padding: 0 0 5px 18px;
		}
		.latestnews-padactus a {
			color: #FF0000;
			font-weight: bold;
		}

/*-----> Zones GAUCHE  <-----*/
		
		/*--> Menu <*/
		.item-menu-left,
		#mainlevel-menu-left {
			list-style: none;
			margin: 0;
			padding: 22px 0 26px 0;
		}
		.item-menu-left li,
		#mainlevel-menu-left li {
			background: url(../images/commun/bkg_separateur_menu.gif) no-repeat bottom left;
			padding: 6px 0 6px 9px;
		}
		.item-menu-left a,
		#mainlevel-menu-left a {
			display: block;
			width: 190px;
			font-weight: bold;
			padding: 0 0 0 11px;
		}
		.item-menu-left a.actif,
		#mainlevel-menu-left a#active_menu-menu-left {
			background: url(../images/pictos/arrow_actif.gif) no-repeat center left;
		}
		
		/*--> Bloc contact <*/
		#col_left .contact_info {
			background: url(../images/contacts/bkg_global.gif) repeat-y top left;
			padding: 9px 0 9px 0;
		}
		.contact_info table {
			border-collapse: collapse;
			margin-bottom: 9px;
		}
		.contact_info .position {
			background-color: #FFFFFF;
			font-weight: bold;
			color: #333333;
			padding: 3px 0 3px 5px;
		}
		.contact_info .sep {
			height: 3px;
			background: url(../images/contacts/trait_gris.gif) no-repeat top left;
		}
		.contact_info .contact_nom {
			font-weight: bold;
			color: #666666;
			padding: 3px 0 3px 5px;
		}
		.contact_info .contact_mail,
		.contact_info .contact_tel {
			padding-left: 5px;
		}
		.contact_info .contact_mail a {
			text-decoration: underline;
			color: #00A75C;
		}
		.contact_info .contact_image {
			float: left;
			padding: 3px 3px 5px 5px;
		}

/*-----> Zones DROITE  <-----*/
	
	/*--> Mini calendrier <*/
	.upcoming_cal {
		background: url(../images/agenda/bkg_agenda.gif) top left;
		padding: 9px 0 9px 9px;
		margin-bottom: 10px;
	}
	.upcoming_cal_event {
		display: block;
		background-color: #FFFFFF;
		width: 201px;
		padding-bottom: 10px;
		border-bottom: 1px dotted #CCCCCC;
		padding: 0 0 0 10px;
	}
	.upcoming_cal_event bold {
		font-weight: bold;
		color: #666666;
	}
	
	/*--> Partenaires <*/
	.mod_contentitem-partenaires {
		background: url(../images/agenda/bkg_agenda.gif) top left;
	}
	
	.pad_210_blanc {
		display: block;
		width: 210px;
		background-color: #FFFFFF;
		padding: 5px;
	}
	.pad_210_blanc a {
		font-weight: bold;
		color: #666666;
	}
	
	.pad_210_blanc {
		display: block;
		width: 210px;
		background-color: #FFFFFF;
		padding: 5px;
	}
	
	/*--> Liens <*/
	.mod_contentitem-link-box div {
		margin: 3px 0 3px 0;
		font-size: 10px;
	}
	.mod_contentitem-link-box a {
		color: #10AD66;
	}
	.mod_contentitem-link-box a:hover {
		color: #10AD66;
		text-decoration: underline;
	}

/*-----> Zones FOOTER <-----*/
#footer {
	background: url(../images/footer/bkg_footer.gif) no-repeat top left;
	height: 50px;
	padding-top: 6px;
	position: relative;
	z-index: 9;
}
	
	/*--> Newsletter, partage, imprimer <*/
	#mainlevel-tools-bottom {
		list-style: none;
	}
	#mainlevel-tools-bottom li {
		float: left;
		height: 30px;
		padding-left: 24px;
	}
	#mainlevel-tools-bottom li a {
		line-height: 20px;
	}
	#mainlevel-tools-bottom li.item_1 {
		background: url(../images/pictos/bt_newsletter.gif) no-repeat top left;
		margin-left: 246px !important;
		margin-left: 123px;
	}
	#mainlevel-tools-bottom li.item_2 {
		background: url(../images/pictos/bt_send_friend.gif) no-repeat top left;
		margin-left: 258px !important;
		margin-left: 258px;
	}
	#mainlevel-tools-bottom li.item_3 {
		background: url(../images/pictos/bt_print.gif) no-repeat top left;
		margin-left: 17px;
	}
	/*--> Plan, aide, mentions legales <*/
	#mainlevel-map {
		clear: left;
		list-style: none;
		padding-left: 25px;
	}
	#mainlevel-map li {
		float: left;
		font-size: 11px;
	}
	#mainlevel-map li a {
		color: #FF0000;
	}
	#mainlevel-map li a:hover {
		color: #333333;
	}
	#mainlevel-map li.item_1 {
		background: url(../images/pictos/bt_map.gif) no-repeat top left;
		padding-left: 20px;
		margin-right: 40px;
	}
	#mainlevel-map li.item_2 {
		background: url(../images/pictos/bt_help.gif) no-repeat top left;
		padding-left: 12px;
		margin-right: 520px;
	}
	#mainlevel-map li.item_3 {
		background: url(../images/pictos/bt_trait.gif) no-repeat top left;
		padding-left: 8px;
		margin-right: 20px;
	}
	#mainlevel-map li.item_4 {
		background: url(../images/pictos/bt_trait.gif) no-repeat top left;
		padding-left: 8px;
		margin-right: 20px;
	}
	#mainlevel-map li.item_5 {
		background: url(../images/pictos/bt_trait.gif) no-repeat top left;
		padding-left: 8px;
	}

/*-----> Elements texte <-----*/
.link_green,
a.link_green {
	color: #00A75C;
}
a.link_grey {
	color: #666666;
}

/*-----> Divers <-----*/
.clearer {
	clear: both;
}

.pad_left_20 {
	padding-left: 20px;
}
.pad_left_24 {
	padding-left: 24px;
}

.buttonheading {
	visibility: hidden;
}

.sans_marge {
	margin: 0px;
}

/*-----> PLAN DU SITE <-----*/
.plan_du_site .contentpaneopen {
	margin-top: 20px;
	padding-left: 30px;
}
.plan_du_site ul {
	list-style: none;

}

.plan_du_site ul li a {
	font-size: 12px;
	color: #FF0000;
	font-weight: bold;
	padding-left: 7px;
}
.plan_du_site ul li a:hover,
.plan_du_site ul li li a:hover {
	color: #999999;
	background: url(../images/pictos/arrow_actif.gif) no-repeat center left;
}
.plan_du_site ul li li {
	padding-left: 10px;
}
.plan_du_site ul li li li {
	padding-left: 10px;
}
.plan_du_site ul li li a {
	color: #00A75C;
	font-weight: bold;
}
.plan_du_site ul li li li a {
	color: #333333;
	font-weight: normal;
	font-size: 11px;
}
.plan_du_site ul li li li a:hover {
	color: #FF0000;
}

/*-----> ELEMENTS MEP TEXTES <-----*/

h1, 
.contentheading,
.componentheading {
	color: #FF0000;
	font-weight: bold;
	font-size: 14px;
	padding-top: 10px;
}

h2 {
	color: #FF0000;
	font-weight: bold;
	font-size: 12px;
}

h3 {
	color: #FF0000;
	font-weight: normal;
	font-size: 11px;
}

h4 {
	color: #00A75C;
	font-weight: bold;
	font-size: 12px;
}

h5 {
	color: #00A75C;
	font-weight: normal;
	font-size: 11px;
}

.titre_fleche_verte {
	background: url(../images/pictos/bt_fleche_verte.gif) no-repeat 0px 5px;
	font-size: 20px;
	margin-left: 10px;
	padding-left: 15px;
	font-weight: bold;
}

.titre_fleche_rouge {
	/*background: url(../images/pictos/bt_fleche_rouge.gif) no-repeat center left;*/
	color: #330000;
	font-size: 12px;
	margin-left: 10px;
	padding-left: 8px;
	font-weight:bold;
}

/*--> Partenaires<*/
		.table_partenaires {
			border-collapse: collapse;
		}
		.table_partenaires a {
			color: #00A75C;
		}
		.cell_top_left_bott {
			padding: 3px;
			width: 450px;
			vertical-align: top;
			border-top: 1px solid #CCCCCC;
			border-left: 1px solid #CCCCCC;
			border-bottom: 1px solid #CCCCCC;
		}
		.cell_top_right_bott {
			padding: 3px;
			border-top: 1px solid #CCCCCC;
			border-right: 1px solid #CCCCCC;
			border-bottom: 1px solid #CCCCCC;
			text-align: right;
		}
table.event {
	border: none;
}
table.event form {
	background: url(../images/pictos/bt_fleche_rouge.gif) no-repeat center left;
	color: #330000;
	font-size: 14px;
	margin-left: 10px;
	margin-top: 10px;
	padding-left: 15px;
	font-weight:bold;
	text-align: left;
}

table.event th.date {
	color: #666666;
	text-align: left;
	padding-bottom: 8px;
}

.joomla {
	font-size: 10px;
}
.joomla span {
	display: none;
}

#griffe_newsletter {
	display: none;
}

#corps_newsletter {
	background: none;
	width: 400px;
}

/* -> Choix langue */
#jflanguageselection {
	width: 150px;
	float: left;
	margin: 5px 0 5px 0;
}
#active_language {
	display: none;
}
#active_language span {
	float: left;
}

.form_item {
	
}

.form_element {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	float: left;
	margin-left:30px;
	margin-top:2px;
	margin-bottom:2px;
	width: 100%;

}

.form_element label {
	width:150px;
	display: block;
	float: left;
	line-height: 22px;
	vertical-align: middle;
	text-align: right;
	margin-right: 10px;
	
}
.form_element .check_label {
	width:150px;
	float:none;
	display:inline;
	line-height: 22px;
	vertical-align: middle;
}
.form_element .radio_label {
	width:150px;
	float:none;
	display:inline;
	line-height: 22px;
	vertical-align: middle;
}

.form_element select, .form_element input {

	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color: #333;
}

.cf_fileinput{
	width:auto!important;
}

.delete_icon { float:right; /*border-left:1px #CCCCCC solid; padding:10px;*/}

.delete_icon1 { float:right; border-left:1px #CCCCCC solid; border-bottom:1px #CCCCCC solid; padding:10px;}

.button { text-align:center; border:none; margin-top:10px; }

.no_delete { border:none;}


.cf_button {
	margin-top: 10px;
}

.cf_button input {
	text-align: center;
	background-color: orange;
	font-weight: bold;
	color: white;
}

.cf_button1 {

}



.radio { width:20px!important;}

.float_left { float:left;}
.clear { clear:both; font-size:0px; line-height:0px;}

.width1 { width:571px;}

.chronoform{visibility: hidden;}

.validation-advice{
	color: red;
	font-size: 11px;
	width: 600px;
}
.validation-failed{
	border-color: red !important;
}