/*===================================================================*/
/*============================ CLEAR ================================*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd,
fieldset, form, label, legend/*,
table, caption, tbody, tfoot, thead, tr, th, td*/ {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
ol, ul { list-style: none; }
ol, ul, li { border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
body { line-height: 1; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
:focus { outline: 0; }
ins { text-decoration: none; }
del { text-decoration: line-through; }
/*table { border-collapse: collapse; border-spacing: 0; }*/
ul { list-style: disc; }
ol {list-style: decimal; }
strong { font-weight: bold; }
em { font-style: italic; }
.clear { clear: both; }
.hidden { display: none; }
.error_message, .info_message, .indicator_message { padding: 15px 10px; margin: 20px; }
.error_message { background: #F4CACA; border: 2px solid #CC0000; color: #CC0000; }
.info_message { background: #CAF4CA; border: 2px solid #090; color: #090; }
.indicator_message { background: #F4F4F4; border: 2px solid #999; color: #999; }
.error_message ul, .info_message ul, .indicator_message ul { list-style: none; }
/*===================================================================*/
/*============================ GLOBAL ===============================*/
body, table { font-size: 12px; font-family: Arial, Helvetica, sans-serif; color: #7b7c7e; }
body { text-align: center; background: url('../images/design/body_bg.png') repeat-x 0 0; }
/*===================================================================*/
/*=========================== CONTAINER =============================*/
.container {
	text-align: left;
	margin: 0 auto;
	width: 1019px;
	position: relative;
}
/*===================================================================*/
/*============================ HEADER ===============================*/
.header { background: url('../images/design/header_bg.png') no-repeat 0 0; height: 180px; margin-bottom: 21px; position: relative; }
.header h1 a { display: block; height: 180px; width: 280px; }
.header h1 a span { display: none; }
.header .searchhead {
	background: #FFF;
	position: absolute;
	top: 15px;
	right: 9px;
}
.header .search { position: relative; width: 225px; height: 38px; }
.header .searchhead .keywords {
	background: url('../images/design/search_icon.gif') no-repeat 12px center;
	padding-left: 35px;
	border: none;
	width: 150px;
	display: block;
	position: absolute;
	height: 27px;
	padding-top: 11px;
	top: 0;
	left: 0;
	color: #7b7c7e;
}
.header .searchhead .submit {
	background: url('../images/design/button_search.png') no-repeat 0 center;
	border: none;
	width: 31px;
	height: 28px;
	padding: 0;
	position: absolute;
	top: 5px;
	right: 5px;
}
/*===================================================================*/
/*============================= MENU ================================*/
.menu {
	width: 	240px;
	float: left;
	margin-right: -9px;
	position: relative;
	z-index: 2;
	padding-top: 22px;
}
/*===================================================================*/
/*============================ CONTENT ==============================*/
.contentarea { width: 788px; float: left; background: url('../images/design/contentarea_bg.png') repeat-y 0 0; }
.contentarea_bis {
	padding: 9px;
	background: url('../images/design/contentarea_bis_bg.png') no-repeat 0 0;
	height: auto !important;
	height: 363px;
	min-height: 363px;
}
.contentarea_bottom { height: 11px; background: url('../images/design/contentarea_bottom_bg.png') no-repeat 0 0 #FFF; }
.left { margin: 5px 5px 0 !important; margin: 5px 5px 0 2px; float: left; width: 540px; }
.right { float: left; width: 214px; }
/*===================================================================*/
/*============================== LEFT ===============================*/
.left .photos { height: 160px; overflow: hidden; margin-bottom: 40px; }
.contenu { padding: 0 15px 15px; }
.contenu p { margin-bottom: 23px; }
.contenu p, .contenu ul, .contenu ol { line-height: 20px; }
.contenu h1, .contenu h2, .contenu h3, .contenu h4, .contenu h5, .contenu a { color: #89bbda; text-decoration: none; }
.contenu a:hover { color: #333; text-decoration: underline; }
.contenu h1, .contenu h2 {
	font-size: 18px;
	text-transform: uppercase;
	margin-bottom: 29px;
	font-weight: normal;
}
.contenu h3 { font-size: 16px; margin-bottom: 15px; }
.contenu h4 { font-size: 14px; margin-bottom: 15px; }
.contenu h5 { font-size: 12px; margin-bottom: 10px; }
.contenu h6 { font-size: 12px; margin-bottom: 10px; }
#tools { padding: 10px 0 30px; clear: both; }
#tools, #tools a { text-align: right; color: #999; text-decoration: none; }
#tools a:hover { text-decoration: underline; color: #89bbda; }
p.highlight {
	padding: 10px;
	font-size: 16px;
	margin: 10px 30px;
	text-align: center;
	border: 1px solid #000000;
	background-color: #30424D;
	color: #ffffff;
}
p.highlight a, p.highlight a:hover {
	color: #fff;
}
/*===================================================================*/
/*============================== RIGHT ==============================*/
.right .box { margin-top: 5px; }
.right .box h2 {
	background: url('../images/design/box_title_bg.gif') repeat-x 0 0;
	height: 28px;
	line-height: 28px;
	color: #FFF;
	padding: 0 11px;
	text-transform: uppercase;
	font-size: 12px;
	font-weight: normal;
	margin-bottom: 17px;
}
.right .content_box { padding: 0 11px; }
.right .news .date {
	color: #999;
	font-size: 11px;
	font-style: italic;
	font-weight: bold;
	margin-bottom: 5px;
}
.right .news a { color: #89bbda; text-decoration: none; }
.right .news a:hover { color: #999; text-decoration: underline; }
.right .news h3 { font-size: 13px; font-weight: bold; margin-bottom: 3px; }
.right .news .more a { text-decoration: underline; }
.right .news .more { margin-top: 5px; }
.right .news .new { margin-bottom: 26px; }
/*===================================================================*/
/*============================ COPYRIGHT ============================*/
.copyright {
	text-align: right;
	padding-right: 29px;
	margin: 11px 0 20px;
	color: #BBB;
}
.copyright a { color: #BBB; text-decoration: none; }
.copyright a:hover { color: #999; text-decoration: underline; }
/*===================================================================*/
/*=============================== NEWS ==============================*/
.news_fiche, .news_liste {
	position: relative;
}
.news_fiche .date, .news_liste .date {
	position: absolute;
	top: 0;
	right: 0;
	font-weight: bold;
	font-style: italic;
}
.news_fiche p, .news_liste p {
	text-align: justify;
}
.news_liste .date {
	font-size: 11px;
}
/*===================================================================*/
/*============================= AGENDA ==============================*/
.agenda .month ul { margin: 0 0 20px; padding: 0; list-style: none; }
.agenda .month ul .event {
	padding: 0 10px;
	line-height: 20px;
	position: relative;
	padding: 4px 10px;
}
.agenda .month ul .desc { cursor: pointer; }
.agenda .month ul .separated { border-bottom: 1px solid #89bbda; }
.agenda .month ul .event .titre { color: #89bbda; font-weight: bold; }
.agenda .month ul .event .date {
	font-size: 11px;
	position: absolute;
	right: 10px;
}
.agenda .month ul .event .date img { margin-left: 5px; }
.agenda .month ul .event .description {
	display: block;
	padding: 5px;
	font-style: italic;
}
/*===================================================================*/
/*========================== FORMULAIRE =============================*/
form .field { margin-bottom: 15px; }
form .field label {
	display: block;
	width: 180px;
	text-align: right;
	float: left;
	margin-right: 10px;
	padding-top: 3px;
	//padding-top: 4px;
}
form .field input { width: 200px; }
form .field textarea { width: 280px; }
form .field .info {
	margin: 2px 0 0 190px;
	color: #999;
	font-style: italic;
	font-size: 11px;
	clear: both;
}
form .field .error, form .error .info { color: #C00; }
form .error input, form .error textarea { border: 1px solid #C00; }
form .submit  { padding: 0 0 0 190px; }
form .field .code {
	display: block;
	clear: both;
	margin-left: 190px; 
	padding-top: 3px;
}
/*===================================================================*/
/*============================== GMAP ===============================*/
#divgmap { height: 300px; border: 1px solid #CCC; margin-bottom: 10px; }
/*===================================================================*/
/*============================ ANNUAIRE =============================*/
.annuaire_liste ul { margin: 0 0 10px; padding: 0; list-style: none; }
.annuaire_liste .annuaire {
	padding: 0 10px;
	line-height: 20px;
	position: relative;
	padding: 4px 10px;
	border-bottom: 1px solid #89bbda;
}
.annuaire_liste .annuaire a { text-decoration: none; font-weight: bold; }
.annuaire_liste .annuaire a:hover { color: #89bbda; }
.annuaire_fiche .photo { float: left; margin-right: 10px; border: 2px solid #89bbda; }
.annuaire_fiche .info { float: left; width: 362px; }
.annuaire_fiche p { line-height: 20px; }
.annuaire_fiche p span { font-weight: bold; color: #89bbda; }
/*===================================================================*/
/*============================= SITEMAP =============================*/
.sitemap .menu_flat ul { margin: 0; padding: 0 20px; color: #89bbda; }
.sitemap .menu_flat ul ul { padding: 0 30px; }
.sitemap .menu_flat ul a { text-decoration: none; font-weight: bold; }
.sitemap .menu_flat ul a:hover { color: #89bbda; }
.sitemap .menu_flat ul li { margin-bottom: 5px; }
/*===================================================================*/
/*====================== GALLERY & REFERENCES =======================*/
.gallery_liste .photo, .references_liste .photo { float: left; margin-right: 20px; }
.gallery_liste .infos, .references_liste .infos { float: left; width: 322px; }
.gallery_liste .infos h3, .references_liste .infos h3 { font-size: 18px; margin-bottom: 10px; }
.gallery_liste .infos a, .references_liste .infos a, .reference_fiche .infos a { text-decoration: none; }
.gallery_liste .infos a:hover, .references_liste .infos a:hover, .reference_fiche .infos a:hover { text-decoration: underline; }
.gallery_liste .infos p, .references_liste .infos p { margin-bottom: 0; text-align: justify; }
.gallery_photos .photo { float: left; margin: 7px 15px; }
.gallery .infos p strong ,.reference_fiche .infos p strong { color: #89bbda; }
.reference_fiche .link { text-align: right; }
.gallery .nav_gallery { position: relative; margin-bottom: 20px; text-align: center; }
.gallery .nav_gallery .separe { display: none; }
.gallery .nav_gallery a:hover { color: #89bbda; }
/*===================================================================*/
/*=========================== DOCUMENTS =============================*/
.doc_liste ul .document {
	padding: 0 10px;
	line-height: 20px;
	position: relative;
	padding: 4px 10px;
}
.doc_liste ul .desc { cursor: pointer; }
.doc_liste ul .separated { border-bottom: 1px solid #89bbda; }
.doc_liste ul .document span a { text-decoration: none; font-weight: bold; }
.doc_liste ul .document span img { margin-right: 5px; }
.doc_liste ul .document .type { font-size: 11px; margin-left: 5px; }
.doc_liste ul .document .poid {
	font-size: 11px;
	position: absolute;
	right: 10px;
}
.doc_liste ul .document .poid img { margin: 0 0 0 5px; }
.doc_liste ul .document .description {
	display: block;
	padding: 0 5px;
	font-style: italic;
}
/*===================================================================*/
/*============================= SEARCH ==============================*/
.page_liste ul a { font-weight: bold; text-decoration: none; }
.page_liste ul .page {
	padding: 0 10px;
	line-height: 20px;
	position: relative;
	padding: 4px 10px;
}
.page_liste ul .separated{ border-bottom: 1px solid #89bbda; }
.page_liste ul .page span img { margin-right: 5px; }
.page_liste ul .page .resume { position: absolute; right: 10px; }