@charset "UTF-8";
/* CSS Document */

/****************************************** CSS RESET *******************************************/
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, ol, ul, li, 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; 
}
blockquote, q { quotes:none; }
blockquote:before, blockquote:after, q:before, q:after { content:''; content:none; }
table { border-collapse:collapse; border-spacing:0;font-size:inherit;font:100%; }
input, select, textarea, button, optgroup, option, th, var { font:inherit;	}
fieldset, abbr, acronym {border:0; }
abbr, acronym {	font-variant:normal;}
sup, sub {vertical-align:baseline;}

/***************************************** GLOBAL STYLES ****************************************/
body {
	width: auto;
	margin: auto;
	font-size:13px;
	color:#3e3e3e;
	line-height:1.230;
	font-family:tahoma, Geneva, sans-serif;	
}

a:active, a:focus {outline:0;}
a {color:#789908;text-decoration:none; cursor:pointer;}
a:hover, a:hover .shade {color:inherit;text-decoration:none;}
.shade {color:#777777;}/*ppour categorie*/
.bold{ font-weight:bold;}
.em{font-style:italic;}
.textcolor{color:#789908;}/*vert*/
p { text-align:justify;}
.right{ float:right;}
.left{ float:left;}
.main_div {width:940px; max-width:940px;margin: auto;}
.nolink{ cursor: inherit}
.nojs{ color:red;}

/*Tableau*/
th { text-align: left; }
/*Form*/
.textbox, textarea, select {
	font:  normal 11px; tahoma, Geneva, sans-serif;
	color:#000000;
	background:#ffffff;
	border:1px solid #cdcdcd;
	padding:4px;
	outline:0;
}

.textbox[disabled] {background-color:#E9E9E9;/*champ grise*/}
input.button {
	float:right;
	background-color: #fff;
	border:1px solid #dddddd;
	font: bold 11px tahoma, Geneva, sans-serif;
	color:#424242;
	padding:2px 2px;
	margin-top:5px;
	margin-left:5px;
	cursor:pointer;
}
input.button2 {
	/*float:right;*/
	background-color: #fff;
	border:1px solid #dddddd;
	font: bold 11px tahoma, Geneva, sans-serif;
	color:#424242;
	padding:5px 5px;
	margin-top:5px;
	margin-left:5px;
	cursor:pointer;
}
.button:hover, .button2:hover {background: #efefef;color:#000000;}
/*message erreur pour form*/
#error_popuplogin { text-transform:none; color:#5f7906; margin-top:5px;}
#popuplogin label.error{text-transform:none; color:#5f7906; display:block; margin-bottom:5px; margin-top:0;}
#content_container .blockbodyform label.error, #sidebar_container label.error{color:#5f7906;}
#content_container .blockbodyform #msg_error_radio{float:left; margin-top:10px; margin-left:10px; color:#5f7906;}
#content_container .blockbodyform .formerror{ margin:10px; color:#5f7906;}
#sidebar_container .formerror{ margin:0 10px 10px 10px; color:#5f7906;}
/*popup*/
.popuppub{ z-index:99999; position:relative;}

/****************************************** NAVIGATION ******************************************/
#navigation{
	position:relative;
	background-color:#222222;
	border-bottom: 1px solid #222222;
	font: 10px Helvetica, Geneva;
}
#navigation a:hover {color:#ffffff;}
#navigation li { list-style:none;}
/*menu top*/
#navbar_top{position:relative;height: 45px;	background:url(../img/doc_bg.png) repeat-x top;}
#navbar_top ul {position:absolute;bottom:0;height: 25px; text-transform: uppercase;text-shadow: 0 0 0 transparent, 0 -1px 0 #000000;	padding: 0px;}
#navbar_top ul li {float:left;border-right: 0;}
#navbar_top ul li a {height:27px;line-height:27px;padding: 0px 15px;}
#navbar_top ul li a.navtab {
	display:block;
	min-width:50px;
	width:auto !important;
	width:50px;
	text-align:center;
	color: #c2f234;
	font:  bold 12px Helvetica, Geneva;
	text-decoration:none;
	background: #5f7906 url(../img/navtab_bg.png) no-repeat top center;
	border-left: 1px solid #000000;
	border-right: 1px solid #000000;
	border-top: 1px solid #000000;
	margin: 0px 5px;
	height: 24px;
	line-height: 26px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	-moz-border-top-left-radius: 5px;
	-moz-border-top-right-radius: 5px;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	-webkit-border-radius-topleft: 5px;
	-webkit-border-radius-topright: 5px;
	border-radius-topleft: 5px;
	border-radius-topright: 5px;
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	position:relative;/*pour ie*/
	border-radius: 5px 5px 0px 0px;/*pour ie*/
	behavior:url(css/PIE.htc);/*pour ie*/
	
}
#navbar_top ul li a.navtab:hover {
	background:#000000 none 0 -0;
	color:#ffffff;
	background: #5f7906 url(../img/navtab_bg.png) no-repeat top center;
	top: -4px;
	line-height: 18px;
	padding-top: 4px;
	position: relative;
	text-shadow: 0 0 0 transparent, 0px 0px 5px #dddddd;
}
#navbar_top ul li.selected {height:27px;color:#ffffff;}
#navbar_top ul li.selected a.navtab {
	position:relative;
	top:-0;
	padding-top:0;
	z-index:10;
	background: #030303 url(../img/navtab_bg.png) no-repeat top center;
	color: #cccccc;
	height: 26px;
	line-height: 26px;
	border-left: 1px solid #000000;
	border-right: 1px solid #000000;
	border-top: 1px solid #000000;
}
#navbar_top ul li.selected a.navtab:hover {
	color: #ffffff;
	top: -4px;
	line-height: 18px;
	padding-top: 4px;
	position: relative;
}
/*menu bottom*/
#navbar_bottom{ position:relative;height:29px;	background:url(../img/navbar_container_bg.png) repeat-x bottom;}
#navbar_bottom a { color:#cccccc;}
#navbar_bottom a:hover { color:#ffffff;}
#navbar_bottom ul {text-transform: uppercase;text-shadow: 0 0 0 transparent, 0 -1px 0 #000000;	padding:0px;}
#navbar_bottom ul li {padding:2px 5px;float:left;line-height: 27px;}
#navbar_bottom ul li#popupmenu {float:right; margin-right:-5px; position:relative;}
#navbar_bottom a.popupctrl .arrow {
	display: inline-block;
	background: url(../img/navtab_arrow_gray.png) no-repeat;
	height:10px;
	width:10px;
	margin-bottom:-2px;
	margin-left:2px;
}
#navbar_bottom li:hover a.popupctrl .arrow, #navbar_bottom li:hover a.popupctrl.active .arrow, #navbar_bottom li a.popupctrl.active .arrow {
	display: inline-block;
	background: url(../img/navtab_arrow.png) no-repeat;
	height:10px;
	width:10px;
}
#navbar_bottom li a.popupctrl {padding:2px 0 2px 5px;}
#navbar_bottom li a.popuplink  {padding:2px 5px 2px 5px;}
#navbar_bottom li:hover a.popupctrl, #navbar_bottom li:hover a.popupctrl.active, #navbar_bottom li a.popupctrl.active, #navbar_bottom li a.popuplink:hover {
	color: #ffffff;
	-webkit-transition: background 0.15s ease-in-out 0s;
	-moz-transition: background 0.15s ease-in-out 0s;
	-o-transition: background 0.15s ease-in-out 0s;
	transition: background 0.15s ease-in-out 0s;
	background-color: #5f7906;
}

#navbar_bottom .barre_separation{ padding-left:10px;}
/*popup connexion*/
#navbar_bottom #popuplogin {
	font: normal 11px tahoma, Geneva, sans-serif;
	position:absolute;
	z-index:1000;
	top:24px;
	right:5px;
	width:160px;
	background: #f6f2f6; /* Old browsers */
	background: -moz-linear-gradient(top, #cccccc 0%, #ffffff 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #cccccc), color-stop(100%, #ffffff)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #cccccc 0%, #ffffff 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #cccccc 0%, #ffffff 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, #cccccc 0%, #ffffff 100%); /* IE10+ */
	border: 2px solid #5f7906;
	border-top-left-radius: 0px;
	border-top-right-radius: 0px;
	-moz-border-top-left-radius: 0px;
	-moz-border-top-right-radius: 0px;
	-webkit-border-top-left-radius: 0px;
	-webkit-border-top-right-radius: 0px;
	-moz-border-radius-topleft: 0px;
	-moz-border-radius-topright: 0px;
	-webkit-border-radius-topleft: 0px;
	-webkit-border-radius-topright: 0px;
	border-radius-topleft: 0px;
	border-radius-topright: 0px;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	-moz-border-bottom-left-radius: 5px;
	-moz-border-bottom-right-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-moz-border-radius-bottomleft: 5px;
	-moz-border-radius-bottomright: 5px;
	-webkit-border-radius-bottomleft: 5px;
	-webkit-border-radius-bottomright: 5px;
	border-radius-bottomleft: 5px;
	border-radius-bottomright: 5px;
	border-radius:0px 0px 5px 5px;/*pour ie*/
	behavior:url(css/PIE.htc);/*pour ie*/
	box-shadow: 0 4px 5px #151515;
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	padding: 6px;
	color: #333333;
	text-shadow: none;
}
#popuplogin a {
	display:inline-block;
	text-transform:none;
	margin-top:5px;
	padding: 0px 10px;
	color: #333333;
}
#popuplogin a:hover {color: #333333;text-decoration: underline;}
#popuplogin form input {vertical-align: bottom;	}
#popuplogin form input.textbox {
	display:block;
	background: #ffffff;
	color: #333333;
	border: 1px solid #c4c4c4;
	width: 150px;
	height: 15px;
	padding: 4px;
	margin-bottom: 4px;
}
#popuplogin form input.textbox:focus {border: 1px solid #444444;}
#login_button {	
	border: 1px solid #aaaaaa;
	background-image:url(../img/valider.png);
	height:20px;
	width:58px;
	cursor:pointer;
}
#login_button:hover {border: 1px solid #444444;}

/******************************************* HEADER *********************************************/
#header {
	background: #5f7906 url(../img/t_bg.jpg) repeat-x top center;
	border-top: 1px solid #000000;
	border-bottom: 1px solid #000000;
}
#logo-image {
	/*float: left;*/
	text-align:left;
	display:block;
 	margin: 30px 30px 30px 0px;
}
	
/************************************ BREADCRUMB : FIL D'ARIANE *********************************/
#breadcrumb {
	background: #f6f2f6 url(../img/breadcrumb_bg.png) repeat-x bottom;
	border-top: 1px solid #ffffff;
	font-family: Helvetica, Geneva;
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
	text-shadow: 0 0 0 transparent, 0px 1px 0px #ffffff;
	padding: 10px 0px;
	line-height: 15px;
}
#breadcrumb ul li{display: inline; float:left;}
#breadcrumb .nav {
	background-image:url(../img/navbit-arrow-right.png);
	background-position:right center;/**/
	background-repeat:no-repeat;
	padding-right:10px;
	padding-left:0;
}
#breadcrumb .nav:first-child {padding-left:0;}
#breadcrumb .nav.lastnav {background: transparent;}
#breadcrumb .nav.lastnav span {
	padding-right:10px;
	padding-left:3px;
}

#breadcrumb .nav > a, #breadcrumb .lastnav > span {
	display:block;
	padding:2px 4px;
}
#breadcrumb .nav a {text-decoration:none;}
#breadcrumb .nav > a {color: #000000;font-weight: bold;border: none;}
#breadcrumb .nav > a:hover {background: transparent;color: #444444;}
#breadcrumb .navhome {float: left;margin-top:-4px;}
#breadcrumb .lastnav > span {color: #444444;font-weight: bold;border: none;}/**/

#breadcrumb #time_clock {padding:2px 4px;float:right;font-weight:normal; text-transform:lowercase;}

/*************************************** MAIN CONTAINER *****************************************/
#main_container {
	background: #ffffff url(../img/body_bg.png) repeat-x top;
	padding: 20px 0px; 
}
/*SLIDE du haut voir css*/

/*NOTICE*/
#notices {margin-top: 0px;	margin-bottom: 30px;}
#notices p {
	padding:5px 10px;
	background: #f6f2f6 url(../img/tdg_bg.png) repeat-x top;
	border: 1px solid #dddddd;
	font-size: 13px;
	line-height: 19px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius:5px;/*pour ie*/
	position:relative;/*pour ie*/
	behavior:url(css/PIE.htc);/*pour ie*/
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	box-shadow: none;
}

/*CONTENT_CONTAINER*/
#content_container {
	width:640px;
	max-width:640px;
	float:left;
	padding:0px;
}
/*titre page*/
#content_container h1 {
	line-height:25px;
	font-weight:bold;
	font-size: 20px;
	font-family: Helvetica, Geneva;
	padding:5px 10px;
	margin-bottom:15px;
	background: #f6f2f6 url(../img/tdg_bg.png) repeat-x top;
	border: 1px solid #dddddd;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius:5px;/*pour ie*/
	position:relative;/*pour ie*/
	behavior:url(css/PIE.htc);/*pour ie*/
}
#content_container h1 span {font-style:italic;color:#777777;}

/*No-result*/
#content_container .no-result { padding:5px 10px; margin-bottom:20px;/*min-height:300px;*/}

/*Blog*/
#content_container .bloglist {width:640px;}
#content_container ol.bloglist { list-style:none;}
#content_container ol.bloglist.article { border-bottom:1px solid #c8c8c8; margin-bottom:15px;}/*pour article page commentaire*/
#content_container .bloglist li.list {border-top: 1px dashed #dddddd;padding: 10px 0 10px 0;}
#content_container .bloglist li.list:first-child {border-top:none;padding-top:5px;}
#content_container .bloglist .blogcontent li {list-style:inside; border-top:none; padding:0;}/**/
#content_container .blog_date_img {
	float:left;
	background:url(../img/img_date-empty.png) no-repeat;
	position:relative;
	height:60px;
	width:60px;
	text-align:center;
}
#content_container .blog_date_img p {
	color:#FFF;
	text-align:center;
	font-weight:bold;
	font-size:18px;
	line-height:60px;
	width:60px;
	height:60px;
	vertical-align:middle;
	display:table-cell;
}
#content_container .blog_date_img span {
	vertical-align:middle;
	display:inline-block;
	line-height:15px; /* on rétablit le line-height */
	height:30px;
}
* html #content_container .blog_date_img span { line-height:20px; padding-top:5px; }/*IE6*/
*+html #content_container .blog_date_img span { line-height:20px; padding-top:5px; }/*ie7*/

#content_container .blog_info{
	float: right;
	width:565px;
	margin-left:10px;
	margin-bottom:5px;
}
#content_container .blog_info.commentaire{/*pour page commentaire*/
	float: none;
	width:100%;
	margin-left:0;
}
#content_container .bloglist h2 {
	color:#3e3e3e;
	line-height:30px;
	font-weight:bold;
	font-size: 22px;
	font-family: Helvetica, Geneva;
	text-shadow: 0 0 0 transparent, 0 1px 0 #ffffff;
	cursor:default;
}
#content_container .bloglist .blog_info.commentaire h2 { margin-left:10px;}/*pour page commentaire*/
#content_container .blograting { position:relative;}
#content_container .blog_info.commentaire .blograting { float:right; padding-top:2px;}/*pour page commentaire*/

/*NOTATION du haut voir css*/

#content_container .blog_info_description {}
#content_container .blog_info.commentaire .blog_info_description {float:left; width:560px; }/*pour page commentaire*/
#content_container .blogcontent, #content_container .blogcontent2 {
	padding: 10px 15px 15px 10px;
	margin: 5px 0px;
	background: #f6f2f6 url(../img/tdg_bg.png) repeat-x top;
	border: 1px solid #dddddd;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius:5px;/*pour ie*/
	position:relative;/*pour ie*/
	behavior:url(css/PIE.htc);/*pour ie*/
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	font-family: Tahoma, Geneva, sans-serif;
	z-index:100;
}

#content_container .blogcontent.bgselect, #content_container .blogcontent2.bgselect {background:#ecf5d6 url(../img/tdg_bg.png) repeat-x top;}/*fond vert*/

#content_container .blogcontent {min-height:100px;}
#content_container .blogcontent img{
	float:left;
	margin-right:10px;
	margin-bottom:5px;
	border:1px solid #FFF;
}
#content_container .blogcontent p{
	float:left;
	width:500px;
}
#content_container .blogcontent.commentaire {padding-right:5px;}/*pour page commentaire*/
#content_container .blogcontent.commentaire img{margin-right:0px;margin-bottom:0px;}/*pour page commentaire*/
#content_container .blogcontent.commentaire .block_text{/*pour page commentaire*/
	width:505px; 
	height:98px; 
	overflow: auto; 
	float: right;
	margin-right:5px;
}
#content_container .blogcontent.commentaire p {width:485px;}/*pour page commentaire*/
#content_container .blogcontent a.weblink {color:#7bc0dc; font-weight:bold;}
#content_container .blogcontent a.weblink:hover {color:inherit;}
#content_container .blogcontent2 .blog_links {
	border-bottom:1px dashed #dddddd;
	padding-bottom:5px;
	margin-bottom:5px;
}
#content_container .blogcontent2 .icon_pdf{margin-left:30px;}
#content_container .blogcontent2 .icon_pdf img { margin-right:5px;}
#content_container .blogcontent2 .icon_pdf a { color:inherit; text-decoration:underline;}
#content_container .blogcontent2 .icon_pdf a:hover, #content_container .blogcontent2 .icon_pdf a.active { color:#789908; text-decoration:underline;}
#content_container .blogcontent .open_pdf, #content_container .blogcontent2 .close_pdf, #content_container .blogcontent .savoir_plus, #content_container .blogcontent2 .agrandir_pdf{ cursor:pointer;}
#content_container .blogcontent2 .agrandir_pdf{ margin-right:15px;}
#content_container .blogcontent2 .blogframe{position:relative; z-index:200; width:620px; height:360px;}
#content_container .blogcontent2 .blogframe iframe{ 
	display:block;
	z-index:-1;/*Placer l'iframe en arrière-plan du div*/
	width:620px;
	height:350px;
	position:absolute;
	top:0;
	left:0;
}
#content_container .blogcategory { height: 16px; margin-bottom:5px;	text-shadow:none; float:left;}
#content_container .label { float:right; height: 16px; margin-bottom:5px;text-shadow:none;}
#content_container .label img { vertical-align:text-top}

/*Pagination*/
#pagination_toplink{
	width:100%;
	position:relative;
	margin:30px 0 20px 0;
}
#pagination{
	position:absolute;
	top:0;
	left:0;
	height:25px;
	background-color: #FFF;
	padding-right:10px;
}
#pagination li {list-style:none;display: inline-block; margin-right:5px;}
#pagination li a{
	list-style:none;
	display:inline;
	background-color:#f6f6f6;
	border:1px solid #dddddd;
	padding:5px;
	height:26px;
	color: #3e3e3e;
	text-decoration:none;
	-moz-border-radius-topleft:2px;
	-moz-border-radius-topright:2px;
	-moz-border-radius-bottomleft:2px;
	-moz-border-radius-bottomright:2px;
	-webkit-border-top-left-radius: 2px;
	-webkit-border-top-right-radius: 2px;
	-webkit-border-bottom-left-radius: 2px;
	-webkit-border-bottom-right-radius: 2px;
	border-top-left-radius: 2px;
	border-top-right-radius: 2px;
	border-bottom-left-radius: 2px;
	border-bottom-right-radius: 2px;
	border-radius:2px;/*pour ie*/
	position:relative;/*pour ie*/
	behavior:url(css/PIE.htc);/*pour ie*/
}
#pagination li a:hover, #pagination li a.active{background:#5f7906 url(../img/head_bg.png) repeat-x top;color:#FFF;}
#pagination li img{	vertical-align:middle;}

/*btn retour : page commentaire et blog*/
#content_container #pagination_toplink .btn_retour {
	float:right;
	margin-top:4px;
	margin-right:4px;
	color:inherit;
}
#content_container #pagination_toplink .btn_retour:hover {color:#777777;}

/*btn haut de page*/
#content_container #top_link {
	margin-top:2px;
	border-bottom:1px dashed #dddddd;
}
#content_container a#btn_top {
	float:right;
	color:#B3B3B3;	
	line-height:22px;
	height:22px;
	width:104px;
	background:url(../img/btn_top.png) no-repeat;
	display:inline-block;
	text-indent:6px;
	font-size:11px;
}
#content_container a#btn_top:hover {color:#777;}

/*other btn */
#content_container #other_links{
	margin-top:10px;
	margin-bottom:20px;
	float:left;
}
#content_container #other_links ul li{
	text-align:center;
	position:relative;
	display:block;
	float:left;
	margin-right:5px;
}
#content_container #other_links ul li a {
	padding:3px 10px 5px 10px;
	height:30px;
	color:#FFF;/*color: #c2f234;*/
	font-weight: bold;
	text-transform:uppercase;
	text-decoration:none;
	display:block;
	border:1px solid #dadada;
	-moz-border-radius-topleft:5px;
	-moz-border-radius-topright:5px;
	-moz-border-radius-bottomleft:5px;
	-moz-border-radius-bottomright:5px;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	border-radius:5px;/*pour ie*/
	position:relative;/*pour ie*/
	behavior:url(css/PIE.htc);/*pour ie*/
	background:#5f7906 url(../img/head_bg.png) repeat-x top;
}
#content_container #other_links ul li a:hover {
	color: #ffffff;
	-webkit-transition: all 0.15s ease-in-out 0s;
	-moz-transition: all 0.15s ease-in-out 0s;
	-o-transition: all 0.15s ease-in-out 0s;
	transition: all 0.15s ease-in-out 0s;
	text-shadow: 0 0 0 transparent, 0px 0px 5px #ffffff;
}
#content_container #other_links li img.favoris {
	position:absolute;
	top:5px;
	left:30px;
	display:block;
	z-index:10;
}
/*info site*/
#content_container #info_ste{
	margin-top:10px;
	margin-bottom:20px;
	float:right;
	width:220px;
	text-align:right;
}
#content_container #info_ste p { text-align:inherit;}

/*Page informations : mentions, contact, etc...*/
#content_container .blockhead {
	background: #5f7906 url(../img/head_bg.png) repeat-x top;
	color: #c2f234;
	font-family: Helvetica, Geneva;
	font-weight: normal;
	font-size: 13px;
	font-weight: bold;
	text-transform: uppercase;
	text-shadow: 0 0 0 transparent, 0px -1px 0px #000000;
	padding: 8px 11px 7px 11px;
	border: 1px solid #dddddd;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	-moz-border-top-left-radius: 5px;
	-moz-border-top-right-radius: 5px;
	-moz-border-bottom-left-radius: 5px;
	-moz-border-bottom-right-radius: 5px;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	-moz-border-radius-bottomleft: 5px;
	-moz-border-radius-bottomright: 5px;
	-webkit-border-radius-topleft: 5px;
	-webkit-border-radius-topright: 5px;
	-webkit-border-radius-bottomleft: 5px;
	-webkit-border-radius-bottomright: 5px;
	border-radius-topleft: 5px;
	border-radius-topright: 5px;
	border-radius-bottomleft: 5px;
	border-radius-bottomright: 5px;
	border-radius:5px;/*pour ie*/
	position:relative;/*pour ie*/
	behavior:url(css/PIE.htc);/*pour ie*/
}
#content_container .blockhead img {float:right;vertical-align:middle;}
#content_container .blockhead span.link_openclose {
	height:13px;
	width:13px;
	display: inline-block;
	float:right;
	cursor:pointer;
	background:url(../img/collapse_40b.png) no-repeat;
}
#content_container .blockhead span.link_openclose.inactive {background:url(../img/collapse_40b_collapsed.png) no-repeat;}
#content_container .blockbody {
	position:relative;
	background:#ffffff;
	border:1px solid #5f7906;
	margin:5px 0;
	padding:10px;
	/*height:100px;
	overflow:auto;*/
}
#content_container .blockbody.bgselect { background-color:#ecf5d6;}/*fond vert*/
#content_container .blockbody p, #content_container .blockbody ul{padding-bottom:10px;}
#content_container .blockbody li{
	list-style:none;
	line-height:20px;
}
#content_container .blockbody#mentions{ /*hauteur plus grande pour le block en mentions legale*/
	margin-bottom:30px;
	height:620px;
	overflow:auto;
}
#content_container .blockbody h2 {color:#5f7906;text-transform: uppercase;font-size:14px; margin-bottom:10px;}
#content_container .blockbody h2 span {color:#3e3e3e;}
#content_container .blockbody h3 {color:#5f7906; margin-bottom:5px;}
#content_container .blockbody h4 { font-style:italic; margin-bottom:5px;}
#content_container #msg_commentaire{color:#789908; padding:10px;}
#content_container .blockbodyform {
	position:relative;
	color: #424242;
	background:#f6f2f6;
	border:1px solid #dddddd;
	margin:10px 0 30px 0;
	padding:0 0 20px 0;
	/*min-height:150px;*/
}
#content_container .blockheaderform {
	background:#ffffff url(../img/subhead_bg.png) repeat-x;
	border-bottom:solid 1px #dddddd;
	padding:5px 10px;
	font-weight:bold;
	margin:0 0 10px 0;
	clear:both;
}
#content_container .blockbodyform hr {clear:both;width:620px;color:#fff;background-color:#fff;height:1px; border:0;}
#content_container .blockbodyform label {display: block;width:150px;}
#content_container .blockbodyform label.larger {width:230px;}
#content_container .blockbodyform label, #content_container .blockbodyform .textbox, #content_container .blockbodyform textarea, #content_container .blockbodyform select{float:left;margin:10px 0px 10px 10px;}
#content_container .blockbodyform .btn_radio{float:left; margin-top:10px; margin-bottom:10px;}
#content_container .blockbodyform .btn_radio label{ display:inherit; float:inherit; margin:inherit; display:inline;}
#content_container .blockbodyform .btn_radio input{ display:inline; margin-right:5px;}
#content_container .blockbodyform input[type="radio"] { margin-left:10px;}
#content_container .blockbodyform .btnform { height:30px; width:465px;margin-top:5px; clear:both;}
#content_container .blockbodyform .contact_erreur{ font-weight:bold; padding:10px;}

/* page commenter (previsualisation avatar + msg d'erreur)*/
#content_container .blockbodyform #envoi_Frame{height:0; width:0; border:none;}
#content_container .blockbodyform #msg_img{ margin:14px 0 0 0;font-size:10px;	font-style:italic;	}
#content_container .blockbodyform #msg_membre{ margin:10px 10px 10px 170px; color:red;}
#content_container .blockbodyform #apercu{ margin:10px 0 10px 170px; float:left;}
#content_container .blockbodyform #apercu img{ border:1px solid #dddddd;}
#content_container .blockbodyform #btn_sup{ margin:10px 0 0 10px; cursor:pointer}
#content_container .blockbodyform #envoi_statut {margin:10px 0 10px 170px;color:#789908;}

/*page archives : block avec onglets*/
#content_container .blockheadtab1 {
	height:40px;
	font: bold 12px Helvetica, Geneva;
	text-transform: none;
	text-shadow: 0 0 0 transparent, 0 -1px 0 #000000;
}
#content_container .blockheadtab1 a {
	height:30px;
	color: #c2f234;
	font-weight: bold;
	text-transform: uppercase;
}
#content_container .blockheadtab1 li.active a {color: #cccccc;}
#content_container .blockheadtab1 a:hover {
	color: #ffffff;
	-webkit-transition: all 0.15s ease-in-out 0s;
	-moz-transition: all 0.15s ease-in-out 0s;
	-o-transition: all 0.15s ease-in-out 0s;
	transition: all 0.15s ease-in-out 0s;
	text-shadow: 0 0 0 transparent, 0px 0px 5px #ffffff;
}
#content_container .blockheadtab1 ul {margin-left: 0px;}
#content_container .blockheadtab1 ul li {
	display: block; 
	width:100px;
	float:left;
	text-align:center;
	margin: 0px 1px;
	position:relative;
	/*Elle va bien plus loin que word-wrap puisque la césure est "intelligente" 
	elle s’adapte aux règles typographiques de la langue employée et affiche des traits d’union.*/
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	-ms-hyphens: auto;
	-o-hyphens: auto;
	hyphens: auto;
	word-wrap: break-word; /*pour ancien navigateur*/ 
}
#content_container .blockheadtab1 ul li a {
	display:block;
	border-right:1px solid #dadada;
	border-top:1px solid #dadada;
	padding:5px;
	-moz-border-radius-topleft:5px;
	-moz-border-radius-topright:5px;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	border-radius:5px 5px 0px 0px;/*pour ie*/
	position:relative;/*pour ie*/
	behavior:url(css/PIE.htc);/*pour ie*/
	background:#5f7906 url(../img/head_bg.png) repeat-x top;
}
#content_container .blockheadtab1 ul li.active a {
	border-right:1px solid #dadada;
	border-top:1px solid #dadada;
	background:#252525 none;
	display:block;
	padding:5px;
	-moz-border-radius-topleft:5px;
	-moz-border-radius-topright:5px;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	border-radius:5px 5px 0px 0px;/*pour ie*/
	position:relative;/*pour ie*/
	behavior:url(css/PIE.htc);/*pour ie*/
	color: #cccccc;
	text-transform: uppercase;
}

#content_container .blockbodytab1 h1 { margin:2px 0 0 0;}
#content_container .blockbodytab1 .blockbody {
	height:inherit;
	overflow:inherit;
	padding:0;
	margin-top:1px;
	margin-bottom:15px;
	background: #f6f2f6 url(../img/tdg_bg.png) repeat-x top;
	border: 1px solid #dddddd;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius:5px;/*pour ie*/
	position:relative;/*pour ie*/
	behavior:url(css/PIE.htc);/*pour ie*/
}
#content_container .blockbodytab1 .blockbodyhead {
	border-bottom:1px solid #dddddd;
	padding:10px 10px;
	position:relative;
}
#content_container .blockbodytab1 .blockbodycontent {padding:10px 10px;position:relative;}
#content_container .blockbodytab1 .blockbodyhead h2 { margin-bottom:5px;}
#content_container .blockbodytab1 .blockbodyhead img, #content_container .blockbodytab1 .blockbodycontent img {float:left;}
#content_container .blockbodytab1 .blockbodyhead .content, 
#content_container .blockbodytab1 ul{ padding:0;}
#content_container .blockbodytab1 .blockbodycontent .content {float:left; margin-left:10px;}
#content_container .blockbodytab1 .blockbodycontent .blockheadtab2 { border-bottom:2px dashed #dddddd; padding:5px;}
#content_container .blockbodytab1 .blockbodycontent .blockheadtab2 li { display: inline-block;}
#content_container .blockbodytab1 .blockbodycontent .blockheadtab2 img { padding:0 5px 0 5px;}
/*sous onglet date*/
#content_container .blockheadtab2 li a{ font-weight:bold;}
#content_container .blockheadtab2 li.active a{ color:inherit;}
#content_container .blockbodytab2{ background-color:#FFF; width:550px; margin-top:10px; padding:5px;height:150px; position:relative;overflow:auto;}
#content_container .blockbodytab2 ul{ padding:0;}
#content_container .blockbodytab2 li{ list-style-image:url(../img/arrow1.gif); list-style-position:inside; line-height:20px; }
#content_container .blockbodytab2 li:hover, #content_container .blockbodytab2 li.active{ list-style-image:url(../img/arrow2.gif); list-style-position:inside; text-indent:10px;}
#content_container .blockbodytab2 a {color:inherit;}
#content_container .blockbodytab2 a:hover{color:#789908; }

/*SIDEBAR_CONTAINER*/
#sidebar_container {
	float: right;
	width:282px;
	max-width:282px;
	margin-bottom:3em;
	margin-left:18px;
}

/*bouton deposer article*/
#sidebar_container .actionbutton {margin-bottom:15px;text-align:right;}
#sidebar_container .actionbutton a {
	background: #252525 url(../img/ctrl_button_bg.png) repeat-x top;
	_background-image: none;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius:5px;/*pour ie*/
	position:relative;/*pour ie*/
	behavior:url(css/PIE.htc);/*pour ie*/
	-moz-box-shadow: 0 3px 8px none;
	-webkit-box-shadow: 0 3px 8px none;
	box-shadow: 0 3px 8px none;
	font:   bold 13px Helvetica, Geneva;
	color: #cccccc;
	padding: 0px 10px 0px 10px;
	border: 1px solid #000000;
	display:inline-block;
	line-height: 30px;
	text-transform: uppercase;
	text-decoration: none;
	text-shadow: 0 0 0 transparent, 0 -1px 0 #000000;
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
}
#sidebar_container .actionbutton a:hover {
	background-image:url(../img/ctrl_button_bg_hover1.png);
	background-repeat:repeat-x;
	background-position:top;
	_background-image: none;
	display:inline-block;
	color: #ffffff;
	text-shadow: 0 0 0 transparent, 0px 0px 5px #dddddd;
	border: 1px solid #5f7906;
}

/*generalite sur les blocs*/
#sidebar_container .blockhead {
	background: #5f7906 url(../img/head_bg.png) repeat-x top;
	color: #c2f234;
	font-family: Helvetica, Geneva;
	font-weight: normal;
	font-size: 13px;
	font-weight: bold;
	text-transform: uppercase;
	text-shadow: 0 0 0 transparent, 0px -1px 0px #000000;
	padding: 8px 11px 7px 11px;
	border-left: 1px solid #dddddd;
	border-top: 1px solid #dddddd;
	border-right: 1px solid #dddddd;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	-moz-border-top-left-radius: 5px;
	-moz-border-top-right-radius: 5px;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	-webkit-border-radius-topleft: 5px;
	-webkit-border-radius-topright: 5px;
	border-radius-topleft: 5px;
	border-radius-topright: 5px;
	border-radius:5px 5px 0px 0px;/*pour ie*/
	position:relative;/*pour ie*/
	behavior:url(css/PIE.htc);/*pour ie : sauf que cela cree aussi un bug de chargement du head sur ie*/
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
}
#sidebar_container .blockheadtab {
	height:40px;
	font: bold 12px Helvetica, Geneva;
	text-transform: none;
	text-shadow: 0 0 0 transparent, 0 -1px 0 #000000;
}
#sidebar_container .blockhead img {float:right;vertical-align:middle;}
#sidebar_container .blockhead span.link_openclose {
	height:13px;
	width:13px;
	/*display: inline-block;
	float:right;*/
	display:block;
	position:absolute;
	top:8px; 
	right:8px;
	cursor:pointer;
	background:url(../img/collapse_40b.png) no-repeat;
}
#sidebar_container .blockhead span.link_openclose.inactive {background:url(../img/collapse_40b_collapsed.png) no-repeat;}
#sidebar_container .blockbody {
	position:relative;
	color: #424242;
	background:#f6f2f6;
	border:1px solid #dddddd;
	margin-bottom: 15px;
}
#sidebar_container .blockfoot {
	margin-top:-10px;
	margin-bottom:10px;
	padding-left:6px;/**/
	font-size:88%;
	font-weight:bold;
	background: transparent;
}

/*SLIDE du sidebar voir css*/

/* onglet*/
#sidebar_container .blockheadtab a {
	height:30px;
	color: #c2f234;
	font-weight: bold;
	text-transform: uppercase;
}
#sidebar_container .blockheadtab li.active a {color: #cccccc;}
#sidebar_container .blockheadtab a:hover {
	color: #ffffff;
	-webkit-transition: all 0.15s ease-in-out 0s;
	-moz-transition: all 0.15s ease-in-out 0s;
	-o-transition: all 0.15s ease-in-out 0s;
	transition: all 0.15s ease-in-out 0s;
	text-shadow: 0 0 0 transparent, 0px 0px 5px #ffffff;
}
#sidebar_container .blogitems {margin-left: 10px;}
#sidebar_container .blogitems li {
	display: block;
	width:80px;
	float:left;
	text-align:center;
	margin: 0px 1px;
	position:relative;
}
#sidebar_container .blogitems li.larger {width:110px;}/*pour onglet page commentaire*/
#sidebar_container .blogitems li a {
	display:block;
	border-right:1px solid #dadada;
	border-top:1px solid #dadada;
	padding:5px;
	-moz-border-radius-topleft:5px;
	-moz-border-radius-topright:5px;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	border-radius:5px 5px 0px 0px;/*pour ie*/
	position:relative;/*pour ie*/
	behavior:url(css/PIE.htc);/*pour ie*/
	background:#5f7906 url(../img/head_bg.png) repeat-x top;
}
#sidebar_container .blogitems li.active a {
	border-right:1px solid #dadada;
	border-top:1px solid #dadada;
	background:#252525 none;/*marron*/
	display:block;
	padding:5px;
	-moz-border-radius-topleft:5px;
	-moz-border-radius-topright:5px;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	border-radius:5px 5px 0px 0px;/*pour ie*/
	position:relative;/*pour ie*/
	behavior:url(css/PIE.htc);/*pour ie*/
	color: #cccccc;
	text-transform: uppercase;
}
#sidebar_container .blogitems li img.favoris {
	position:absolute;
	top:-6px;
	left:-8px;
	display:block;
}

/* liste block commentaire et article : page blog et commentaire */
#sidebar_container .bloglist {
	position:relative;
	padding:8px;
	overflow: auto;	
	height:130px;
}
#sidebar_container .bloglist.taller { height:390px;}/*block plus grand page commentaire*/
#sidebar_container .bloglist .block_border {
	background-color:#fff;
	-moz-border-radius:5px;
	-webkit-border-radius: 5px;
	border-radius:5px;/*pour ie*/
	position:relative;/*pour ie*/
	behavior:url(css/PIE.htc);/*pour ie*/
	padding:4px;
	margin-bottom:7px;
	width:242px;
}
#sidebar_container .bloglist .block_border.bgselect {background:#ecf5d6 url(../img/tdg_bg.png) repeat-x top;}/*fond vert*/

#sidebar_container .bloglist .block_img {
	float:left;
	width:50px;
	margin-right:5px;
}
#sidebar_container .bloglist .block_img img {border: solid 1px #dddddd;}
#sidebar_container .bloglist .block_text {
	float:left;
	width:180px;
	background-color:#ffffff;
	border: solid 1px #dddddd;
	font-size:10px;
	padding: 2px;
	min-height:46px;
}
#sidebar_container .bloglist .block_text h2 {
	font-size: 9px;
	line-height: 10px;
	font-weight: bold;
	text-transform: uppercase;
	color: #5F7906;
	padding-bottom:1px;
}
#sidebar_container .bloglist .block_text span {/*page commentaire*/
	font-weight: bold;
	color: #5F7906;
}

/*block form*/
#sidebar_container .blockbody form {
	background:#f6f2f6 url(../img/tdg_bg.png) repeat-x top;
	padding:10px;
}
#sidebar_container input.textbox {
	display:block;
	width:240px;
	margin-bottom:5px;
	height:18px;
}
#sidebar_container select {
	margin-bottom:5px;
	width:125px;
}
#sidebar_container label {
	display:block;
	margin-bottom:3px;
	font-size:13px;
}

/*block liste logo acteurs du transport */
#sidebar_container #logolist { text-align:center;}

/* block calendrier*/
#sidebar_container #block_calendar{ height:150px; }
#sidebar_container #block_calendar table{color: #333333;text-align:center;	width:100%;}
#sidebar_container #block_calendar th {	text-align:center; padding:5px 0;}
#sidebar_container #block_calendar #link_precedent, #sidebar_container #block_calendar #link_suivant  {cursor:pointer;}
#sidebar_container #block_calendar .blogsubheader td {
	background:#ffffff url(../img/subhead_bg.png) repeat-x;
	border-bottom:solid 1px #dddddd;
	text-align: center;
	font-size:9px;
	padding:5px 0;/**/
}
#sidebar_container #block_calendar td { width:14%;}
#sidebar_container #block_calendar td a {color:#789908;}
#sidebar_container #block_calendar td a:hover { text-decoration:underline;}

/*block archives*/
#sidebar_container .archives { padding:10px;}
#sidebar_container .archives li a {color:inherit; display:block;}
#sidebar_container .archives li { list-style:none; line-height:25px; border-bottom:1px solid #dddddd;}
#sidebar_container .archives li:hover, #sidebar_container .archives li.active { background-color:#FFF;}
#sidebar_container .archives li:hover a, #sidebar_container .archives li.active a {
	background-image:url(../img/fleche_box.png);
	background-position:right;/**/
	background-repeat:no-repeat;
	padding-right:20px;

}
#sidebar_container .archives li:hover a, #sidebar_container .archives li.active a {color:#789908; }


/* FOOTER_TOP */
#footer_top {
	background: #f6f2f6 url(../img/tdg_bg.png) repeat-x top;
	border-top: 1px solid #dddddd;
	border-bottom: 1px solid #f8f8f8;
	padding: 10px 0px 15px 0px;
	text-align:center;
}

/* FOOTER_MAIN */
#footer_main {
	position:relative;
	background: #5f7906 url(../img/b_bg.jpg) repeat-x top center;/**/
	text-shadow: 0 0 0 transparent, 0 1px 0 #000000;
	color: #aaaaaa;
	border-top: 2px solid #000000;
	/*border-bottom: 1px solid #000000;
	margin-bottom:50px;*/
	padding-top:25px;
	padding-bottom:70px;/*A MODIF EN FONCTION DE LA TAILLE DU FOOTER BOTTOM*/
}
#footer_main p {padding-bottom: 5px;color: #FFFFFF;	text-align:justify;}
#footer_main a {color: #c2f234;}
#footer_main a:hover {	color: #aaaaaa;}
#footer_main ul li { list-style:inside; color: #FFF;}

#footer_main .footer_column_header {
	padding-bottom: 8px;
	text-align: left;
	font-family: Helvetica, Geneva;
	text-transform: uppercase;
	font-size: 14px;
	font-weight: bold;
	color: #c2f234;
}
#footer_column_1 {
	float: left;
	width: 30%;
	text-align: left;
	margin-right:3%;
}
#footer_column_2 {
	float: left;
	width: 33%;
	text-align: left;
	margin-right:2%;
}
#footer_column_3 {
	float: right;
	width: 32%;
	text-align:left;
}

/* FOOTER_BOTTOM */
#footer_bottom {
	height:50px;/*SI MODIF, MODIF AUSSI LA TAILLE DU FOOTER MAIN*/
	line-height:50px;
	font-size: 12px;
	background: #222222;
	color: #aaaaaa;
	text-align: center;
	/*border-top: 1px solid #3f3f3f;*/
	border-top: 1px solid #000000;
	text-shadow: 0 0 0 transparent, 0 1px 0 #000000;
	/*pour position fixe*/
	margin:auto;
	width:100%;
    z-index:999999;
	/*pour position fixe*/
	position: fixed;
	position: relative\9; /* IE8 and below  */
	bottom:0; 
}
/*Ciblage Safari*/
@media screen and (-webkit-min-device-pixel-ratio:0){
	#footer_bottom{position:relative; }
} 

#footer_bottom a {color: #ffffff;}
#footer_bottom a:hover {color: #aaaaaa;}
#footer_links {	
	float:left;
	margin: 2px 7px 0 0;
}
#social_icons_footer {
	float: left;
	width:150px;
	text-align: left;
	
	padding-left: 10px;
	line-height:50px;
}
#social_icons_footer img {
	margin-top: 2px;
	margin-right: 8px;
	opacity: 0.6;
	vertical-align: middle;
}

noindex:-o-prefocus, #social_icons_footer img {padding-top:15px;}/*hack opera*/
#social_icons_footer img:hover {
	-webkit-transition: all 0.25s ease-in-out 0s;
	-moz-transition: all 0.25s ease-in-out 0s;
	-o-transition: all 0.25s ease-in-out 0s;
	transition: all 0.25s ease-in-out 0s;
	opacity: 1;
}
#footer_copyright {
	float: right;
	padding-top:15px;
	font:  normal 12px tahoma, Geneva, sans-serif;
	color: #888888;
	text-align: left;
}

/* CLEARFIX */
.clear{clear: both;}