/* @override http://pfjz.com/demo-joomla/swoop/templates/swoop/css/template.css */

/**
 * @author Johan - www.pfjz.com
 * @package Swoop Theme
 */

/* RESET CSS
-------------------------------------------------------------- */
/*	Reset default browser CSS. Based on work by Eric Meyer:
	http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */

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, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
/*border: 0; 	font-family: Verdana, Arial, FreeSans, sans-serif; font-size: 100%; font-style: inherit; font-weight: inherit;*/
border: 0; 	font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit;
margin: 0; outline: 0; padding: 0; vertical-align: baseline; }
:focus { outline: 0; }
body { background: #fff; line-height: 1; }
ol, ul { list-style: none; }
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { font-weight: normal; text-align: left; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }
a img { border: 0; }
/*
img { -ms-interpolation-mode: bicubic; vertical-align: middle; }
::-moz-selection { background: #74b674; color: #fff; text-shadow: none; }
::selection { background: #74b674; color: #fff; text-shadow: none; }
* { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
*/
/* HTML5 */
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
/*audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }*/ /* pas de validation http://jigsaw.w3.org/css-validator */
audio, canvas, video { display: inline-block; }
audio:not([controls]) { display: none; }
[hidden] { display: none; }

/* START MAGIC
----------------------------------------------------------------------------------------------------*/

html 					{ font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }

body,
input,
textarea 				{
						color: #5a5a5a;
						font-size: 15px;
						font-weight: 400;
						line-height: 1.4;
						}

body					{ background-color: #f9f9f9; }

/* Change body background based on theme settings */

body.bg_white			{ background-color: #ffffff; }
body.bg_stripes			{ background: #f9f9f9 url(../images/bg-pattern1.png); }
/*body.bg_dots			{ background: #f9f9f9 url(../images/bg-pattern2.png); }*/
/* body.bg_dots			{ background: #ffffff url(../images/fond.png) repeat-x ; } 
body.bg_dots			{ background: #cad4d6 url(/images/sistbtp/interface/fondGrue.jpg) no-repeat center top; }
body.bg_dots			{ background: #f9f9f9  none repeat scroll 0 0; } */
body.bg_dots			{ background: #ffffff  none repeat scroll 0 0; }  /* MAKET 2016/01 */
body.bg_squares			{ background: #f9f9f9 url(../images/bg-pattern3.png); }


/* GRID ----------------------------------------------------------------------------------------------------*/
/*	12 Column Responsive Grid
	Based on the grid system developed by Denis Leblanc
	URL - http://responsive.gs	LICENSED UNDER GPL & MIT
-------------------------------------------------------------- */

#page 			{
	background-color: #ffffff;
}
.fluid #page 			{
						overflow: hidden;
						max-width: 100%;
						margin: 0 auto;
						}

.container,
section					{
						/*max-width: 978px;*/
						/*max-width: 1440px;*/
						max-width: 2000px;
						margin: 0 auto;
						}

.fixed .container,
.fixed section			{ /* Lock the width if responsive is turned off in theme options */
						width: 978px;					
						}

.padded					{ /*padding: 1.3em 3% 1em;*/ }

/* Clearfix */

.row:after,
.clr:after,
.group:after,
article:after	 		{
						content: ""; 
						display: block; 
						height: 0; 
						clear: both; 
  						visibility: hidden;
  						}

/* Clearfix IE hack */

.row, .clr, .group, article	{ zoom: 1; }

*:first-child+html .row,
*:first-child+html .clr,
*:first-child+html .group { zoom: 1; }

/* Default Row and Column styles */

.row					{ margin-bottom: 2.1em; }
								  
.col 					{
						display: block;
						float: left;
						position: relative;
						margin-left: 2%;
						}

.col:first-child,
.span-2:nth-child(6n+1),
.span-3:nth-child(4n+1),
.span-4:nth-child(3n+1),
.span-6:nth-child(2n+1)	{ margin-left: 0; clear: left; }

/* Column Widths */

.span-1					{ width: 6.5%; }
.span-2 				{ width: 15.0%; }
.span-3 				{ width: 23.5%; }
.span-4 				{ width: 32.0%; }
.span-5 				{ width: 40.5%; }
.span-6 				{ width: 49.0%; }
.span-7 				{ width: 57.5%; }
.span-8 				{
/*width: 66.0%; */
    margin: 0 2%;
    *margin: 0 1%;
    width: 64%;
}
.span-9 				{ width: 74.5%; }
.span-10 				{ width: 83.0%; }
.span-11 				{ width: 91.5%; }
.span-12 				{ width: 100%; }

.fluid .span-4 {
    margin-left: 2%;
    width: 30%;
}

/* FONTS
----------------------------------------------------------------------------------------------------*/

body,
input,
textarea,
.sans					{ font-family: 'Droid Sans', sans-serif; }

/*.module-title, */
.slide-description,
.serif,
blockquote:before		{ font-family: 'Droid Serif', serif; }
.module-title
blockquote:before		{ font-family: 'Droid Sans', sans-serif; }

/* TYPOGRAPHY & ELEMENTS
----------------------------------------------------------------------------------------------------*/

h1, h2, h3				{ clear: both; }

h1						{
						font-size: 1.8em;
						line-height: 1.2;
						font-weight: 700;
						margin: 0 0 0.75em;
						color: #294851;
						text-align: center;
						}

h2						{
						font-weight: 700;
						/*font-size: 1.4em;*/
						font-size: 1.2em;
						line-height: 1.2;
						margin: 0.5em 0;
						color: #294851;
						}

h3						{
						font-weight: 700;
						/*font-size: 1.15em;*/
						font-size: 1.05em;
						margin: 0 0 0.2em;
						color: #294851;
						}

h4						{
						font-weight: 700;
						font-size: 1em;
						color: #294851;
						}

p 						{ 
/*margin-bottom: 1.5em; */
    margin: 0.6em 0 0.2em ;
}
abbr[title] 			{ border-bottom: 1px dotted; }
b, strong				{ font-weight: bold; }
cite, em, i				{ font-style: italic; }
blockquote 				{
						background: #f4f3f3;
						margin: 1.5em 2em 2em;
						padding: 0.8em 1em;
						quotes:"\201C""\201D""\2018""\2019";
						}
						
blockquote:before 		{
						color: #888;
						content: open-quote;
						font-size: 4em;
						line-height: 0.1em;
						margin-right: 0.25em;
						vertical-align: -0.4em;
						}
						
blockquote p 			{ display: inline; }	
dfn						{ font-style: italic; }
hr						{ display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
ins						{ background: #ff9; color: #000; text-decoration: none; }
mark					{ background: #ff0; color: #000; font-style: italic; font-weight: bold; }
pre, code, kbd, samp	{ font-family: monospace, serif; _font-family: 'courier new', monospace; font-size: 1em; }
pre						{ white-space: pre; white-space: pre-wrap; word-wrap: break-word; }
q						{ quotes: none; }
q:before, q:after		{ content: ""; content: none; }
small					{ font-size: 85%; }
sub, sup				{ font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup						{ top: -0.5em; }
sub						{ bottom: -0.25em; }

ul, ol 					{ margin: 0 0 1.5em 2.5em; }
ul 						{ list-style: square; }
ol 						{ list-style-type: decimal; }
ol ol		 			{ list-style: upper-alpha; }
ul ul, ol ol, ul ol, ol ul { margin-bottom: 0; }
dl						{ margin: 0 1.5em; }
dt						{ font-weight: bold; }
dd						{ margin-bottom: 1.625em; }

/* LINKS
----------------------------------------------------------------------------------------------------*/

a,
a:visited				{ text-decoration: none; color: #0099D9/*#2266aa;*/ }

a:hover,
a:active,
a:focus					{ color: #993366/*#717491;*/ }

h1 a, h1 a:visited, h2 a, h2 a:visited
						{ text-decoration: none; color: #64bf00; }

/* IMAGES
----------------------------------------------------------------------------------------------------*/

img 					{
						max-width: 100%;
						height: auto;
						}

.image-left,
.image_left				{
						float: left;
						margin: 0 1.5em 1.5em 0;
						}

.image-right,
.image_right			{
						float: right;
						margin: 0 0 1.5em 1.5em;
						}

.image-center 			{ margin: 0 auto 1.5em; text-align: center; display: block; }

/* STYLES
----------------------------------------------------------------------------------------------------*/

.inline li,
.inline					{
						display: inline;
						margin: 0 0.2em 0.5em 0;
						}

.lead					{
						font-size: 1.1em;
						line-height: 1.5;
						}

.clear					{ clear: both; }
.clear-right			{ clear: right; }
.clear-left				{ clear: left; }

/* FORMS
----------------------------------------------------------------------------------------------------*/
/* BC ADDEO : les formulaires sont gérés par un composant
on n'utilise donc pas le comportement standrad du template - en tout cas, pas tout
*/

/*

input[type=text],
input[type=search],
input[type=password],
textarea 				{
						background-color: #f9f9f9;
						box-shadow: inset 0 1px 1px rgba(0,0,0,0.1);
							-moz-box-shadow: inset 0 1px 1px rgba(0,0,0,0.1);
							-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.1);						
						border: 1px solid #ddd;
						padding: 0.35em 0.6em !important;
						}
						
						
*/


input[type=email]:focus,
input[type=text]:focus,
input[type=search]:focus,
input[type=password]:focus,
textarea:focus 			{
						background-color: #F4FBFF !important;
						transition: all 300ms ease-in-out;
							-webkit-transition: all 300ms ease-in-out;
							-moz-transition: all 300ms ease-in-out;
							-o-transition: all 300ms ease-in-out;						
						}


fieldset				{
						border: 1px solid #f4f3f3;
						padding: 1em;
						margin-bottom: 1.5em;
						}

/* TOP BAR
----------------------------------------------------------------------------------------------------*/



.oldiest #top-bar						{
						position: fixed;
						top: 0;
						left: 0;
						z-index: 9999;
						width: 100%; 
						height: 37px;
						line-height: 100%;				

						background: transparent;	
	height: 0;			
						}
.newbie #top-bar	, .ie8 #top-bar	{
						position: fixed;
						top: 0;
						left: 0;
						z-index: 9999;
						width: 100%; 
						height: 37px;
						line-height: 100%;				
	/*background: #004488   none; 						*/
	background: transparent   none; 	 /* MAKET 2016/01 */	
	height: 0;			
						}
				
#top-bar nav				{		
	/* background: transparent url("/images/sistbtp/apst.png") left center no-repeat; */ /* MAKET */
	}
						
#top-bar ul				{
						margin: 0;
						position: relative;	
						overflow: visible;
						list-style: none;
						}

#top-bar ul li 			{
						padding: 4px 0 8px;
						margin: 0 8px;
						display: block;
/*
						float: left; 
SISTBTP2012
*/
						float:right;
						position: relative;
						}

/* main level link */

#top-bar a 				{
						display: block;
						padding: 5px 10px;
						/* color: #ecfcec; */
						/* color: #fff;  MAKET */
						color: #777; /* MAKET 2016/01 */
						font-size: 0.85em;
						font-weight: 700;
						position: relative;
						}

#top-bar .current > a,
#top-bar li:hover > a	{
						/*color: #acebae; */
						/*text-decoration: underline;*/ /* MAKET */
						}

#top-bar li.current a {
	border-bottom:1px solid #ccc;
}
#top-bar li:hover a	{
	border-bottom:1px solid #009ADA;
	}

/* Arrows for parent links */

#top-bar .parent > a	{ padding-left: 1.8em !important; }

#top-bar .parent > a:after {
						width: 0;						
						height: 0;
						position: absolute;
						content: '';
						left: 0.5em;
						top: 0.9em;
						border-left: 4px solid transparent;
						border-right: 4px solid transparent;
						border-top: 4px solid #b4d8b5;
						}

#top-bar ul ul .parent > a {
						padding: 0.85em 2.3em 0.85em 1.5em !important;
						}

#top-bar ul ul .parent > a:after { 
						width: 0;						
						height: 0;
						position: absolute;
						content: '';
						left: 93%;
						top: 1.2em;
						border-top: 4px solid transparent !important;
						border-bottom: 4px solid transparent !important;
						border-left: 4px solid #b4d8b5;
						}
						
/* sub levels link hover */

#top-bar ul ul a,
#top-bar li:hover li a	{
						background-color: #69a66b;
						font-size: 0.75em;
						font-weight: 400;
						padding: 0.85em 1.5em !important;
						}
						
#top-bar ul ul a:hover,
#top-bar ul ul .current > a {
						background: #5c915e !important;
						color: #acebae !important;
						}
						
/* level 2 list */

#top-bar ul ul 			{
						display: none;
						position: absolute;
						top: 37px;
						left: 0;
						margin: 0;
						padding: 0;
						width: 215px;
						background: #69a66b;		
						box-shadow: 0 3px 5px rgba(0,0,0,0.3);
							-moz-box-shadow: 0 3px 5px rgba(0,0,0,0.3);
							-webkit-box-shadow: 0 3px 5px rgba(0,0,0,0.3);
						}

/* dropdown */

#top-bar ul li:hover > ul { display: block; }

#top-bar ul ul li 		{
						margin: 0 !important;
						padding: 0 !important;
						float: none !important;
						}

/* level 3+ list */

#top-bar ul ul ul 		{
						left: 210px;
						top: -3px;
						}

/* Prepare for select navigation activated on smaller screens */
.selectnav 				{
						display: none;
						margin: 0.8em 3%;						
						}

/* HEADER
----------------------------------------------------------------------------------------------------*/

#site-header			{ text-align: center; }

.header-padding			{     
	max-width: 1440px;
	/*padding: 50px 0 0; */
	padding: 37px 0 0; 
	}
.header-padding	h1		{ 
	margin: 0.4em 0 0.6em;
	line-height: 0.1em;
	}
	
#branding				{
						margin: 0 0 0px; 
/*
						margin: 0 0 35px; 
 SISTBTP2012
*/
}

.site-logo {
/*
border:1px solid #000083;
*/
}

.site-title				{
						font-size: 3em;
						letter-spacing: -0.05em;
						text-shadow: 0 1px 0 #fff;
						margin: 0;
						}

.site-title a			{ color: #294851; }
.site-title a:hover		{ color: #555; }

/* Main menu */

#main-nav				{
/*
						background: #325a64;
						background: linear-gradient(top, #436871 0%,#2e535d 100%);
							background: -moz-linear-gradient(top, #436871 0%, #2e535d 100%);
							background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#436871), color-stop(100%,#2e535d));
							background: -webkit-linear-gradient(top, #436871 0%,#2e535d 100%);
							background: -o-linear-gradient(top, #436871 0%,#2e535d 100%);
							background: -ms-linear-gradient(top, #436871 0%,#2e535d 100%);
							filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#436871', endColorstr='#2e535d',GradientType=0 );
						box-shadow: 0 3px 5px -2px rgba(0,0,0,0.3);
							-webkit-box-shadow: 0 3px 5px -2px rgba(0,0,0,0.3);
							-moz-box-shadow: 0 3px 5px -2px rgba(0,0,0,0.3);
 SISTBTP2012
*/							
						z-index: 10;
						line-height: 100%;
						/*min-height: 45px;*/
/*						height: 45px; */
						}

#main-nav > ul			{ 
						margin: 0 auto;
						position: relative;
						*height: 37px;
}

#main-nav .menu >  li		{    
						padding: 0; /* THOMAS */
						margin: 0;
						display: inline-block;
						*display: inline;
						*line-height:37px;
						position: relative;
						height: 37px;
						
						cursor: pointer;
						}

/* main level link */

/*#main-nav a, */#main-nav .separator, #main-nav .nav.menu a 			{
						color: #0099D9; /* 2016 */
						/*color: #eeffee;*/
						display: inline-block;
						*display: inline;						
						/*padding: 8px 15px;					*/
						padding: 4px 0;
						margin: 4px 15px;
/*			MAKET			
						border-radius: 0.2em;
							-moz-border-radius: 0.2em;
							-webkit-border-radius: 0.2em;
*/							
						}

#main-nav > ul > .current > a,
#main-nav li:hover > a	{
/*
						background: #f4f3f3;
						filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f4f3f3', endColorstr='#eeeeee');
						background: -webkit-gradient(linear, left top, left bottom, from(#f4f3f3), to(#eee));
						background: -moz-linear-gradient(top, #f4f3f3, #eee);
						color: #2e535d;
						box-shadow: 0 1px 1px rgba(0,0,0,.2);
							-webkit-box-shadow: 0 1px 1px rgba(0,0,0,.2);
							-moz-box-shadow: 0 1px 1px rgba(0,0,0,.2);	
						text-shadow: 0 1px 0 rgba(255,255,255,1);
 SISTBTP2012
*/							
						}

/* Arrows for parent links */

/* #main-nav .parent > a, #main-nav .parent > .separator	*/
#main-nav .parent > .separator, #main-nav > ul > li > a {
	/*padding-left: 2.3em !important;*/
	margin-left: 2.3em !important;
	}

/*#main-nav .parent > a:after, */#main-nav .parent > .separator:after {
						width: 0;						
						height: 0;
						position: absolute;
						z-index: 10;
						content: '';
						left: 0.9em;
						top: 1.2em;
						border-left: 5px solid transparent;
						border-right: 5px solid transparent;
						border-top: 5px solid #fff;
						}
/*#main-nav  li.parent:hover > a:after, */#main-nav .parent:hover > .separator:after  {
						top: 0.8em;
						border-top: 5px solid transparent;
						border-bottom: 5px solid #fff;
						}						

#main-nav ul ul .parent > a {
						padding: 1em 2.3em 1em 1.5em !important;
						}

#main-nav ul ul .parent > a:after { 
						width: 0;						
						height: 0;
						position: absolute;
						content: '';
						left: 93%;
						top: 1.1em;
						border-top: 5px solid transparent !important;
						border-bottom: 5px solid transparent !important;
						border-left: 5px solid #aaa;
						}
						
/* sub levels link hover */

#main-nav ul ul a,
#main-nav li:hover li a {
						display: block;
						position: relative;
						z-index: 100;
/*
						border-bottom: 1px solid #f4f3f3;
SISTBTP2012
*/						
						border-left: 0 !important;
						border-right: 0 !important;
						background: #fff !important;
						color: #65a068 !important;
						margin: 0;
						font-size: 0.85em;
						padding: 0.1em 1.5em 0.9em !important;
/*						padding: 0.4em 1.5em !important; */
						border-radius: 0;
							-moz-border-radius: 0;
							-webkit-border-radius: 0;
						box-shadow: 0 !important;
							-webkit-box-shadow: 0 !important;
							-moz-box-shadow: 0 !important;									
						}
						
#main-nav ul ul a:hover,
#main-nav ul ul .current a {
						/*background: #f4f3f3 !important;
						color: #555 !important; */
						color: #0099D9 !important; /* 2016 */
						background: #fff !important;
						}
						
/* level 2 list */

#main-nav ul ul 		{
						background-color: #fff;
						display: none;
						margin: 0;
						padding: 1em 0 0;
						/*width: 215px;*/
						width: 100%;
						position: absolute;
						z-index: 9999;
						text-align: left;
/*
						top: 45px;
SISTBTP2012
*/						
						left: 0;					
						border-radius: 0.2em;
							-webkit-border-radius: 0.2em;
							-moz-border-radius: 0.2em;
						box-shadow: 0 3px 5px rgba(0,0,0,0.3);
							-moz-box-shadow: 0 3px 5px rgba(0,0,0,0.3);
							-webkit-box-shadow: 0 3px 5px rgba(0,0,0,0.3);
						}

/* dropdown */

#main-nav ul li:hover > ul { display: block; }

#main-nav ul ul li 		{
						margin: 0 !important;
						padding: 0 !important;
						display: block !important;
						}

/* level 3+ list */

#main-nav ul ul ul 		{
						left: 210px;
						top: -3px;
						}

/* IE7 fix for the menu */

.ie7 #main-nav			{ padding-top: 0.8em; }
.ie7 #main-nav .parent > a	{ padding-left: 15px !important; }
.ie7 #main-nav ul ul 	{ top: 30px; }

/* Prepare for responsive main menu */
#main-nav .selectnav 	{
						width: 94%;
						margin: 0 auto;
						}

/* SLIDER
----------------------------------------------------------------------------------------------------*/
/* ResponsiveSlides.js - www.responsiveslides.com */

#slide-wrap 			{
						background-color: #eee;
						position: relative;
						border-bottom: 1px solid #fff;
						}

.slideshow				{
						position: relative;
						list-style: none;
						overflow: hidden;
						width: 100%;
						padding: 0;
						margin: 0;
						}

.slideshow li 			{
						position: absolute;
						display: none;
						width: 100%;
						left: 0;
						top: 0;
						}

.slideshow li:first-child {
						position: relative;
						display: block;
						float: left;
						}

.slideshow img			{
						display: block;
						height: auto;
						float: left;
						max-width: 100%;
						border: 0;
						}

.slide-caption			{
						position: absolute;
						bottom: 10%;
						background-color: #000;
						background: rgba(0,0,0,0.7);
						color: #f4f3f3;
						font-size: 0.85em;
						padding: 1em 1.5em;
						margin: 0;
						border-radius: 0 3px 3px 0;
						}

#slide-wrap .rslides_nav { opacity: 0; }
#slide-wrap:hover .rslides_nav { opacity: 0.3; }

.rslides_nav			{
						position: absolute;						
						-webkit-tap-highlight-color: rgba(0,0,0,0);
						top: 50%;
						left: 10px;
						text-indent: -9999px;
						overflow: hidden;
						text-decoration: none;
						height: 39px;
						width: 39px;
						background: transparent url("../images/next-prev.png") no-repeat left top;
						margin-top: -15px;
						}

.rslides_nav:hover		{ opacity: 1.0 !important; }

.rslides_nav.next		{
						left: auto;
						background-position: right top;
						right: 10px;
						}

.rslides_tabs 			{
						position: absolute;
						bottom: -48px;
						right: 5px;
						text-align: right;
						}

.rslides_tabs li		{
						display: inline;
						float: none;
						_float: left;
						*float: left;
						margin-right: 4px;
						}

.rslides_tabs a			{
						text-indent: -99px;
						overflow: hidden;
						text-align: left;			
						background: #eceaea;						
						display: inline-block;
						_display: block;
						*display: block;
						box-shadow: inset 0 1px 3px rgba(0,0,0,0.2);
							-webkit-box-shadow: inset 0 1px 3px rgba(0,0,0,0.2);
							-moz-box-shadow: inset 0 1px 3px rgba(0,0,0,0.2);
						width: 16px;
						height: 6px;
						}

.rslides_tabs .rslides_here a { background: #74b674; }
.rslides_tabs a:hover	{ background: #fff; }

.slide-description h3	{
						font-weight: 400;
						font-size: 1.45em;
						margin: 0 0 1.7em;
						color: #305760;
						text-align: center;
						text-shadow: 0 1px 0 #fff;
						}

/* MODULES
----------------------------------------------------------------------------------------------------*/

.section-heading		{
						text-align: center;
						border-top: 4px solid #f4f3f3;
						margin-bottom: 0em;
						}

.section-heading h2		{
						background-color: #74b674;						
						margin: -1em 0 0;
						display: inline-block;
						*display: inline;
						padding: 0.5em 2.5em;
						font-weight: 700;
						font-size: 1em;
						line-height: 1.5;
						text-shadow: 0 1px 0 rgba(0,0,0,0.2);
						border: 3px solid #f4f3f3;
						border-top: 0;
						color: #fff;
						border-radius: 5px 5px 10px 10px;
						}
/*
.module > div,
.module > ul
*/
 .module .bloc-liens-accueil,  .module .conteneur {
						font-size: 0.85em;
						line-height: 1.4;
						color: #5a5a5a;
						width: 100%;
/*						display: inline;*/
						}

.module-title			{
						font-weight: 400;
						font-size: 1.35em;
						margin-bottom: 0.7em;
						color: #294851;
						/*margin-left: 1.8em;						*/
						}

.span-3 .module-title	{ font-size: 1em; }

.span-2 .module-title	{
						font-size: 1em;
						line-height: 1.3;
						}

/* Sidebar Modules */

.sidebar-module			{
						padding: 3% 0 2%;
						margin: 2em 0 1em;
						text-align:center;
						}
.sidebar-module > div.conteneur, .sidebar-module > div.custom {
						text-align:left;
						margin-left: auto;
						margin-right: auto;
						width:100%;
						max-width:380px;
						}
						
/* Specific Module Styling
------------------------------- */

/* Category Module */

.category-module		{
						margin: 0;
						list-style: none;
						}

.category-module li		{
						border-bottom: 1px solid #f4f3f3;
						padding: 1em 5.5% 0;
						}

.category-module li:last-child { border-bottom: 0; }

.mod-articles-category-title {
						margin: 0;
						font-size: 1em;
						}

.mod-articles-category-date {
						font-size: 0.9em;
						color: #858585;
						display: block;
						margin: 0 0 0.8em;
						}

/* Search Module */

.search-box				{
						width: 100%;
						color: #aaa;
						margin-bottom: 0.8em;
						background: #f9f9f9 url(../images/search.png) no-repeat 98% 50%;
						}

.search-box:focus		{ color: #5a5a5a; }

/* CONTENT
----------------------------------------------------------------------------------------------------*/
.wide-content {
	text-align:center;
}
.wide-content .contentpane , .wide-content .page-content{
	margin-right:auto;
	margin-left:auto;
}
.wide-content .contentpane{
	max-width:960px;
	text-align:left;
}
.wide-content .page-content, .acc-content, .pd-category, .pd-file {
	max-width:740px;
	// max-width:640px;
	text-align:justify;
}
.modules .wide {
	text-align:center;
	width:100%;
	font-size:1em;
}
.modules .wide.col{
	margin-left:0;
}
.modules .wide div.wide {
	max-width:740px;
	/*max-width:640px;*/
	margin-right:auto;
	margin-left:auto;
	text-align:justify;
}
.modules .wide div.wider {
	max-width:800px;
	}
.modules .wide div.wide a.headerlink {
	font-size:1.4em;
	color:#4ca4d6;
}
.wide-content .contentpane.pdf {
	max-width:100%;
	margin-bottom: 1.4em;
}
.cacher {
display:none;
}

.frame,
article,
.breadcrumbs			{
/*
						background-color: #fff;
						border-bottom: 7px solid #f4f3f3;
*/
						}

#main 					{ position: relative;
						z-index: 1;
						}

.page-heading			{ margin: 0 3% 1.5em; }

.page-title				{
						margin: 0 4% 1em;
						font-size: 1.8em;
						line-height: 1.2;
						font-weight: 400;
						}

.entry-title			{
						font-size: 1.6em;
						line-height: 1.2;
						font-weight: 700;
						margin: 0;
						}
article,
.items-more				{
						position: relative;
						margin-bottom: 0;
/*						
						margin-bottom: 2em;
						*/
						padding: 2.8% 4% 2%;
						}
/*
.wide-content article	{ padding: 2.8% 3% 0; }
*/
.wide-content article {
    padding: 1em 60px;
}

.wide-content .items-leading	{ 
	margin: 2em 0;
	}

.entry-header			{
						overflow: hidden;
						padding: 0 0 1.5em;
						}

.featured .entry-header			{
						padding: 0;
						}
.page-content			{ padding-bottom: 1.5em; }

/* Entry Date */

.date-header .page-title,
.date-header .entry-title {
						float: left;
						clear: none;
						margin: 0.5em 0 0;
						}

.entry-date				{
						position: relative;
						float: left;
						width: 50px;
						text-align: center;
						margin: 0 1.2em 0 0;
						text-shadow: 0 1px 0 #fff;
						border: 1px solid #f4f3f3;
						}

.entry-date .day		{
						font-size: 1.2em;						
						display: block;
						background: #f4f3f3;
						background: linear-gradient(top, #f9f9f9 0%,#eee 100%);
							background: -moz-linear-gradient(top, #f9f9f9 0%, #eee 100%);
							background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f9f9f9), color-stop(100%,#eee));
							background: -webkit-linear-gradient(top, #f9f9f9 0%,#eee 100%);
							background: -o-linear-gradient(top, #f9f9f9 0%,#eee 100%);
							background: -ms-linear-gradient(top, #f9f9f9 0%,#eee 100%);
							filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9f9f9', endColorstr='#eeeeee',GradientType=0 );
						}

.entry-date .month		{
						display: block;
						font-size: 0.7em;
						text-transform: uppercase;
						font-weight: 700;
						padding: 0.3em 0;
						background-color: #f4f3f3;
						border-top: 1px solid #f9f9f9;			
						}

/* Entry Images */

.image-intro			{
						text-align: center;
						position: relative;
						margin: 0 -4.25% 1.5em;
						}

.wide-content .image-intro { margin: 0 -3.2% 1.5em; }

.image-intro .image-caption {
						position: absolute;
						bottom: 10%;
						background-color: #000;
						background: rgba(0,0,0,0.7);
						color: #f4f3f3;
						font-size: 0.85em;
						padding: 1em 1.5em;
						margin: 0;
						border-radius: 0 3px 3px 0;
						}

.image-no-header		{ margin-top: -1.3em !important; }

/* Column Posts */

.span-6 .entry-title,
.span-4 .entry-title	{
						font-size: 1.2em;
						line-height: 1.1;
						float: none;
						margin-top: 0.2em;
						}

.span-6 .entry-content,
.span-4 .entry-content	{ font-size: 0.85em; }

.span-6 .entry-date,
.span-4 .entry-date		{
						width: 40px;
						margin: 0 1em 0 0;						
						}

.span-6 .entry-date .day,
.span-4 .entry-date .day { font-size: 1em; }

.span-6 .entry-date .month,
.span-4 .entry-date .month {
						font-size: 0.65em;
						padding: 0.3em 0;
						}

/* Entry Meta */

.entry-meta				{
						font-size: 0.75em;
						color: #858585;
						border-top: 1px dashed #eee;
						margin: 0 0 1em;
						padding: 1em 0;
						font-style: italic;
						overflow: hidden;
						}

.entry-meta p			{
						margin: 0 0.5em 0 0;
						float: left;
						}

.actions				{
						margin: 0 0 0.5em !important;
						float: right;
						}

.actions li				{ display: inline; }

/* Blog */

/* Category Description */

.category-desc			{
						position: relative;
						margin-bottom: 1em;
						padding: 2.8% 4% 0;
						}					
					
/* Page navigation */

ul.pagenav				{
						margin: 1em 0 0 !important;
						width: 100%;
						min-height: 50px;
						position: relative;
						}

.pagenav li 			{
						display: block;
						position: absolute;
						width: 49%;
						top: 0;
						}

.pagenav-prev 			{ left: 0; }
.pagenav-next 			{ right: 0; text-align: right; }

.pagination				{
						padding: 1em 0;
						text-align: center;
						}

.pagination .counter	{
						font-size: 0.85em;
						font-style: italic;
						margin: 0.5em 0 1em;
						}

.pagination ul			{ margin: 0 !important; }

.pagination li			{
						display: inline-block;
						*display: inline;
						}

span.pagenav			{
						display: inline-block;
						*display: inline;
						position: relative;
						top: 1px;
						zoom: 1;						
						padding: 1.4em;
						margin-right: 4px;
						line-height: 0;
						border-radius: 0.35em;
						color: #555 !important;
						font-size: 13px;
						border: 1px solid #eee;
						text-shadow: 0 1px 0 #fff;
						background: #f4f3f3;
						background: linear-gradient(top, #eee 0%,#f4f3f3 100%);
							background: -moz-linear-gradient(top, #eee 0%, #f4f3f3 100%);
							background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eee), color-stop(100%,#f4f3f3));
							background: -webkit-linear-gradient(top, #eee 0%,#f4f3f3 100%);
							background: -o-linear-gradient(top, #eee 0%,#f4f3f3 100%);
							background: -ms-linear-gradient(top, #eee 0%,#f4f3f3 100%);
							filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#f4f3f3',GradientType=0 );
						box-shadow: 0 1px 0px 0px rgba(255,255,255,0);
						font-size: 10px;
						}

/* Breadcrumbs */

.breadcrumbs			{
						font-size: 0.8em;
						padding: 1.3em 3%;
						margin: 0 0 0.8em;
						}

.breadcrumbs img		{ margin: 0 0 5px; }

/* BUTTONS
----------------------------------------------------------------------------------------------------*/

button,
.button,
input[type=submit],
.visform  button,
.visform .button,
.visform  input[type=submit],
.visform input[type=reset]
		{
						display: inline-block;
						*display: inline;
						zoom: 1;						
						background: #f4f4f4;
						background: linear-gradient(top, #fff 0%,#eee 100%);
							background: -moz-linear-gradient(top, #fff 0%, #eee 100%);
							background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fff), color-stop(100%,#eee));
							background: -webkit-linear-gradient(top, #fff 0%,#eee 100%);
							background: -o-linear-gradient(top, #fff 0%,#eee 100%);
							background: -ms-linear-gradient(top, #fff 0%,#eee 100%);
							filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eeeeee',GradientType=0 );
						padding: 1.4em;
						margin-right: 4px;
						line-height: 0;
						border-radius: 0.35em;
						color: #555 !important;
						font-size: 13px;
						border: 1px solid #eee;
						text-shadow: 0 1px 0 #fff;
						box-shadow: 0 1px 0px 0px rgba(255,255,255,0.8), 0 5px 3px -2px rgba(0,0,0,0.15);
						cursor:  pointer;
						}

.button-small,
.pagenav-prev a,
.pagenav-next a,
a.pagenav				{
						font-size: 0.8em;
						display: inline-block;
						*display: inline;
						zoom: 1;						
						background: #f4f4f4;
						background: linear-gradient(top, #fff 0%,#eee 100%);
							background: -moz-linear-gradient(top, #fff 0%, #eee 100%);
							background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fff), color-stop(100%,#eee));
							background: -webkit-linear-gradient(top, #fff 0%,#eee 100%);
							background: -o-linear-gradient(top, #fff 0%,#eee 100%);
							background: -ms-linear-gradient(top, #fff 0%,#eee 100%);
							filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eeeeee',GradientType=0 );
						padding: 1.4em;
						margin-right: 4px;
						line-height: 0;
						border-radius: 0.35em;
						color: #555 !important;
						border: 1px solid #eee;
						text-shadow: 0 1px 0 #fff;
						box-shadow: 0 1px 0px 0px rgba(255,255,255,0.8), 0 5px 3px -2px rgba(0,0,0,0.15);						
						}

button:hover
.button:hover,
input[type=submit]:hover,
.button-small:hover,
.pagenav-prev a:hover,
.pagenav-next a:hover,
a.pagenav:hover			{
						background: linear-gradient(top, #fff 0%,#f4f3f3 100%);
							background: -moz-linear-gradient(top, #fff 0%, #f4f3f3 100%);
							background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fff), color-stop(100%,#f4f3f3));
							background: -webkit-linear-gradient(top, #eee 0%,#f4f3f3 100%);
							background: -o-linear-gradient(top, #fff 0%,#f4f3f3 100%);
							background: -ms-linear-gradient(top, #fff 0%,#f4f3f3 100%);
							filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f4f3f3',GradientType=0 );
						box-shadow: 0 1px 0px 0px rgba(255,255,255,0), 0 5px 3px -2px rgba(0,0,0,0.15);
						}

/* ICONS
----------------------------------------------------------------------------------------------------*/
/*
.icon-phone,
.icon-mail,
.icon-pen,
.icon-attach,
.icon-user,
.icon-people,
.icon-vcard,
.icon-export,
.icon-compass,
.icon-pin,
.icon-direction,
.icon-share,
.icon-map,
.icon-heart,
.icon-star,
.icon-like,
.icon-chat,
.icon-comment,
.icon-link,
.icon-flag,
.icon-settings,
.icon-music,
.icon-tag,
.icon-flight,
.icon-buoy,
.icon-camera,
.icon-eye,
.icon-clock,
.icon-mic,
.icon-calendar,
.icon-rss,
.icon-minus,
.icon-lock,
.icon-search,
.icon-unlock,
.icon-plus,
.icon-check,
.icon-close,
.icon-info,
.icon-infocircle,
.icon-help,
.icon-warning,
.icon-cloud,
.icon-home,
.icon-bookmark,
.icon-folder,
.icon-book,
.icon-movie,
.icon-document,
.icon-songs,
.icon-sound,
.icon-images,
.icon-left,
.icon-down,
.icon-up,
.icon-right				{
						background: url(../images/sprite-icons.png);
						display: inline-block;
						*display: inline;
						text-indent: -90em;
						overflow: hidden;
						vertical-align: middle;
						margin: -0.2em 0.35em 0 0;
						}

.title-phone .module-title,
.title-mail .module-title,
.title-pen .module-title,
.title-attach .module-title,
.title-user .module-title,
.title-people .module-title,
.title-vcard .module-title,
.title-export .module-title,
.title-compass .module-title,
.title-pin .module-title,
.title-direction .module-title,
.title-share .module-title,
.title-map .module-title,
.title-heart .module-title,
.title-star .module-title,
.title-like .module-title,
.title-chat .module-title,
.title-comment .module-title,
.title-link .module-title,
.title-flag .module-title,
.title-settings .module-title,
.title-music .module-title,
.title-tag .module-title,
.title-flight .module-title,
.title-buoy .module-title,
.title-camera .module-title,
.title-eye .module-title,
.title-clock .module-title,
.title-mic .module-title,
.title-calendar .module-title,
.title-rss .module-title,
.title-minus .module-title,
.title-lock .module-title,
.title-search .module-title,
.title-unlock .module-title,
.title-plus .module-title,
.title-check .module-title,
.title-close .module-title,
.title-info .module-title,
.title-infocircle .module-title,
.title-help .module-title,
.title-warning .module-title,
.title-cloud .module-title,
.title-home .module-title,
.title-bookmark .module-title,
.title-folder .module-title,
.title-book .module-title,
.title-movie .module-title,
.title-document .module-title,
.title-songs .module-title,
.title-sound .module-title,
.title-images .module-title,
.title-left .module-title,
.title-down .module-title,
.title-up .module-title,
.title-right .module-title	{
						position: relative;
						padding-left: 34px;
						}

.title-phone .module-title:before,
.title-mail .module-title:before,
.title-pen .module-title:before,
.title-attach .module-title:before,
.title-user .module-title:before,
.title-people .module-title:before,
.title-vcard .module-title:before,
.title-export .module-title:before,
.title-compass .module-title:before,
.title-pin .module-title:before,
.title-direction .module-title:before,
.title-share .module-title:before,
.title-map .module-title:before,
.title-heart .module-title:before,
.title-star .module-title:before,
.title-like .module-title:before,
.title-chat .module-title:before,
.title-comment .module-title:before,
.title-link .module-title:before,
.title-flag .module-title:before,
.title-settings .module-title:before,
.title-music .module-title:before,
.title-tag .module-title:before,
.title-flight .module-title:before,
.title-buoy .module-title:before,
.title-camera .module-title:before,
.title-eye .module-title:before,
.title-clock .module-title:before,
.title-mic .module-title:before,
.title-calendar .module-title:before,
.title-rss .module-title:before,
.title-minus .module-title:before,
.title-lock .module-title:before,
.title-search .module-title:before,
.title-unlock .module-title:before,
.title-plus .module-title:before,
.title-check .module-title:before,
.title-close .module-title:before,
.title-info .module-title:before,
.title-infocircle .module-title:before,
.title-help .module-title:before,
.title-warning .module-title:before,
.title-cloud .module-title:before,
.title-home .module-title:before,
.title-bookmark .module-title:before,
.title-folder .module-title:before,
.title-book .module-title:before,
.title-movie .module-title:before,
.title-document .module-title:before,
.title-songs .module-title:before,
.title-sound .module-title:before,
.title-images .module-title:before,
.title-left .module-title:before,
.title-down .module-title:before,
.title-up .module-title:before,
.title-right .module-title:before {
						position: absolute;
						left: 0;
						top: 2px;
						content: '';
						display: block;
						background: url(../images/sprite-icons.png);
						vertical-align: middle;
						margin: -0.2em 0.35em 0 0;
						}

.icon-phone,
.title-phone .module-title:before			{ background-position: -19px -12px !important; width: 15px; height: 25px; }

.icon-mail,
.title-mail .module-title:before 			{ background-position: -80px -13px !important; width: 22px; height: 20px; }
	
.icon-pen,
.title-pen .module-title:before				{ background-position: -146px -14px !important; width: 20px; height: 20px; }

.icon-attach,
.title-attach .module-title:before			{ background-position: -209px -12px !important; width: 24px; height: 25px; }	

.icon-user,
.title-user .module-title:before			{ background-position: -274px -13px !important; width: 24px; height: 23px; }	

.icon-people,
.title-people .module-title:before 			{ background-position: -339px -13px !important; width: 25px; height: 22px; }

.icon-vcard,
.title-vcard .module-title:before			{ background-position: -403px -14px !important; width: 26px; height: 21px; }

.icon-export,
.title-export .module-title:before			{ background-position: -468px -14px !important; width: 26px; height: 20px; }

.icon-compass,
.title-compass .module-title:before			{ background-position: -534px -12px !important; width: 25px; height: 25px; }

.icon-pin,
.title-pin .module-title:before				{ background-position: -605px -14px !important; width: 13px; height: 21px; }

.icon-direction,
.title-direction .module-title:before		{ background-position: -665px -13px !important; width: 22px; height: 22px; }

.icon-share,
.title-share .module-title:before			{ background-position: -731px -13px !important; width: 21px; height: 23px; }

.icon-map,
.title-map .module-title:before				{ background-position: -793px -13px !important; width: 26px; height: 21px; }

.icon-heart,
.title-heart .module-title:before			{ background-position: -15px -68px !important; width: 22px; height: 18px; }

.icon-star,
.title-star .module-title:before			{ background-position: -80px -68px !important; width: 22px; height: 23px; }

.icon-like,
.title-like .module-title:before			{ background-position: -145px -66px !important; width: 23px; height: 22px; }

.icon-chat,
.title-chat .module-title:before			{ background-position: -208px -66px !important; width: 26px; height: 23px; }

.icon-comment,
.title-comment .module-title:before			{ background-position: -276px -68px !important; width: 21px; height: 18px; }

.icon-link,
.title-link .module-title:before 			{ background-position: -341px -67px !important; width: 21px; height: 21px; }

.icon-flag,
.title-flag .module-title:before			{ background-position: -405px -66px !important; width: 24px; height: 22px; }

.icon-settings,
.title-settings .module-title:before		{ background-position: -471px -66px !important; width: 22px; height: 22px; }

.icon-music,
.title-music .module-title:before			{ background-position: -539px -65px !important; width: 16px; height: 24px; }

.icon-tag,
.title-tag .module-title:before				{ background-position: -599px -64px !important; width: 25px; height: 25px; }

.icon-flight,
.title-flight .module-title:before			{ background-position: -664px -65px !important; width: 25px; height: 24px; }

.icon-buoy,
.title-buoy .module-title:before			{ background-position: -730px -65px !important; width: 24px; height: 23px; }

.icon-camera,
.title-camera .module-title:before			{ background-position: -794px -67px !important; width: 26px; height: 21px; }

.icon-eye,
.title-eye .module-title:before				{ background-position: -13px -125px !important; width: 26px; height: 15px; }

.icon-clock,
.title-clock .module-title:before			{ background-position: -79px -121px !important; width: 24px; height: 23px; }

.icon-mic,
.title-mic .module-title:before				{ background-position: -148px -120px !important; width: 17px; height: 25px; }

.icon-calendar,
.title-calendar .module-title:before		{ background-position: -210px -121px !important; width: 23px; height: 23px; }

.icon-rss,
.title-rss .module-title:before				{ background-position: -276px -123px !important; width: 20px; height: 19px; }

.icon-minus,
.title-minus .module-title:before			{ background-position: -340px -122px !important; width: 22px; height: 21px; }

.icon-lock,
.title-lock .module-title:before			{ background-position: -407px -121px !important; width: 19px; height: 22px; }

.icon-search,
.title-search .module-title:before			{ background-position: -471px -123px !important; width: 21px; height: 20px; }

.icon-unlock,
.title-unlock .module-title:before			{ background-position: -538px -120px !important; width: 18px; height: 23px; }

.icon-plus,
.title-plus .module-title:before			{ background-position: -601px -122px !important; width: 22px; height: 21px; }

.icon-check,
.title-check .module-title:before			{ background-position: -668px -123px !important; width: 17px; height: 18px; }

.icon-close,
.title-close .module-title:before			{ background-position: -731px -122px !important; width: 22px; height: 21px; }

.icon-info,
.title-info .module-title:before			{ background-position: -801px -120px !important; width: 12px; height: 25px; }

.icon-infocircle,
.title-infocircle .module-title:before		{ background-position: -13px -172px !important; width: 24px; height: 24px; }

.icon-help,
.title-help .module-title:before			{ background-position: -78px -172px !important; width: 24px; height: 24px; }

.icon-warning,
.title-warning .module-title:before			{ background-position: -208px -175px !important; width: 26px; height: 17px; }

.icon-cloud,
.title-cloud .module-title:before			{ background-position: -143px -172px !important; width: 25px; height: 23px; }

.icon-home,
.title-home .module-title:before			{ background-position: -274px -175px !important; width: 24px; height: 21px; }

.icon-bookmark,
.title-bookmark .module-title:before		{ background-position: -346px -174px !important; width: 9px; height: 23px; }

.icon-folder,
.title-folder .module-title:before			{ background-position: -403px -174px !important; width: 26px; height: 21px; }

.icon-book,
.title-book .module-title:before			{ background-position: -469px -174px !important; width: 24px; height: 23px; }

.icon-movie,
.title-movie .module-title:before			{ background-position: -534px -175px !important; width: 25px; height: 18px; }

.icon-document,
.title-document .module-title:before		{ background-position: -603px -172px !important; width: 18px; height: 24px; }

.icon-songs,
.title-songs .module-title:before			{ background-position: -667px -172px !important; width: 19px; height: 24px; }

.icon-sound,
.title-sound .module-title:before			{ background-position: -730px -171px !important; width: 24px; height: 24px; }

.icon-images,
.title-images .module-title:before			{ background-position: -794px -171px !important; width: 26px; height: 25px; }

.icon-left,
.title-left .module-title:before			{ background-position: -12px -224px !important; width: 24px; height: 24px; }

.icon-down,
.title-down .module-title:before			{ background-position: -78px -224px !important; width: 24px; height: 24px; }

.icon-up,
.title-up .module-title:before				{ background-position: -144px -224px !important; width: 23px; height: 24px; }

.icon-right,
.title-right .module-title:before			{ background-position: -209px -224px !important; width: 24px; height: 24px; }
*/
/* IE7 Fix */
.ie7 .module-title		{ padding-left: 0 !important; }

/* FOOTER
----------------------------------------------------------------------------------------------------*/

#site-footer			{
/*	
						background-color: #f4f3f3;						
						color: #858585;
						text-shadow: 0 1px 0 #fff;
SISTBTP 2012
*/					
						color: #ffffff;
						text-align: right;	
						/* 2015
						background: url("/images/sistbtp/interface/footer.png") repeat-x scroll 0 0 #fff;	
						margin-bottom: 10px;
						margin-top: -20px;
						height: 130px;		
*/						
						}	
#site-footer .padded {
/*
    padding: 1em;
    margin: 2em 0;
*/
    padding: 0;
    margin: 0;
}		
/* 2015
#site-footer .footer-credit {
	margin-bottom: 10px;
	    height: 140px;
	}		
*/	
#site-footer .modules	{
						/* border-bottom: 1px dashed #ccc; 2015 */
						margin-bottom: 0.8em;
						}		
#site-footer .span-9 {
/* 2015
	background-image: url("/images/sistbtp/logo-membre.png");
	height: 140px;
    background-position: 20px 0px;
	*/
	float:none;
    width: 100%;	
	background-repeat: no-repeat ;
}
#site-footer p {
    /* margin-bottom: 10px;
	    margin-top: 0;
    padding-top: 104px;
	margin-right: 2em; */
	margin:0;
	color: #0099D9; /* 2016 */
}	
div .footer-credit		{ 
	text-align: center; /* 2016 */
	}
.footer-credit			{ font-size: 0.75em; }
.footer-credit a		{ font-weight: 700; }

.footer-credit a, .footer-credit a:visited {
    text-decoration: underline;
	/*
    color: #ffffff;
	background-color: #004488 ;
	*/
	color: #0099D9; /* 2016 */
	background-color: #fff; /* 2016 */
	 
}
/*
2015
.oldiest #site-footer, .oldiest #site-footer div, .oldiest #site-footer div div{
	height:40px;
}
.oldiest .footer-credit p {
	background: none;
	background-color: #6caf22;
	padding: 0 !important;
	margin: 0 !important;
    margin-right: 0 !important;
    margin-top: 20px !important;
	padding-right:30px !important;
}
*/
/*	SISTBTP 2012
----------------------------------------------------------------------------------------------------*/
.page-content  h2, .page-header h2 {
	background-color: #f2f2f2;
    padding-bottom: 0.8em;
    padding-left: 1.6em;
    padding-right: 1.6em;
    padding-top: 0.8em;
	}
.page-content  h3 {	
	 color : rgb(113, 116, 145);
	 }
.page-content  h4 {	
	 /*text-align : center;*/
	 }
.entry-header  h2, .page-header h2 {
	background-color: transparent;
    font-size: 1.8em;
}
 
.notaBene, .miseEnValeur {
    background-attachment: scroll;
    background-clip: border-box;
    /*background-color: #feff33;*/
    background-image: none;
    background-origin: padding-box;
    background-position: 0 0;
    background-repeat: repeat;
    background-size: auto auto;
    border-bottom-left-radius: 12px;
    border-bottom-right-radius: 12px;
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
    box-shadow: 10px 10px 10px #4c4b49;
    font-weight: bold;
    margin: 1em;
    margin-left: 10%;
    margin-right: 10%;
	margin-bottom:3em;
    padding: 1em;
}
.notaBene {
	background-color: #FEFF5C;
}
.leger {
    font-weight: normal;
}
h2.attention {
	background-color: #F62900;
	color:#fff;
	margin-bottom: 2em;
}
.recrutements  h2.recrutement {
	margin-top:4em;
	border-bottom: 6px solid #ccc;
}

.miseEnValeur {    
	background-color: #78d7f0;
}
.codeCivil {
 background: url("/images/sistbtp/interface/code_civil.gif") no-repeat scroll left center transparent;
	padding-left:22px !important;
}

.menuContextuel {
    background-color: #f2f2ff;
	text-align:right;
	margin:0;
	margin-bottom:1em;
	padding:1em;
}
.menuContextuel li {
 padding-right:16px !important;
 background:  url("/images/sistbtp/interface/puce.png") right center no-repeat; 
 list-style-type:none; /*suppression du style par défaut des puces*/
}
.menuContextuel li.active a {
color:#64bf00;
}

#main.container {
	margin-bottom: 0;
}

#site-header {
	position:relative;
 /*background: url("/images/sistbtp/interface/SIST-BTP2.jpg") no-repeat scroll center bottom transparent;
 background: #cad4d6 none repeat scroll 0 0; */
  background: #fff none repeat scroll 0 0; 
  
 
 /*background-image: url('/images/sstbtp38/interface/SIST-BTP.jpg') ;
 background-repeat: no-repeat ;	
 background-position: center 80px ;
 */

   height:auto; 
   width:100%;
   z-index:555;

 /* wiz
 max-width: 1055px;
 text-align:center;*/
 }
 
#main-nav.row {
	/*margin-bottom: 1.2em;*/
	margin:0;
	/*padding: 1em 0;
	padding: 0.4em 0 0;*/
	/*padding: 0.2em 0 0;*/ /* MAKET */
	padding: 0; /* THOMAS */
	/* background-color: #004488;  MAKET */
	background-color: #fff; /* MAKET 2016 */
	*height: 37px;
	position: relative;
}	
		
		
#main-nav li.divider:not(.parent) > .separator {
	color:#777;
	cursor: initial;
}
		
#main-nav .nav.menu li:hover > a,
#main-nav li:hover > .separator,
#main-nav ul> ul  li:hover {	
	color: #1A4999;
}

#main-nav > ul > .active > a , #main-nav > ul > .current > a,  #main-nav > ul > .active > .separator ,#main-nav > ul > .current > .separator  {
   /* color: #fff;*/	
	color: #1A4999;
}

#main-nav  ul li:hover > ul {
	position: absolute;
	/*bottom: 38px;*/
	top: 32px;
	*top: 29px;
}
	
#main-nav li:hover li a {
	/*line-height: 20%;*/
}

#main-nav > ul > li .separator{
	background-color: #fff; /* 2016 */
	/*background-color: #4ca4d6 !important;*/
}
/* MAKET */
/*#main-nav > ul > .item-435 > a, #main-nav > ul > .item-435 .separator  {*/
#main-nav > ul > .item-435   {
	/* background-color: #39894F !important;*/
}
 /*#main-nav > ul > .item-294 > a, #main-nav > ul > .item-294 .separator {*/
 #main-nav > ul > .item-294  {
   /* background-color: #2479B4 !important;*/
}
/*#main-nav > ul > .item-233 > a, #main-nav > ul > .item-233 .separator {*/
#main-nav > ul > .item-233 {
    /*background-color: #FF8C00 !important;*/
}
/*
 #main-nav > ul > .item-238 > a {
    /*background-color: #4ca4d6 !important;*/
}
#main-nav > ul > .item-448 > a {
    /*background-color: #4ca4d6 !important;*/
}
*/
 /*#main-nav > ul > .item-455 > a , #main-nav > ul > .item-455 .separator{*/
 #main-nav > ul > .item-455 {
    /*background-color: #BF2803 !important;*/
}


#main-nav ul >  ul {
    /*border-radius: 0.2em 0.2em 0.2em 0.2em;*/
    box-shadow: 0 3px 5px rgba(0, 0, 0, 0.3);
	/*color: #fff !important;*/
	color: #0099D9 !important;	
}
#main-nav ul>  ul a,
#main-nav li:hover li a {
	/*color: #fff !important;	*/
	color: #0099D9 !important;	/* 2016 */
}
#main-nav li li:hover a {
	text-decoration: underline;	
}
#main-nav ul  span, #main-nav > ul > li > a {
	color: #0099D9;
	font-size: 120%;
    font-weight: bold;
}
#main-nav ul > .item-435 span {
 /*   border-bottom: 2px solid #39894F;
    border-top: 2px solid #39894F;*/
}
#main-nav ul > .item-294 span {
  /*  border-bottom: 2px solid #2479B4;
    border-top: 2px solid #2479B4; */
}
#main-nav ul > .item-233 span/*, #main-nav ul > .item-233 a*/ {
   /* border-bottom: 2px solid #FF8C00;
    border-top: 2px solid #FF8C00; */
}
#main-nav ul > .item-455 span {
  /*  border-bottom: 2px solid #BF2803;
    border-top: 2px solid #BF2803; */
}
#main-nav li.active span/*, #main-nav ul > .active.item-233 a*/ {
   /* border-bottom: 2px solid #294851;
    border-top: 2px solid #294851;*/
  /*  border-bottom: 2px solid #fff;*/
}
#main-nav ul>  ul a:hover,
#main-nav ul>  ul .current a {
	/*color: #fff !important; */
	color: #dedede !important;	/* 2016 */
}	

#main-nav ul > .item-435 ul,
#main-nav ul> .item-435 ul a,
#main-nav ul> .item-435 ul a:hover,
#main-nav ul> .item-435 ul .current a {
    background-color: #fff !important;
    /* background-color: #39894F !important;*/
}
#main-nav ul > .item-294 ul,
#main-nav ul> .item-294 ul a,
#main-nav ul> .item-294 ul a:hover,
#main-nav ul> .item-294 ul .current a {
    background-color: #fff !important;
    /* 
    background-color: #2479B4 !important;*/
}
#main-nav ul > .item-233 ul,
#main-nav ul> .item-233 ul a,
#main-nav ul> .item-233 ul a:hover,
#main-nav ul> .item-233 ul .current a {
    background-color: #fff !important;
    /* 
    background-color: #FF8C00 !important;*/
}
/*
#main-nav ul > .item-238 ul,
#main-nav ul> .item-238 ul a,
#main-nav ul> .item-238 ul a:hover,
#main-nav ul> .item-238 ul .current a {
    background-color: #fff !important;
    /* 
    background-color: #4ca4d6 !important;*/
}
#main-nav ul > .item-448 ul,
#main-nav ul> .item-448 ul a,
#main-nav ul> .item-448 ul a:hover,
#main-nav ul> .item-448 ul .current a {
    background-color: #fff !important;
    /* 
    background-color: #4ca4d6 !important;*/
}
*/
#main-nav ul > .item-455 ul,
#main-nav ul> .item-455 ul a,
#main-nav ul> .item-455 ul a:hover,
#main-nav ul> .item-455 ul .current a {
    background-color: #fff !important;
    /* 
    background-color: #BF2803 !important;*/
}


/*
#main-nav ul > .item-294 ul {
    background-color: #db6305;
}
#main-nav ul> .item-294 ul a,
	background: #db6305 !important;
}
#main-nav ul> .item-294 ul a:hover,
#main-nav ul> .item-294 ul .current a {
	background: #db6305 !important;
}	
*/

#main #phoca-dl-category-box, #main #phoca-dl-file-box {
	text-align: center;	
}
#main #phoca-dl-category-box .pd-category, #main #phoca-dl-file-box .pd-file {
	margin-left: auto;
	margin-right: auto;
}
#main #phoca-dl-category-box .pd-category .pd-filebox, #main #phoca-dl-category-box .pd-category .pd-subcategory/*, #main #phoca-dl-file-box .pd-file*/  {
    max-width: 500px;
    width: 100%;
    margin: 1em auto;
	padding-left: 0;
}
#main #phoca-dl-category-box .pd-subcategory {    
background-position: 5px center;
}
#main #phoca-dl-category-box .pd-category .pd-subcategory a {
    padding-left:25px;
	margin : 5px;
}

#main #phoca-dl-file-box h3, #main #phoca-dl-category-box h3 {
	border:none;
    border-bottom: 6px solid #0099d9;
    background-color: transparent;
    font-size: 1.8em;
    padding-bottom: 0.8em;
    padding-left: 1.6em;
    padding-right: 1.6em;
    padding-top: 0.8em;
    margin-bottom: 1.5em;
}


.pd-filebox > div, .pd-filebox div.pd-filenamebox .pd-title, #main #phoca-dl-category-box .pd-buttons, #main #phoca-dl-file-box .pd-titre, 
#main #phoca-dl-category-box .pd-cb, #main #phoca-dl-file-box .pd-cb, #main #phoca-dl-file-box .pdtop, #main #phoca-dl-category-box .pdtop {
	display:none;
}
.pd-filebox div.pd-filenamebox, .pd-filebox div.pd-buttons {
	display:block;;
}
#main #phoca-dl-category-box .pd-category .pd-filebox, #main #phoca-dl-file-box .pd-file .pd-filebox {
    border-bottom: none; 
	clear:both;
}

#phocadownloadform {
    text-align: center;
}

#phocadownloadform .pd-button-download {
    display: block;
    background: transparent;
    padding: 0;
    margin: 0 auto;
    text-shadow: none;
    box-shadow: none;
    cursor: pointer;
    border: none;		
    color: #0099D9 !important;
    line-height: 1em;
	font-size:1em;
}

#main #phoca-dl-file-box .pd-filenamebox, #main #phoca-dl-file-box .pd-float, #main #phoca-dl-category-box .pd-filenamebox, #main #phoca-dl-category-box .pd-float {
	float:none;
	/*text-align:center;*/
	text-align:left;
}

#main #phoca-dl-file-box .pd-document16, #main #phoca-dl-category-box .pd-document16 {
	background-position: top left !important; 
}

#main #phoca-dl-file-box .pd-filename > div, #main #phoca-dl-category-box .pd-filename > div {
	height:auto;
	line-height:1em;
}

div.phoca-dl-file-box-mod {
	border:none;
	margin:0;
	padding:0;
	display:inline;
}
div.phoca-dl-file-box-mod div {
	display:inline;
}

#phocaCopyright {
	display:none;
}
.phocadownloadfile16 {
	border:none !important;
	background-color: transparent !important;	
}
.addeo-download .phocadownloadfile, span.phocadownloadfile {
	border:none;
}

#xmap {
	background: url("/images/sstbtp38/interface/logo3D.png") no-repeat right 0 transparent;	
	margin-left: 250px;
	text-align: left;
}

.featured img, #content .page-content img {
	border-radius: 15px;
	-moz-border-radius: 15px;
	/*margin: 0 10px;*/
}

.phocaddeo img, #content .phocaddeo img {
	border-radius: 0;
	-moz-border-radius: 0;
}

.oldiest #sidebar div {
	width:90%;
/*	margin:4%;*/
}

.module.bloc-liens-accueil {
	/*margin-top: 3em;*/
	background-color: #f9f9f9;
    border: 1px solid #004488;
    margin-top: 3em;
}
.custom.bloc-liens-accueil {
	display: inline;
/*	margin-left: auto;
	margin-right: auto;*/
}

.module.mod_actu {
	background: #fff none no-repeat scroll right top;
}
.module.mod_actu > div {
/*	padding-left:1em; */
}
.mod_actu h3 {
	text-align: center;
	/*
	font-size: 1.7em;
    font-weight: 700;
	*/
    line-height: 1.2;
}
.mod_actu h3.module-title::before{
    content: '\e804';
	display: inline-block;
    font-family: "fontello";
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    line-height: 1em;
    margin-left: 0.2em;
    margin-right: 0.2em;
    text-align: center;
    text-decoration: inherit;
    text-transform: none;
    width: 1em;
}
.module.mod_actu ul, .module.mod_actu ol {
    margin-bottom: 0;
}

aside.mod_rss, .oldiest #sidebar div.mod_rss {
	background:  url("/images/sistbtp/icones/rss.png")  no-repeat right top #f2f2ff;	
	margin-bottom:1em;
}
aside.mod_liensRSS, .oldiest #sidebar div.mod_liensRSS {
    padding-bottom: 0;
    padding-top: 0;
}
aside.mod h3, .oldiest #sidebar div.mod h3 {
	/*text-align:center;*/
/*	background:  none no-repeat right 5px #f2f2ff;	*/
}
aside.mod_doc, .oldiest #sidebar div.mod_doc {
	background:  url("/images/sistbtp/icones/docs.png")  no-repeat right top #fff;	
}
article.page-content {
	/* 
	background: url("/images/sistbtp/icones/sst.png")  no-repeat right top #ffffff; 2015 */
}
.span-8 	article.page-content {
	margin-right:-2em;
}
article.servicesCouleur {
	background-color: rgb(164, 83, 150);
	background: url("/images/sistbtp/icones/sst.png") no-repeat scroll right top rgba(164, 83, 150, 0.8);
}

article.menuCouleur h1 a, article.menuCouleur h1 a:visited {
    color: #fff;
    text-decoration: none;
}
article.menuCouleur .entry-header {
    padding: 0;
}

aside.mod_joint, .oldiest #sidebar div.mod_joint {
	margin-bottom:0;
	padding-bottom:0;
	border-bottom: 0;
}

aside.mod_joint ul, .oldiest #sidebar div.mod_joint ul {
    margin-bottom: 0;
}

aside.menuRegion {
    background-color: transparent;
	clear: right;
}
aside.menuRegion.span-6{
	width: auto;
}
.ModRegion {
	text-align:center; 
	width: 60%;
}
.ModRegion  #container{
	max-width:400px;
	margin-left: auto;
    margin-right: auto;
}
.ServicesRegion {
	background-color : transparent !important;
}
.ServicesRegion .title {
	text-align:center; 
	font-size:1.8em;
	display: block;
	margin-bottom:0.4em;
}

.oldiest #sidebar div.mod_rss ul ,  .oldiest #sidebar div.mod ul, .mod_rss ul ,  .mod ul  {
    font-weight:lighter !important;
}

.oldiest #sidebar ul H5 a, .oldiest #sidebar ul H5 a:visited {
    font-weight:lighter !important;
}
 article.num0  a.button-small,  article.num1  a.button-small,  article.num2  a.button-small {
	width:80%;
}
.oldiest article.num0  a.button-small, .oldiest article.num1  a.button-small, .oldiest article.num2  a.button-small {
	width:150px !important;
}
article.num0 div, article.num1 div, article.num2 div {
padding-bottom:0 !important;
}

div.group article.span-4 {
	min-height:380px;
	margin-left: 0;
	padding:0;
	width: 33%;
	min-width:206px;
}
div.group article.num0 {
    background-color: #e7d7e4 !important;
}
div.group article.num1 {
    background-color: #d1c3db !important;
}
div.group article.num2 {
    background-color: #c4cbdf !important;
}
div.group article.span-4 .entry-header {
	text-align: center;
	padding: 1em 0;
}
div.group article.num0  .entry-header {
    background-color: #d7bad1 !important;
}
div.group article.num1  .entry-header {
    background-color: #af98c0 !important;
}
div.group article.num2  .entry-header {
    background-color: #9aa6c8;
}
div.group article.num0  .entry-header  a, div.group article.num0  .entry-header a:visited {
	color: #a05192;
}
div.group article.num1  .entry-header a, div.group article.num1  .entry-header a:visited {
	color: #734594;
}
div.group article.num2  .entry-header a, div.group article.num2  .entry-header a:visited {
	color: #4a61a3;
}
div.group article.span-4 .entry-content {
   padding: 1em 6%;
   font-size: 0.84em;
}
div.group article.span-4 .entry-content .button-small {
	text-align:center;
	margin-left: auto;
    margin-right: auto;
	display: block;
	border: none;
	background: none;
	text-shadow: 0;
	margin-top:2em;
    border-radius: 0;
    box-shadow: none;
	line-height: 1.2em;
}
div.group article.num0 .entry-content .button-small {
    background-color: #f5f2f5;
	color: #a05192 !important;	
}
div.group article.num1 .entry-content .button-small {
    background-color: #f1eef3;
	color: #734594 !important;	
}
div.group article.num2 .entry-content .button-small {
    background-color: #eef0f4;
	color: #4a61a3 !important;	
}


.entry-title			{
	/*text-align:center;*/
	text-align:left;
	}

.featured .items-leading article {
/*	border-bottom: 4px solid #4ca4d6; */
	}
	
/* tableaux modif 11/2012 */

.page-content table {
margin-left:auto;
margin-right:auto;
}

.page-content table  thead   {
    background-color: #eeeeee;
}

.page-content table,
.page-content table  thead   {
 border-width:1px; 
 border-style:solid; 
 border-color:#666;
}
 
.page-content table  thead td {
	text-align:center !important;
	font-size: 1.1em;
	font-weight: bolder;
	padding-top:10px;
	padding-bottom:15px;
}
.page-content table  tbody td {
	padding-left:8px;
	padding-right:8px;
	padding-top:4px;
	padding-bottom:10px;	
	 border-width:1px; 
	  border-style:solid; 
	  border-color:#eeeeee;
}
	
	
h1.imageH1 span {
    display: none;
}

.retourFrance {
	float:right;
	text-align:center;
	min-width:40%;
	margin-top: 3em;
}
.retourAnnuaire {
	margin-left: auto;
	margin-right: auto;
	z-index: 9;
}


.span-6 ul.menuregion, .span-6  ul.region {
	margin-top:4em;
	}
	
/* ******************************************** accueil APST *******************/	
.liensDroiteModule {
	position: absolute;
    right: 0;
	z-index:1;
}

.module.bandeauActus {
	width:100%;
	top: -90px;
	position: absolute;
	z-index:9;
}
#bandeauActus {
	background-image: url('/images/apst/actus/bandeau.png');
	background-repeat: repeat-x; 
	height: 75px;
	text-align: left;
	
}
#bandeauActus span.images {
/*	
	margin-left: 240px;
	text-align: center;
	*/
	margin-left: 180px;
	text-align: left;
	width: 100%;
	position: absolute;
	top: -85px;
}
#bandeauActus a {
/*
	top: -95%;
    position: absolute;
	font-weight : bold;
	margin-right: 3em;
*/	
	font-weight: bold;
	display: inline-block;
/*	max-width: 158px;
	height: 200px;
*/	
	text-align: center;
	margin: 0 1.5em;
}
#bandeauActus a img {
	display:block;
	margin-bottom: 0.2em;
	border-radius: 8px;
	border: 6px #fff solid;
}

#sidebar .module h3 {
	text-align: center;
	font-size: 1.4em;
    font-weight: 700;
}

.liens-accueil {
   /* color: #2266aa; */
    display: inline-block;
    font-size: 1.2em;
    margin: 0.2em;
    min-width: 160px;
    padding: 0.4em 0.6em;
}

a:hover .liens-accueil {
 /*   text-decoration: underline;*/
	}
a:hover .liens-accueil::before {
    text-decoration: none;
	}
	
.icons.liens-accueil::before {
    /*font-size: 120%;*/
	font-size: 160%;
    margin-right: 0.4em;
    margin-left: 0;
}
.liens-admin {
/*	background-color:#2266aa  ;*/
	background-color:transparent;
}
.liens-actu {
	background-color:transparent;
}
.liens-intra{
	background-color:transparent;
}

.double {
    font-size: 200%;
	}
.transparent {
	color:transparent !important;
	}	
.transparent::before {
	color:black;
	}	
.gris.transparent::before {
	color:#aaa;
	}	
.encadre {
	border: 3px solid black;
	padding:1em;
	margin:2em;
	}
.centrer .encadre  {
	text-align:left;
    margin-right: auto;
    margin-left: auto;
	}
.note {
    border-color: #4ca4d6;
    color: #4ca4d6;
    font-weight: bold;
    line-height: 1.4em;
    margin-left: auto;
    margin-right: auto;
    /*width: 70%;*/
	}
.bloc-boutons {
	text-align: center;
	margin-bottom: 1em;
    margin-top: 1em;
}	
.bloc-boutons a {
    background-color: #4ca4d6;
    display: inline-block;
    font-weight: bold;
    line-height: 1.4em;
    color: #fff;
	padding: 0.2em 1em;
	}

.bloc-boutons a span::before {
	color:#fff;
	}	
	
.centrage-vertical {
	vertical-align:middle;
}
.droite	 {
	text-align: right;   
}	
div.centrer, img.centrer, address.centrer {
	text-align: center;   
}
address.centrer {
	margin: 1em 0;   
}	
img.centrer {
	display: block;
    margin-left: auto;
    margin-right: auto;
}	
div.centrer span {
	text-align: left;
}	



.droite, .droite-toujours{
  float:right;
}
.gauche{
  float:left;
}
img.gauche{
  margin-right:1.4em;
}
img.droite{
  margin-left:1.4em;
}



.membre-reseau h3 {
	margin-bottom:0.1px;
	color: #57b900;
}

article.simul-titre  {
	padding-bottom:0;
	margin-bottom:0;
}
.simul-titre h2 {
	background-color:transparent;
	text-align:center;
/*	padding-bottom:0;*/
	margin:0;
	font-size: 1.8em;
}
#bandeau {
	color: #009ada;
	font-size: 1em;
	line-height: 1em;
	margin-bottom: 0.2em;
	top: 0;
	position: absolute;
	right: 1em;	
}
#bandeau .up {
	font-size : 1.2em;
	font-weight: bold;
}

.menuA h2 {
    border-bottom: 6px solid #0099d9;
}
.menuB h2 {
    border-bottom: 6px solid #0099d9 ;
}
.menuC h2 {
    border-bottom: 6px solid #0099d9 ;
}
.menuD  {
    text-align: center;
}
.menuD h2 {
    border-bottom: 6px solid #0099d9 ;
    max-width: 740px;
    //max-width: 640px;
	margin: 0 auto 1em;
	width:100%;
    text-align: center;
	padding: 0.8em 0;
}
.menuD.contentpane.entry-header {
    background: #ffffff url("/images/sstbtp38/icones/sst.png") no-repeat scroll right top;
    padding: 1em 0;
    text-align: center;
}
.menuD.contentpane.entry-header.SIST {
    background: none;
}

.row4, .row3 {
    margin-bottom: 2em;
	width: 100%;
	text-align:center;
}
.row4 > div, .row3 > div {
    margin: 0 auto;
	width: 100%;
	text-align:left;
    max-width: 740px;
    /*max-width: 640px;*/
}
.row4 .padded {
    /*border-top: 1px dotted #ccc;*/
}

.map {
	/*border: 1px solid #000;*/
	border-color: #39894f #2479b4 #ff8c00 #bf2803;
    border-style: solid;
    border-width: 4px;
}
div.map {
	max-width: 98%;
}
#blockrandom {
    margin: 0 auto 2em;
}
#blockrandom.SIST {
    max-width: 760px;
}

/* les cartes */

.arrow {
	width: 0; 
	height: 0; 
	border-left: 4px solid transparent;
	border-right: 4px solid transparent;	
	float: right;
	margin-right:16px;
	margin-top: 0.6em;
}
.arrow-up {	
	border-bottom: 5px solid black;
}
.arrow-down {
	border-top: 5px solid black;
	transition: all 0.2s ease-in-out 0s;
}

.plans-departement h3 {
    margin-top: 1em;
}
.plans-centre  {
	border-bottom: 1px solid #ccc;
}
.plans-centre h4 {
	color: #4ca4d6;
    font-size: 1.2em;
	font-weight: lighter;
	cursor:  pointer;	
}
.acces-conteneur, .acces-clear {
	clear:both;
}
.acces-conteneur {
    padding-bottom: 2em;
    margin-bottom: 1em;
	/*border-bottom: 1px solid #ccc;*/
}
.acces-plan {
	float : right;
}
.acces-infos {
	float : right;
}
.acces-titre {
	text-align:right;
	font-weight:bold;
	display:none;
}
.acces-carte img, .acces-carte div.phocamaps {
/*
	border-color: #39894f #2479b4 #ff8c00 #bf2803;
    border-style: solid;
    border-width: 4px;
	2015 */
	border: 2px solid #0099d9;
}
.acces-carte div.phocamaps img {
	border: none;
}
.acces-infos{
	background: transparent url("/plans/logo.gif") no-repeat 0 0;
	margin: 1em 20px 0 0;
    max-width: 290px;
	padding-top: 100px;
	font-size:80%;
	background-position:top right;
}
.acces-nom, .acces-adresse {
	font-weight: bold;
	text-align: right;
}
.acces-tel, .acces-fax {
	text-align: right;
}
.acces-transports {
	margin-top:3em;
	border-top:1px dotted #555;
}
.acces-metro{
	background: transparent url("/plans/metro.png") no-repeat 0 0;
}
.acces-rer{
	background: transparent url("/plans/rer.png") no-repeat 0 0;
}
.acces-tram{
	background: transparent url("/plans/tram.png") no-repeat 0 0;
}
.acces-metro, .acces-rer, .acces-tram {
	background-position:top right;
	margin-top:1em;
	padding: 40px 0 0 2em;
    font-weight: bold;
}
.acces-metro .chiffre, .acces-rer .chiffre, .acces-tram .chiffre {
	background-color:#fff;
    border-radius: 50%;
    color: white;
    display: inline-block;
    margin: 0 0 0.4em 0;
    padding: 1em;
    text-align: center;
    font-size: 0.8em;
    height: 1.6em;
    width: 1.6em;
    line-height: 1.6em;
}
.acces-rer .chiffre, .acces-tram .chiffre {
	border:2px solid white;
	font-size: 1.2em;
    height: 1em;
    line-height: 1em;
    width: 1em;
	padding: 0.6em;
}
.acces-tram .chiffre.cc1 {
	border-color:#D1302F;
	color:#D1302F;
	}
.acces-tram .chiffre.cc1 {
	border-color:#0c6eb7;
	color:#0c6eb7;
	}
.acces-tram .chiffre.cc2 {
	border-color:#bb4b9c;
	color:#bb4b9c;
	}
.acces-tram .chiffre.cc3a {
	border-color:#f68f4d;
	color:#f68f4d;
	}
.acces-tram .chiffre.cc3b {
	border-color:#008b5a;
	color:#008b5a;
	}
.acces-tram .chiffre.cc4 {
	border-color:#F2AF00;
	color:#F2AF00;
	}
.acces-tram .chiffre.cc5 {
	border-color:#b156a1;
	color:#b156a1;
	}
.acces-tram .chiffre.cc6 {
	border-color:#ed5839;
	color:#ed5839;
	}
.acces-tram .chiffre.cc7 {
	border-color:#b98b59;
	color:#b98b59;
	}
.acces-tram .chiffre.cc8 {
	border-color:#b1a245;
	color:#b1a245;
	}
.acces-rer .chiffre.ccA {
	border-color:#D1302F;
	color:#D1302F;
	}
.acces-rer .chiffre.ccB {
	border-color:#427DBD;
	color:#427DBD;
	}
.acces-rer .chiffre.ccC {
	border-color:#FCD946;
	color:#FCD946;
	}
.acces-rer .chiffre.ccD {
	border-color:#5E9620;
	color:#5E9620;
	}
.acces-rer .chiffre.ccE {
	border-color:#BD76A1;
	color:#BD76A1;
	}

.acces-metro .chiffre.cc1 {
	background-color:#f2c931;
	color:black;
	}
.acces-metro .chiffre.cc5 {
	background-color:#de8b53;
	color:black;
	}	  
.acces-metro .chiffre.cc7 {
	background-color:#df9ab1;
	color:black;
	}  
.acces-metro .chiffre.cc10 {
	background-color:#dfb039;
	color:black;
	}
.acces-metro .chiffre.cc9 {
	background-color:#cec92b;
	color:black;
	}
.acces-metro .chiffre.cc8 {
	background-color:#c5a3ca;
	color:black;
	}
.acces-metro .chiffre.cc4 {
	background-color:#bb4d98;
	}
.acces-metro .chiffre.cc3 {
	background-color:#9a9940;
	}
.acces-metro .chiffre.cc11 {
	background-color:#8e6538;
	}
.acces-metro .chiffre.ccb, .acces-metro .chiffre.ccc, .acces-metro .chiffre.cc3bis, .acces-metro .chiffre.cc13 {
	background-color:#89c7d6;
	color:black;
	}
.acces-metro .chiffre.cc2s, .acces-metro .chiffre.cc6, .acces-metro .chiffre.cc7bis {
	background-color:#79bb92;	
	color:black;
	}
.acces-metro .chiffre.cc14 {
	background-color:#67328e;
	}
.acces-metro .chiffre.cca, .acces-metro .chiffre.cc12 {
	background-color:#328e5b;
	}
.acces-metro .chiffre.cc2, .acces-metro .chiffre.cc2n {
	background-color:#216eb4;
	}
.acces-bus {
	background: transparent url("/plans/bus.png") no-repeat 0 0;
	background-position:top right;
	margin-top:1em;
	padding: 40px 0 0 3em;
    font-weight: bold;
    line-height: 1em;
}
.acces-bus > div {
	margin-bottom:0.6em;
	}
.acces-bus .chiffre {
    font-size: 0.8em;
	color:#004488;
}

.phocamaps-box {
    margin: 0 auto !important;
}

#slidado {
    margin: 0;
	border-bottom: 1px solid transparent;
	*display:none;
	}
#slidado div.coronavirusFrance600 {
	display: none !important;
	}
	
.items-leading .entry-content	 {
	text-align:left;
}
	
.row2 {
	text-align:center;
}
.row2 .module {
    float: none;
	}
.row2 .toggleContact {
	text-align:center;
	cursor: pointer;
	line-height: 3.4em;
}
.row2 .mContact {
	width:100%;
	padding: 1em 0;
	margin: 0;
}
.row2 .mContactEtudeRecherche  {
	background-color: #ff8c00;
}
.mContactEtudeRecherche .vis_mandatory {
    color: #ff8c00;
	text-align: right;
	}
.row2 h3 {
	margin: 0;
	text-align:center;
	color:white;
}
.row2 .mContact  .visform {
	margin-top: 1em;
}
.row2 .mContact  .visforms-form, .wide-content .visforms-form {
	text-align:left;
	margin: 0 auto;
	max-width:800px;
	width:100%;
	background-color: white;
	color:#5a5a5a;
	box-shadow: 10px 10px 5px rgba(0, 0, 0, 0.2);
	/* pour portage
	-moz-box-shadow: 10px 10px 5px #656565;
	-webkit-box-shadow: 10px 10px 5px #656565;
	-o-box-shadow: 10px 10px 5px #656565;
	box-shadow: 10px 10px 5px #656565;
	filter:progid:DXImageTransform.Microsoft.Shadow(color='#6565', Direction=135, Strength=5); 
	*/
}
.visforms-form .visform  .visCSSinput {
    width: 60%;
	}
.visforms-form .visform t .vis_mandatory {
    text-align: right;
    width: 100%;
}	
input[type="number"] {
    -webkit-appearance: none;
    -moz-appearance: none;
}	

.visCustomText  {
 /*   text-align: center;*/
}	
.visforms-form .visform  .checkboxInput	{
	float:right;
	margin :0.3em 0.2em;
}
.visforms-form .visform  .checkboxLabel	{
    float: right;
    line-height: 1em;
    margin: 0.3em 0.2em 0.3em 2em;
    max-width: 480px;
    min-width: 150px;
    width: 80%;	
}
.visforms-form .visform  hr {
    margin: 1em 0 0;
}
.visforms-form .visform  .visNoBorder {
    display: none;
}

.toggleContact .texte {
    vertical-align: top;
}
.toggleContact .arrow {
	float: none;
}
.toggleContact .arrow {	
    border-left-width: 2em;
    border-right-width: 2em;
	display:inline-block;
}
.toggleContact .arrow-up {	
    border-bottom-width: 2em;
}
.toggleContact .arrow-down {
    border-top-width: 2em;
}
.mToggleEtudeRecherche .texte {
	color: #ff8c00;
	font-weight:bold;
}
.mToggleEtudeRecherche   .arrow-up {	
	border-bottom-color: #ff8c00;
}
.mToggleEtudeRecherche .arrow-down {
	border-top-color: #ff8c00;
}
.mContactEtudeRecherche  input[type=email]:focus,
.mContactEtudeRecherche  input[type=text]:focus,
.mContactEtudeRecherche  input[type=search]:focus,
.mContactEtudeRecherche  input[type=password]:focus,
.mContactEtudeRecherche  textarea:focus 			{
						background-color: #FFFBF7 !important;
						}

#vispoweredby {
	display:none;
}

.module .liensRef {
	text-align:left;
	max-width:740px;
	/*max-width:640px;*/
	margin-left: auto;
	margin-right: auto;
}

.visforms-form .g-recaptcha {
	text-align:center;
	clear: both;
}
.visforms-form .g-recaptcha > div > div {
	text-align:left;
	margin-left: auto;
	margin-right: auto;
}
	
.oldie #slidado {
	display:none;
}


/**************** 2016 *******************/
h1 {
    margin: 0.5em 0 0;
	}
#main-nav .nav.menu {
    margin: 1em 0 0.5em;
	}

.featured { 
/*
	background: url("../../../images/sistbtp/accueilHaut.jpg") no-repeat center fixed; 
	-webkit-background-size: cover; */ /* pour anciens Chrome et Safari */
/*	background-size: cover; *//* version standardisée */
/*	*/
	/*background : rgba(0, 0, 0, 0) url("../../../images/sistbtp/accueilHaut.jpg") no-repeat fixed center bottom;*/
	background : rgba(0, 0, 0, 0) url("../../../images/apst/accueil/accueil2000.jpg") no-repeat fixed center 20%;
	-webkit-background-size: auto; /* pour anciens Chrome et Safari */
	background-size: auto; /* version standardisée */	
	
	min-height:720px;
}
.featured .items-leading, .featured .leading-0, .featured .entry-content{
	min-height: 720px;
	}
.wide-content  .featured .items-leading	{ 
	margin: 0;
}
.wide-content .featured article {
    padding: 0;
}

.featured h2, .featured h3 {
	display:inline-block;
}
.featured h2 {
	font-size:2.6em;
	color: #fff; /*#666699;*/
}
.featured h3 {
	font-size:1.1em;
	color:#0099d9;
}
div.titreGauche {
	float: left;
}

div.titreGauche h2 {
	max-width:780px;
	text-align:right;
	margin-left: 2em;
	margin-right: 1em;
}
/*
div.titreGauche span {
	display:block;
	background-color:#fff;	
	text-align:center;
	font-size: 0.8em;
	line-height: 1em;
	font-weight: bold;
	padding: 0.2em 0;
}
*/
a.lienTitre {
	float : right;
	max-width: 120px;
}
div.liensDroite {
	text-align:center;
	float : right;
	max-width:160px;
	margin-right:7em;
	margin-top:2em;
}
a.lienDroite {
	display:block;
	background-color:#ffffff;
	margin:0;
	padding-bottom: 0.4em;
	margin-bottom: 1.2em;
	/*box-shadow: 8px 8px 8px 1px rgba(80, 80, 80, .6);*/
	box-shadow: 6px 6px 6px 1px rgba(0, 0, 0, .5);
	z-index:11;
}
/*
a.lienDroite img {
border-bottom: 2px solid white;
}
a.lienDroite.premiers.haut img {
border-bottom: 2px solid gray;
}*/
a.lienDroite span {
	font-size: 1.1em;
	line-height: 1.1em;
	font-weight: bold;
	margin: 0 0.8em;
	text-align: center;
	display: block;
}
a.lienDroite img {
	margin:0;
	width:100%;
	height:auto;
	border-radius: 0;
}

.reseauSST {
    text-align: left;
    z-index: 10;
	position: relative;
	top: -40px;
	height:0;
	color: #000;
	font-size: 0.8em;
	max-width: 140px;
}
.menuBas {
	margin-right:7em;
	font-size: 1em;
	line-height: 1em;
	font-weight: bold;
	margin-top:0.4em;
}

.surPhoto {
	/* Pas de cadre si fond photo uni
	background-color :rgba(255, 255, 255, 0.8);
	*/
	padding:0;
	margin: 3em 2em 0 0;
	}
.surPhoto h2, .surPhoto h3{
	margin:0.2em 0;
	padding:0;
	/*padding:0 1.2em 0 0;*/
	}
.surPhotoBas {
/*
	background-color :rgba(0, 153, 217, 0.8);
	padding:0.4em 0.8em;
	color:#7a7aad;
	position:absolute;
	bottom:0;
	width: 100%;
*/
    bottom: 0;
    color: #eee;
    font-size: 0.9em;
    left: 0;
    position: absolute;
    max-width: 300px;
}
.surPhotoBas  .clear {
    height: 0;
}
.surPhotoBas a, .surPhotoBas a:visited {
    color: #fff;
	}
.surPhotoBas a:hover {
    color: #a4d7f0;
}
.surPhotoBas span {
	text-align:left;
}
.surPhotoBas .icons {
	float: left;
    vertical-align: middle;
	font-size:2em;
	margin-right:0.2em;
}
.surPhotoBas .txt {
/*	margin-left:0.2em;*/
}
.surPhotoPlans, .surPhotoAdhesion {
    background-color: rgba(0, 153, 217, 0.8);
    padding: 0.4em 0.2em;
	margin:1em 0;
	height: 3em;
	}
.oldie .surPhoto {
	background-color :rgb(255, 255, 255);
	}
.oldie .surPhotoPlans, .oldie .surPhotoAdhesion {
    background-color: rgb(0, 153, 217);
	}
.surPhotoPlans {
}
.surPhotoAdhesion .icons {
}
.surPhotoPlans .txt {
	line-height: 3em;
}
.surPhotoAdhesion .txt {
}

.surPhotos {
	margin-left:8em;
}
#site-footer  {
	border-top:solid 2px #0099d9;
	position: relative;
}
/*}*/
#site-footer  .modules {
    margin-top: 0.2em;
}

#site-footer .mod_menu {
	width:100%;
}
#site-footer ul li {
    display: block;
    float: right;
}
#site-footer ul li  a{
	margin:0 0 0 0.6em;
	padding-right:0.6em;
	border-right:1px solid #2266aa;
}
#site-footer ul li  a.dernierMenu, #site-footer ul li  a.dernier {
	margin-right:0;
	border-right:none;
	padding-right:0;
}

#phocamaps, .djslider.djslider-default {
	border-bottom: 2px solid #0099d9;
	}

#phocamaps > div {
	display:none;
	}
#phocamaps > div.phocamaps-box {
	display:block;
	}
	
.safariIpadIphone	{
	visibility:hidden;
	height:0;
}

.ficheContact {	
	text-align:center;
    margin-right: auto;
    margin-left: auto;
	background-color:#0099d9;
	margin-bottom:1.4em;
	margin-top:1.4em;
	padding-top:1.4em;
	padding-bottom:1.4em;
	width:100%;
	max-width:400px;
}
.ficheContact > div {	
	border: 2px solid #ffffff;
	padding:1.4em;
	color:#ffffff;
	margin-left: 1.4em;
	margin-right: 1.4em;
}


.ficheContact > div a {	
	color:#ffffff;
	text-decoration: underline;
}
.ficheContact > div a:hover {	
	color:#ffffff;
	text-decoration: none;
}

ul.tableau  {
	margin: 2em auto;
	text-align : center;    
	/*padding-bottom: 2em;*/
}
ul.tableau li {
    background-color: #0099d9;
    display: inline-block;
    /*line-height: 2em;*/
    margin: 0.4em 1em;
}
ul.tableau li a {    
    min-width: 120px;
    color: #fff;
    padding: 0.8em 1em;
    display: inline-block;
}

#page .actions {
	display:none;
}
.comptageDocuments {
	display:none;
}

.search-results {	
	text-align : center; 
}
.search-results #searchForm, .search-results .search-results, .search-results .pagination {	
    max-width: 600px;
	text-align : left; 
	margin: 2em auto;
	width:100%;
}
.search-results #searchForm {	
    max-width: 800px;
}
.search-results .search-results {
	box-shadow:2px 2px 10px gray; 
	-moz-box-shadow:2px 2px 10px gray;
	-webkit-box-shadow:2px 2px 10px gray;
	padding: 1em;
}
.search-results .pull-left {
	float:left;
	margin-right:1em;
}
.search-results .only {
	display:none;
}
.search-results .searchintro {
	clear:both;
	padding-top:1em;
}
.search-results .form-limit {
    text-align: right;
}

#cse-result .gsc-results-wrapper-overlay {
    padding: 0;
    width: 70%;
    top: 400px;
    left: 15%;
    max-height: 450px;
	
}
#cse-result .gsc-orderby {
	display:none;
}
#cse-result #adBlock, #cse-result  .gsc-adBlock {
	display:none;	
}

aside.infoTrans {
	position: absolute;
	bottom: 140px;
	z-index: 900;
	left: 20%;
	width: 680px;
	max-width: 60%;
}

div.infoTrans {
	background-color: transparent;
	/*
	bottom: 0;
	z-index: 900;
	width: auto;
	text-align: center;
	margin: 0 auto 40px;
	*/
}

#site-footer .infoTrans p {
    display: block;
    padding: 0;
    margin: 0;
    /*max-width: 50%;*/
}
/*
#site-footer .infoTrans p.under1024 {
		display:none;
}
*/
#site-footer .infoTrans img {
    padding: 0;
    margin: 0;
}

div.pd-fdesc-addeo p {
	text-align: justify;
	line-height:1.2em;
	font-size:0.95em;
}

/******************************************************************* *******************/
/* POPUP VIDEOS 2020 */
.addeo-txt-centrer-conteneur {
	text-align: center
}
.addeo-txt-centrer {
    padding:0;
	max-width: 1280px;
    text-align: justify;
    width: 100%;
    margin:0 auto
}  
.addeo-txt-padding {
    padding:1em 2em;   
}
.block-content {
	color: #3c3b3b;
    font-size: 1.4em;
    line-height: 1.3em;
    padding: 0.8em 0
}
.block-image {
	margin-top : 4em;
    margin-bottom: 30px;  
    text-align: center;
  }
.block-image img {
	cursor: pointer;
  }


#containerVideo {
  min-width: 100%;
  min-height: 100%;
  z-index: 1001;
  position: fixed;
  }
.containerVideo {
  min-height: 100%;
  width: 100%;
  z-index: 1001;
  position: fixed;
  }
#fondPopupVideo {
  position:fixed;
  top: 0;
  left: 0;
  z-index:1002;
  width:100%;
  height:100%;
  text-align:center;
  background: rgba( 0, 0, 0, 0.8);
  cursor: pointer;
  }

.baliseVideo {
	cursor: pointer;  
	width: 100%;
	margin: 1em auto;
}
#baliseVideo {
    max-width: 1280px;
}
#baliseVideoMobile {
    max-width: 704px;
}
.popupVideo {
  z-index:1003;
  position:fixed;
  margin:10% 20%;
  width:60%;
  /*height:60%;
  min-height:60%;*/
  background: transparent;  
  margin-top: 50vh; /* poussé de la moitié de hauteur de viewport */
  margin-bottom:0;
  transform: translateY(-50%); /* tiré de la moitié de sa propre hauteur */
  background: url(/images/lorfolio/agenda/videoOut.png);
  background-repeat: no-repeat;
  background-position: right top;
  padding-top: 44px;
  }
.popupVideo video {
  z-index:1004;
  width:100%;
  height:auto;
  cursor: initial;
    }

.avecSidebar {
	max-width:1000px;
	margin: auto;
	margin-right: 0;
}
.avecSidebar .pd-category {
	max-width:600px;
}
#sidebar {
	margin-left:0;
	min-width:380px;
	margin-left: -100px;
}
#sidebar .sidebarAddeo {
	margin:0;
	padding:0;
	text-align:left;
}

#sidebar .sidebarAddeo h3 {

    border-bottom: 6px solid #0099d9;

    font-size: 1.8em;
    padding-bottom: 0.8em;
    /*padding-left: 1.6em;
    padding-right: 1.6em;*/
    padding-left: 0;
    padding-right: 0.4em;
    padding-top: 0.8em;
    margin-bottom: 1.5em;
	text-align:left;
}
#sidebar .sidebarAddeo span.phocadownloadfile {
	display:block;
}
  
  
/* ************************************* */
/***** CORONAVIRUS */
/****************** */
div.coronavirus {
	background-color:rgba(0, 0, 144, 0.8);	
	box-shadow: 6px 6px 6px 1px rgba(0, 0, 0, 0.5);
	font-size:1em;
	color:white !important;
	max-width: 880px;
	padding: 1em;
}
div.coronavirus a {
	color:#0099D9 !important;
}
div.coronavirus a:hover {	
	text-decoration: underline;
}
.coronavirusCacher {
	display:none !important;
}
  
  
/******************************************************************* *******************/

/*	MEDIA QUERIES
----------------------------------------------------------------------------------------------------*/
#conteneur-centre {
	margin-left: auto;
	margin-right: auto;
	/*border:1px white solid; 2015 */
	zoom:1;
	overflow:hidden;
	_overflow:visible;	
	/*max-width: 998px;
	background: #f9f9f9 url(../images/bg-pattern2.png);
	padding-left: 10px;
	padding-right: 10px;*/
	max-width: 2000px;
	/*max-width: 1440px;*/
	background: #fff none;	
	padding-left: 0;
	padding-right: 0;
}

#conteneur-centre .items-leading .entry-content {
	/*margin-left: 8em;*/
}

/*	Min width 1680 */
@media screen and (min-width: 1440px) {
.featured {
/*	background : rgba(0, 0, 0, 0) url("../../../images/apst/accueil2000.jpg") no-repeat fixed center 20%;*/
	-webkit-background-size: auto; /* pour anciens Chrome et Safari */
	background-size: auto; /* version standardisée */
	}
}



/*	Max width 1680 */
@media screen and (max-width: 1680px) {
			
.featured, .featured .items-leading, .featured .leading-0, .featured .entry-content{
	min-height: 630px;
	}
.surPhotos {
	margin-left:7em;
	}
}


/*	Max width 1300 */
@media screen and (max-width: 1448px) {
/*	.infoTrans {
		margin-bottom: 0px;
	}
*/
div.coronavirus {
	margin : 0.4em 1em;
}
	.surPhoto {
		margin-left:auto;
		margin-right:auto;
	}
	div.titreGauche h2 {
		text-align: center;
		margin-left:3.5em;
		margin-right:0.5em;
		padding:0;
		font-size: 2.4em;
	}
	div.liensDroite {
    margin-right: 5em;
	}
	a.lienTitre {
		float : none;
		display:block;
		max-width: 100%;
		text-align:center;
	}
	a.lienTitre span{
		text-align: center;
		width:120px;
		max-width:120px;
		margin-left:auto;
		margin-right:auto;
	}
}


@media screen and (min-width: 1161px) {	
/**/
	.featured .liensDroite {
			display:none;
	}	
	.featured {
		min-height: 700px;
	}	
/**/	
}

/*	 */
@media screen and (max-width: 1340px) and (min-width: 801px)  {	
	#bandeauActus a {
		display:none;
	}	
	#bandeauActus span.images a:nth-child(1), #bandeauActus span.images a:nth-child(2), #bandeauActus span.images a:nth-child(3) {
		display:inline-block;
	}		
}
/*	 */
@media screen and (max-width: 1160px) and (min-width: 801px)  {	
	#bandeauActus {
		background: none;
	}
	#bandeauActus span.images {
		margin-left: 0;
		text-align: center;
	}
	#bandeauActus a {
		background-image: url('/images/apst/actus/bandeau.png');
		background-repeat: repeat-x;
		background-position-y: 110px;
	}

}
@media screen and (max-width: 1058px) {
	#sidebar {
		max-width:100%;
		width: 64%;
		padding-bottom:2em;
		margin-left:2%;
	}
	#sidebar .sidebarAddeo h3 {
		padding-left: 1.6em;
		max-width:100%;
		width:100%;
	}
}

@media screen and (max-width: 1000px) and (min-width: 801px)  {
	#bandeauActus a, #bandeauActus span.images a:nth-child(3) {
		display:none;
	}
	#bandeauActus span.images a:nth-child(1), #bandeauActus span.images a:nth-child(2) {
		display:inline-block;
	}	
}	


/*	Max width 1150px */
@media screen and (max-width: 800px) {		
	.module.bandeauActus {
		width: 100%;
		top: 0;
		position: relative;
	}
	#bandeauActus {
		background: none;
		height: auto;
		text-align: center;
	}
	#bandeauActus span.images {
		margin-left: 0;
		text-align: center;
		position: relative;
		top: 0;
	}
	#bandeauActus a {
		background-image: url('/images/apst/actus/bandeau.png');
		background-repeat: repeat-x;
		background-position-y: 110px;
	}
}

/*	Max width 1150px */
@media screen and (max-width: 1160px) {	
	.reseauSST {
		display:none;
	}
	.surPhoto {
		width:100%;
	}
	div.titreGauche  {
		float : none;
		display:block;
	}
	div.titreGauche h2 {
		margin-left:2em;
		margin-right:2em;
	/*	margin-left:auto;
		margin-right:auto;*/
		max-width: 100%;
	}
	
	.liensDroiteModule {
	display:none;
	/*width:100%;*/
	}
	div.liensDroite {
		width: 100%;
		max-width: 100%;
		text-align:center;
		margin-left:auto;
		margin-right:auto;
	}
	.lienDroite.premiers {
		float:left;
	}
	.lienDroite.deuxiemes {
		float:right;
	}
	.lienDroite.premiers.haut {
	}
.lienDroite.deuxiemes.haut {
    float: left;
    clear: both;
}
	.lienDroite.premiers.bas {
		
    float: right;
	}
	.lienDroite.deuxiemes.bas {
	}
	a.lienDroite {
		display:block;
		margin-left:auto;
		margin-right:auto;
		box-shadow: none;
	}
	a.lienDroite img {
    max-width: 160px;
	}
	a.lienDroite span {
    min-height: 2em;
	}
		
}
/*	Max width 1024px */
/*
@media screen and (min-width: 1024px) {	
	#site-footer .infoTrans p.under1024 {
		display:none;
		margin-bottom: 46px; 
	}
	
	#site-footer .infoTrans p.upper1024 img {
		height:auto;
	}
}
*/
/*
@media screen and (max-height: 800px) {		
	#site-footer .infoTrans p.upper800H {
		display:none;
	}
	#site-footer .infoTrans p.upper600H img {
		margin-bottom: 0px;
	}
}
*/
/*
@media screen and ((min-width: 1024px) or (min-height: 730px)) {	
	#main-nav .infoTrans p.under1024or730H {
		display:none;
	}
}*/
/*
@media screen and ((min-width: 1024px) and (max-height: 729px)) {	
	#main-nav .infoTrans p.under1024or730H {
		display:none;
	}
}
@media screen and ((max-width: 1023px) and (min-height: 730px)) {	
	#main-nav .infoTrans p.under1024or730H {
		display:none;
	}
}
@media screen and ((min-width: 1024px) or (min-height: 730px)) {	
	#main-nav .infoTrans p.under1024or730H {
		display:none;
	}
}
*/
@media screen and ((min-width: 1024px) or (min-height: 730px)) {	
	#main-nav .infoTrans p.under1024or730H {
		display:none;
	}
}
@media screen and (min-width: 1024px) and (min-height: 730px) {	
	#main-nav .infoTrans p.under1024or730H {
		display:none;
	}
}
/*
@media screen and (min-width: 1024px)  {	
	#main-nav .infoTrans p.under1024or730H {
		display:none;
	}
}
@media screen and  (min-height: 730px) {	
	#main-nav .infoTrans p.under1024or730H {
		display:none;
	}
}
*/
@media screen and (max-height: 729px) {		
	#site-footer .infoTrans p.upper730H {
		display:none;
	}
}

@media screen and (max-width: 1023px) {	

	#site-footer .infoTrans p.upper1024 {
		display:none;
	}		

.featured, .featured .items-leading, .featured .leading-0, .featured .entry-content{
	min-height: 560px;
	}
	#site-header {
/*		background: none;*/
		}
.surPhotos {
	/*margin-left:5em;*/
	}
}

@media screen and (max-width: 979px) {
	.droite, .gauche, img.droite, img.gauche {
		display: block;
		margin-left: auto;
		margin-right: auto;
		float:none;
		text-align:center !important;
	}
}

@media screen and (max-width: 948px) {
	#site-footer .modules {
		margin-bottom: 0;
	}
	a.lienTitre img, a.lienTitre span {
		max-width: 70px;
	}	
	a.lienTitre span {
		font-size: 0.8em;
		line-height: 1em;
		padding: 0.2em 0.4em
	}
	a.lienDroite {
		max-width:140px;
	}
	a.lienDroite span {
		font-size: 1em;
		line-height: 1em;
	}
/*	
	#slidado {
		display: none;	
	}	
*/	
	#slidado > div {
		display: none !important;	
	}
	#slidado div.coronavirusFrance  {
		display: block !important;
	}

	/*
	#slidado div.coronavirusFrance img.imgLoaded {
		margin-left:0 !important;
		max-width: 100% !important;
		height:auto !important;
	}
	*/
/*
	#main-nav.row		{
						margin-bottom: 3.5em;
						}	
*/
	#main-nav > ul		{

/*
						background: url("/images/sstbtp38/interface/SIST-BTP-bas.jpg") no-repeat center center scroll transparent;
*/
						}		
	#xmap				{
						margin-left: 100px;
						}	


.row4 .module.membre-reseau {
    padding: 1em;
}
						
#site-footer {
/*	2015
		background: #004488 none repeat scroll 0 0;
		height: auto;
		padding:0;
		margin: 0;
		width: 100%;
		*/
	}	
#site-footer .footer-credit {
		height: auto;
		margin-bottom: 0;
	}
#site-footer .span-9 {
		background-image: none;
		height: auto;
	}	
#site-footer p {
		margin: 0;
		padding-top: 0;
		padding:1em 2em;
	}	
.surPhotos {
/*	margin-left:4em;*/
	}
						
}

/*	Max width 1024 */
@media screen and (max-width: 1024px) {
	
	#slidado div.coronavirusFrance {
		display: none !important;
	}	
	#slidado div.coronavirusFrance.coronavirusFrance600 {
		display: block !important;
	}
	#slidado div.coronavirusFrance600 img.imgLoaded {
		margin-left:0 !important;
		max-width: 100% !important;
		height:auto !important;
	}
}


@media screen and (max-width: 824px) {

	.featured, .featured .items-leading, .featured .leading-0, .featured .entry-content{
		min-height: 500px;
	}

	.acces-conteneur {
		text-align: center;
	}
	.acces-plan {
		float: none;
		display:block;
	}
	.acces-carte {
		text-align: center;
	}
	.acces-infos {
		text-align: left;
		float: none;
		max-width:479px;
		margin-left: auto;
		margin-right: auto;
		width:100%;
		background-image:none;
		padding-top: 0;
	}
	.acces-infos div{
		text-align: left;
		background-position:top left;
	}
	.acces-transports {
		margin-top: 1em;
	}
.surPhotos {
	/*margin-left:3em;*/
	}
}


/*	Max width 880px */
@media screen and (max-width: 880px) {
	
	img.site-logo {
		/*display: none; 2015 */
		max-width:106px; /* 2016 */
	}
	.imageH1 {
		margin-bottom:0; /* 2016 */
	}

	.retourFrance {
		float:none;
	}

	#conteneur-centre {
		margin-left: 0px;
		margin-right: 0px;
	}

	#selectnav2.row		{
/*	#main-nav.row		{*/
						margin-bottom: 1em;
						}	
	#xmap				{
						margin-left: 20px;
						background-image:none;
						}
						
div.group article.span-4 {
	min-height:0px; /* plus utile */
	width: 90%; 
}
.module-title			{
						text-align:center;
						margin-left: 0;						
						}
						
	/* Adjust container width */
	.fluid .container,
	.fluid section, .fluid section.module		{
						width: 97%;
						margin-right: auto;
						margin-left: auto;
						}

	/* Collapse grid */
	.fluid .col			{
						float: none;
						width: 100%;
						margin: 0 auto !important;
						}

	/* Activate responsive navigation - SelectNav.js */
  	.fluid #top-menu,
  	.fluid #main-menu	{ display: none; }
  	
  	/*fluid #main-nav	{ padding: 0.7em 0;	} */
  	.fluid #selectnav2	{ padding: 0.7em 0;	} 	
	
	/*
  	.fluid .selectnav, .fluid #main-nav .selectnav	{
		display: block;
	    float: right;
		margin: 0.5em;
	}
*/	
  	.fluid .selectnav	{
		display: block;
	}
	.fluid  #site-footer .selectnav {
		display: inline;
	}
  	.fluid  #top-bar .selectnav	{
	    float: right;
		margin: 0.5em;
	}
	
.wide-content article, section.modules .fancypantsaccordionholder	{ padding: 2.8% 3% 0; }

/* entre autre pour faire plaisir à "PageSpeed Insights" */

.mod_actu li {
	margin-top:0.6em;
	}

.ModRegion {
	text-align:center;
	}
ul.menuregion, ul.region {
	padding: 0; margin: 0;	
	text-align:center;
	margin-top:2em;
	margin-left:auto;
	margin-right:auto;
	width:auto;
	}
ul.menuregion  > li, ul.region  > li { 
	display: inline;
	list-style: none; /* nécessaire pour IE7 */
	}
ul.menuregion  > li > a, ul.region  > li > a { 
	font-size: 1.4em;
	}
ul.menuregion > li  ul, ul.region> li  ul {
padding: 0; margin: 0;
	text-align: center; /* centrer le texte */
	}
ul.menuregion > li ul li, ul.region > li ul li {
	margin-top:1em;
	display: block;
	list-style: none;
	}
ul.menuregion li ul li a, ul.region li ul li a {
	display:inline-block;
	margin: 0 30px;
	}
.sidebar-module {
    margin: 1em 0;
	}	
.membre-reseau {
		display: none;
	}

.mentions-legales img {
		display: none;
	}
	
	
.phocamaps-box {
		border-color: #39894f #2479b4 #ff8c00 #bf2803;
		border-style: solid;
		border-width: 4px;
		width: 90%;
	}
	
.featured, .featured .items-leading, .featured .leading-0, .featured .entry-content{
	min-height: 400px;
	}
		
.featured h2 {
    font-size: 1.4em;
	}
.featured h3 {
    font-size: 1.1em;
	}
	
.surPhotos {
	/*margin-left:2em;*/
	}
}


@media (min-width: 741px) {
	.switchDesktopMobile.switchable {
	  display:none;
	  }
}
@media (max-width: 1200px) {

.addeo-txt-centrer-conteneur {
  margin:0 auto;
  }
}

@media (max-width: 740px) {

	.switchMobileDesktop.switchable {
	  display:none;
	  }

	.popupVideo {
		background: url(/images/lorfolio/agenda/videoOut2.png);
		padding-top: 24px;
		background-repeat: no-repeat;
		background-position: right top;
	  }
}


@media screen and (max-width: 640px) {
	div.titreGauche h2 {
		font-size: 1.8em;
		margin-left: 1.2em;
		margin-right: 1.2em;
	}
	#bandeau {
		position: relative;
		width: 100%;
		max-width: 180px;
		float: right;
	}
}
@media screen and (max-width: 479px) {
	.module .fancypantsaccordionholder .accordion .accordion-item {
        overflow: inherit;
	}
	div.map {
		max-width: 100%;
	}
	
	.visforms-form .visform  .visCSSlabel {
/*		float: none;
		width: 100%;
		*/
		}
	.visforms-form .visform  .visCSSinput {
		width: 90%;
	}
	.visforms-form .visform  .checkboxInput {
		float: left;
		margin-left: 1em;
		margin-right: 0;
	}
	/*.row2 .mContact*/ .visforms-form .visform  .checkboxLabel {
	    margin-left: 0;
	/*	display:block;*/
	}
	
.featured h2 {
    font-size: 1.1em;
	}
.featured h3 {
    font-size: 0.8em;
	}
	
.surPhotos {
	/*margin-left:1em;*/
	}
}

@media screen and (max-width: 500px) {
	#sidebar {
		margin-left:0;
		min-width:100%;
	}
	#sidebar .sidebarAddeo h3 {
		font-size: 1.5em;
		width: 90%;
	}
}

/*	Max width 340px */
@media screen and (max-width: 339px) {
.featured, .featured .items-leading, .featured .leading-0, .featured .entry-content{
	min-height: 300px;
	}
.surPhotos {
	margin-left:0em;
	}
}
@media screen and (max-width: 319px) {
	.fancypantsaccordionholder .accordion {
		margin: 0;
		}
	.fancypantsaccordionholder .accordion .accordion-item {
		border-bottom: 1px solid #ccc;
		}
	.fancypantsaccordionholder .accordion .accordion-item .acc-content {
		padding: 5px 0 20px;
		}
	.fancypantsaccordionholder .accordion-item a span  {
		display: none;
		}
}

/* PRINT STYLES
----------------------------------------------------------------------------------------------------*/

@media print {
	* 					{
/*						background: transparent !important;*/
						color: black !important;
						box-shadow:none !important;
						text-shadow: none !important;
						filter:none !important;
						-ms-filter: none !important;
						}
	a, a:visited 		{ text-decoration: underline; }
	a[href]:after 		{ content: " (" attr(href) ")"; }
	abbr[title]:after 	{ content: " (" attr(title) ")"; }
	.ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }
	pre, blockquote 	{ border: 1px solid #999; page-break-inside: avoid; }
	thead 				{ display: table-header-group; } /* h5bp.com/t */
	tr, img 			{ page-break-inside: avoid; }
	img 				{ max-width: 100% !important; }
	@page 				{ margin: 0.5cm; }
	p, h2, h3 			{ orphans: 3; widows: 3; }
	h2, h3 				{ page-break-after: avoid; }
}

@media print {

	#site-header, #phocamaps, #site-footer, .modules.notToPrintAccordion .plans-departement .acces-conteneur, .modules.notToPrintAccordion .plans-departement h3, .modules.notToPrintAccordion .plans-departement h4  {
		display:none;
	}
	.modules.notToPrintAccordion .plans-departement .acces-conteneur.myDivToPrint {
		display:block;
	}
    .myDivToPrint {
		background-color: white;
		font-size: 14px;
		height: 100%;
		left: 0;
		line-height: 18px;
		margin: 0;
		padding: 0;
		position: fixed;
		top: 0;
		width: 100%;
		z-index: 10000;
    }	
	.myDivToPrint .divprint {
		display:none;
	}
	.myDivToPrint .acces-titre {
		display:block;
		margin-top:20px;
	}
    .myDivToPrint .acces-infos, .myDivToPrint .acces-metro, .myDivToPrint .acces-bus {
		margin-top :0;
		padding-top:0;
	}
	.myDivToPrint .acces-infos:before{
		text-align:right;
		content: url("/plans/logo.gif");
		width:100%;
		display:block;
		margin-top:40px;
	}
    .myDivToPrint .acces-metro:before{
		text-align:right;
		content: url("/plans/metro.gif");
		width:100%;
		display:block;
	}	
    .myDivToPrint .acces-bus:before{
		text-align:right;
		content: url("/plans/bus.gif");
		width:100%;
		display:block;
	}			
	
}


@media screen and (min-height: 1024px) and (min-width: 800px)  {			
	.featured {
		min-height: 800px;
	}
}
@media screen and (max-height: 700px) and (min-width: 600px) {
	.featured {
		max-height: 400px;
	}
	.lienDroite.deuxiemes.haut {
		clear: none;
	}
	a.lienDroite {
		margin: 0 0.1em;
	}	
	
}


@media only screen and (min-width: 320px) {
	.fancypantsaccordionholder .accordion .accordion-item a.headerlink {
		font-size: 1.2em;
		font-weight: 700;
		padding-left: 2.4em;
	/*	color: #5a5a5a;*/
	}
	.fancypantsaccordionholder .accordion .accordion-item a.headerlink:hover,
	.fancypantsaccordionholder .accordion .accordion-item a.headerlink:active,
	.fancypantsaccordionholder .accordion .accordion-item a.headerlink:focus					{
		color: #0099D9;/*#717491;*/
		text-decoration: underline; 
		}
	.fancypantsaccordionholder ul.accordion {
		list-style: none;
	}
	.fancypantsaccordionholder ul h3 {
		margin-top: 0.8em;
		margin-bottom: 0em;
	}
	.fancypantsaccordionholder ul.accordion ul {
		list-style: square;
	}
	.fancypantsaccordionholder .accordion li.accordion-item {
		border-color: transparent;
	    margin-bottom: 0.6em;
		min-height: 30px;
		height: auto;
	}
	.fancypantsaccordionholder .accordion li.accordion-item a.headerlink {
		line-height: 1.3em;
	}
	
	.fancypantsaccordionholder .accordion .accordion-item a.headerlink span {
		width: 26px;
		height: 18px;
		left:0;
		top: 0.7em;
		opacity: 1;
		-webkit-transform: rotate(270deg);
		-ms-transform: rotate(270deg);
		transform: rotate(270deg);
	}
	.fancypantsaccordionholder .accordion .accordion-item.acc-open a.headerlink span {
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
	}
	
}

@media only screen and (max-width: 320px) {
	.fancypantsaccordionholder .accordion li.accordion-item a.headerlink {
		font-size: 1em;
	}
}



/****************************************** POPUPS VIDEO ******************************************************/


@media (max-width: 767px) {

	.popup_block {
		border: 0 solid #FFFFFF;
		margin: 0 0 0 -162px;
		padding: 32px 10px 10px;
		top: 10px;
		width: 304px;
	}

	.popup img.cntrl {
		right: 5px;
		top: 1px;
	}

	#hideshowTexte .popup_block {
	  margin:0;
	  width:90%;
	  left: 5%;
	  }

	#player_container {
	  width:304px;
	  height:168px;
	  }

	#jeunesActionLien {
	  display:block;
	}

	#jeunesAction {
	  display:none;
	}

}



