/* #PRODUIRE{fond=css.css,skel=foretasbl,objet=rubrique,id_objet=42,lang=fr}
   md5:ff3e04bea8a17664f9eb5fd7e6fb6bd2 */

/* plugins/beebuzz/beebuzz/squelettes/css.css.html */

   /***************************************************************/
  /* Franck Halatre - franck@artinthebox.be - ArtInTheBox - 2018 */
 /*                HUB CSS THEME foretasbl*/
/***************************************************************/




/* THEME: plugins/beebuzz/themes/foretasbl/css/*/

/* ** ** ** ** ** ** ** ** *
   ** LISTE CSS DYNAMIQUE **
   ** ** ** ** ** ** ** ** */


/* theme-skel.css.html */
	/* plugins/beebuzz/themes/foretasbl/css/theme-skel.css.html  test */

   /***************************************************************/
  /* Franck Halatre - franck@artinthebox.be - ArtInTheBox - 2016 */
 /*              Template CSS theme-skel - FORET ASBL           */
/***************************************************************/
 
/* Mise en forme : http://www.cleancss.com/css-beautify/ */

  /*****************/
 /* CSS DYNAMIQUE */
/*****************/







/**COULEURS**/
 
	

	
	
	
	
	
	
	
	
	
	
	
	
	






































  /********/
 /* FONT */
/********/

	

@font-face {
	font-family: 'Conv_Gotham-Light';
	src: url('//foretasbl.be/plugins/beebuzz/themes/foretasbl/fonts/Gotham-Light.eot');
	src: local('Conv_Gotham-Light'), 
		 url('//foretasbl.be/plugins/beebuzz/themes/foretasbl/fonts/Gotham-Light.woff') format('woff'), 
		 url('//foretasbl.be/plugins/beebuzz/themes/foretasbl/fonts/Gotham-Light.ttf') format('truetype'), 
		 url('//foretasbl.be/plugins/beebuzz/themes/foretasbl/fonts/Gotham-Light.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Conv_Gotham Extra Light';
	src: url('//foretasbl.be/plugins/beebuzz/themes/foretasbl/fonts/Gotham Extra Light.eot');
	src: local('Conv_Gotham Extra Light'), 
		 url('//foretasbl.be/plugins/beebuzz/themes/foretasbl/fonts/Gotham-Extra-Light.woff') format('woff'), 
		 url('//foretasbl.be/plugins/beebuzz/themes/foretasbl/fonts/Gotham-Extra-Light.ttf') format('truetype'), 
		 url('//foretasbl.be/plugins/beebuzz/themes/foretasbl/fonts/Gotham-Extra-Light.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}


@font-face {
	font-family: 'EraserDust';
	src: url('//foretasbl.be/plugins/beebuzz/themes/foretasbl/fonts/EraserDust.eot');
	src: local('EraserDust'),
		url('//foretasbl.be/plugins/beebuzz/themes/foretasbl/fonts/EraserDust.eot?#iefix') format('embedded-opentype'),
		url('//foretasbl.be/plugins/beebuzz/themes/foretasbl/fonts/EraserDust.woff2') format('woff2'),
		url('//foretasbl.be/plugins/beebuzz/themes/foretasbl/fonts/EraserDust.woff') format('woff'),
		url('//foretasbl.be/plugins/beebuzz/themes/foretasbl/fonts/EraserDust.ttf') format('truetype'),
		url('//foretasbl.be/plugins/beebuzz/themes/foretasbl/fonts/EraserDust.svg#EraserDust') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'GothamBook';
	src: url('//foretasbl.be/plugins/beebuzz/themes/foretasbl/fonts/GothamBook.eot');
	src: local('GothamBook'),
		url('//foretasbl.be/plugins/beebuzz/themes/foretasbl/fonts/GothamBook.eot?#iefix') format('embedded-opentype'),
		url('//foretasbl.be/plugins/beebuzz/themes/foretasbl/fonts/GothamBook.woff2') format('woff2'),
		url('//foretasbl.be/plugins/beebuzz/themes/foretasbl/fonts/GothamBook.woff') format('woff'),
		url('//foretasbl.be/plugins/beebuzz/themes/foretasbl/fonts/GothamBook.ttf') format('truetype'),
		url('//foretasbl.be/plugins/beebuzz/themes/foretasbl/fonts/GothamBook.svg#GothamBook') format('svg');
	font-weight: normal;
	font-style: normal;
}


@font-face {
	font-family: 'GothamLight';
	src: url('//foretasbl.be/plugins/beebuzz/themes/foretasbl/fonts/GothamLight-Italic.eot');
	src: local('GothamLight Italic'), local('GothamLight-Italic'),
		url('//foretasbl.be/plugins/beebuzz/themes/foretasbl/fonts/GothamLight-Italic.eot?#iefix') format('embedded-opentype'),
		url('//foretasbl.be/plugins/beebuzz/themes/foretasbl/fonts/GothamLight-Italic.woff2') format('woff2'),
		url('//foretasbl.be/plugins/beebuzz/themes/foretasbl/fonts/GothamLight-Italic.woff') format('woff'),
		url('//foretasbl.be/plugins/beebuzz/themes/foretasbl/fonts/GothamLight-Italic.ttf') format('truetype'),
		url('//foretasbl.be/plugins/beebuzz/themes/foretasbl/fonts/GothamLight-Italic.svg#GothamLight-Italic') format('svg');
	font-weight: 300;
	font-style: italic;
}

@font-face {
	font-family: 'Made With B';
	src: url('//foretasbl.be/plugins/beebuzz/themes/foretasbl/fonts/MadeWithB.eot');
	src: local('Made With B'), local('MadeWithB'),
		url('//foretasbl.be/plugins/beebuzz/themes/foretasbl/fonts/MadeWithB.eot?#iefix') format('embedded-opentype'),
		url('//foretasbl.be/plugins/beebuzz/themes/foretasbl/fonts/MadeWithB.woff2') format('woff2'),
		url('//foretasbl.be/plugins/beebuzz/themes/foretasbl/fonts/MadeWithB.woff') format('woff'),
		url('//foretasbl.be/plugins/beebuzz/themes/foretasbl/fonts/MadeWithB.ttf') format('truetype'),
		url('//foretasbl.be/plugins/beebuzz/themes/foretasbl/fonts/MadeWithB.svg#MadeWithB') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'DK Crayon Crumble';
	src: url('//foretasbl.be/plugins/beebuzz/themes/foretasbl/fonts/DKCrayonCrumble.eot');
	src: local('//foretasbl.be/plugins/beebuzz/themes/foretasbl/fonts/DK Crayon Crumble'), local('DKCrayonCrumble'),
		url('//foretasbl.be/plugins/beebuzz/themes/foretasbl/fonts/DKCrayonCrumble.eot?#iefix') format('embedded-opentype'),
		url('//foretasbl.be/plugins/beebuzz/themes/foretasbl/fonts/DKCrayonCrumble.woff2') format('woff2'),
		url('//foretasbl.be/plugins/beebuzz/themes/foretasbl/fonts/DKCrayonCrumble.woff') format('woff'),
		url('//foretasbl.be/plugins/beebuzz/themes/foretasbl/fonts/DKCrayonCrumble.ttf') format('truetype'),
		url('//foretasbl.be/plugins/beebuzz/themes/foretasbl/fonts/DKCrayonCrumble.svg#DKCrayonCrumble') format('svg');
	font-weight: normal;
	font-style: normal;
}

body{
	font-family: Conv_Gotham-Light;
	color:#333;
	background: #FFFFFF;
	overflow-x: hidden;
	width: 100%;
	}
	

.main-container{
	padding-top: 20px;
	background: #fff;
	}

  /************************/
 /* PARAMETRES GENEREAUX */
/************************/
	
a:hover,a {
	-webkit-transition:all 500ms ease-in-out !important;
	-moz-transition:all 500ms ease-in-out !important;
	-ms-transition:all 500ms ease-in-out !important;
	-o-transition:all 500ms ease-in-out !important;
	transition:all 500ms ease-in-out !important
}

img {
  color:transparent;
}

.puce_beebuzz:before {
	font-family: FontAwesome;
	 content: "\f105";
}

.spip_documents img {max-width: 100% !important; height: auto !important}

.display-none {
	display: none !important
}

strong {
	font-family: GothamBook;
}

i {
    font-weight: 300;
    font-style: italic;
}

.load {
	background: url('//foretasbl.be/plugins/beebuzz/themes/foretasbl/css/img/load.gif') no-repeat;
	-webkit-background-size:contain; /* pour anciens Chrome et Safari */
	background-size: contain; /* version standardisée */
	width: 65px;
	height: 65px;
	display: block;
}
  /**********/
 /* HEADER */
/**********/	

header#header-page{
	height: 125px;
	background: url('//foretasbl.be/plugins/beebuzz/themes/foretasbl/css/img/header_nappe_800x380.jpg') repeat #E8E8E8;
	-webkit-background-size:contain; /* pour anciens Chrome et Safari */
	background-size: contain; /* version standardisée */
	}

header#header-page .logo{
		padding: 20px 0px 0px 0px;
	}

header#header-page .logo a:hover{
	text-decoration: none;
	}

header#header-page .container .row .logo a img.spip_logo {
	height:70px;
	width: auto; 
	float: left; 
	margin-right: 5px;
	}
	
#carousel-headerpage img  {
	width: 270px;
	height: 270px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
}

#carousel-headerpage  {
	float: right;
	margin-right: 45px;
	margin-top:-45px;
	width: 270px;
	height: 270px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%; 
	overflow: hidden
}
	
  /*******/
 /* NAV */
/*******/


nav#navigation-principale {
	font-family: Conv_Gotham-Light;
	font-size: 19px;
	color: #FFF;
	background: rgba(86, 86, 86,1) !important;
	z-index: 99999999;
	
	min-height:0px !important; 
	-webkit-border-radius: 0px !important;
	-moz-border-radius: 0px !important;
	border-radius: 0px !important;	
	border: 0px !important;
	margin: 0px !important;	
	padding: 0px !important;
}

nav#navigation-principale > .container {
		
	padding: 0px !important;
}
nav#navigation-principale ul.nav li a {
	color: #FFF !important;	
	padding: 0px 12px !important;
	line-height: 45px !important;
	-webkit-transition:all 500ms ease-in-out !important;
	-moz-transition:all 500ms ease-in-out !important;
	-ms-transition:all 500ms ease-in-out !important;
	-o-transition:all 500ms ease-in-out !important;
	transition:all 500ms ease-in-out !important
}


nav#navigation-principale ul.nav > li:hover {
		
	background: transparent;
}

nav#navigation-principale ul.nav li.active > a,
nav#navigation-principale ul.nav li:hover > a {
	background: rgba(51, 51, 51,1) !important;
	color: rgba(14, 220, 33,1) !important;
	-webkit-transition:all 500ms ease-in-out !important;
	-moz-transition:all 500ms ease-in-out !important;
	-ms-transition:all 500ms ease-in-out !important;
	-o-transition:all 500ms ease-in-out !important;
	transition:all 500ms ease-in-out !important
}
nav#navigation-principale ul.nav li a.item-home::after {
	content: "Home";
}
nav#navigation-principale .caret {
	display: none;
}
nav#navigation-principale ul.dropdown-menu {
	padding: 12px 0px 12px 12px!important;
	background: rgba(79, 79, 79,1);
	min-width: 100%
}

nav#navigation-principale ul.dropdown-menu > li   {
	border-left: 1px solid #FFF
}

nav#navigation-principale  {
	position: absolute;
	width: 100%;
	top: 125px;
}

nav#navigation-principale.affix  {
	top: 0px;
	width: 100%;
	position: fixed !important;
	-webkit-box-shadow: 0px 0px 23px 5px rgba(0,0,0,0.4);
	-moz-box-shadow: 0px 0px 23px 5px rgba(0,0,0,0.4);
	box-shadow: 0px 0px 23px 5px rgba(0,0,0,0.4);
}

.navbar-header {
	padding: 5px;
	}
	
.navbar-header .logo-nav-xs {
	display: inline-block !important;
	width: 200px;
	height: 50px;
	padding: 0px !important;
	margin: -15px 0px 0px 0px;
	background: url('//foretasbl.be/plugins/beebuzz/themes/foretasbl/css/img/logo_blanc_transparent.png') no-repeat;
	-webkit-background-size:contain; /* pour anciens Chrome et Safari */
	background-size: contain; /* version standardisée */
	}
	
.navbar-toggle {
	margin-right: 100px
	}

/* IMAGE MENU */

#img-top-right {
	position: absolute;
	z-index: 99;
	top: -130px;
	right: 0px;
	width: 15%;
	height: 212px;
	background: url('//foret-asbl.be/plugins/beebuzz/themes/foretasbl/css/img/top_couverts_assiette.png') no-repeat transparent;
	-webkit-background-size:; /* pour anciens Chrome et Safari */
	background-size: auto 100%; /* version standardisée */
	-webkit-animation-name: bounceInDown;
	animation-name: bounceInDown;
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	overflow: hidden

}

.affix #img-top-right {
	left: auto;
	position: fixed;
	top: 0px;
	right: 0px !important;
	width: 85px;
	height: 85px;
	-webkit-animation-name: bounceInRight;
	animation-name: bounceInRight;
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-transition:none;
	-moz-transition:none;
	-ms-transition:none;
	-o-transition:none;
	transition:none
}




  /*****************/
 /* CONTENU OBJET */
/*****************/

#container-top {
	margin-top: 45px;
}
.screen_0-768 #container-top {
	margin-top: 75px;
}


  /************/
 /* HOMEPAGE */
/************/


/* BLOCS */

.bloc-homepage {
	margin: 0px !important;
	padding: 0px !important;
}
.bloc-homepage .caption {
	background: url('//foretasbl.be/plugins/beebuzz/themes/foretasbl/css/img/background_blackboard.jpg') no-repeat center ;
	-webkit-background-size: cover; /* pour anciens Chrome et Safari */
	background-size: cover; /* version standardisée */	
	margin: 10px;
	padding: 27px 27px 47px 27px !important;
	text-align: left;
}
.bloc-homepage #carousel-bloc-home .item,
.bloc-homepage .content.prod-caption {
	height: 210px;
	overflow: auto
}
.bloc-homepage #carousel-bloc-home:hover {
	z-index: 99999
}

.bloc-homepage h4.bloc-content-titre {
	font-family: Conv_Gotham Extra Light !important;
	font-size: 30px !important;
	color: rgba(255,255,255,0.7) !important;
	margin-top: 0px !important ;
}
.bloc-homepage .content .bloc-content-texte {
	border-left: 1px solid rgba(255,255,255,0.7);
	padding-left: 5px;
}
.bloc-homepage .content .bloc-content-texte  h4{
	font-family: EraserDust;
	font-size: 18px;
	padding-left: 10px;
}
.bloc-homepage .ISP .content h4{
	color: rgba(14, 220, 33,1)
}
.bloc-homepage .ILDE .content h4{
	color: rgba(13, 183, 191,1)
}
.bloc-homepage p {
	font-family: EraserDust;
	font-size: 14px;
	color: rgba(255,255,255,0.7);
	text-transform: uppercase;
	padding-left: 10px;
	line-height: 160%
}
.bloc-homepage .macaron.macarons1,
.bloc-homepage .macaron.ILDE.macarons2 {
	position: absolute; 
	right: 10px; 
	top: 10px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 58px 58px 0;
	border-color: transparent #000 transparent transparent;
}
.bloc-homepage .macaron.ISP.macarons2 {
	margin-top: 35px;
	right: -18px;
	width:128px;
	height: 24px;
	display: block;
	position: absolute;
	z-index: 99999999;
	transform: rotate(45deg) scale(1) skew(1deg) translate(0px);
    -webkit-transform: rotate(45deg) scale(1) skew(1deg) translate(0px);
    -moz-transform: rotate(45deg) scale(1) skew(1deg) translate(0px);
    -o-transform: rotate(45deg) scale(1) skew(1deg) translate(0px);
    -ms-transform: rotate(45deg) scale(1) skew(1deg) translate(0px);
	z-index: 2;
	overflow: hidden
} 
.bloc-homepage .macaron.ISP.macarons2 .tpz {
	display: block;
	width:98px;
    height:30px;
    background:rgba(14, 220, 33,1);
    color: #FFF;
    margin-left:15px;
    margin-bottom: 0;
    margin-top: -6px;
    border-top-width:4px;
    border-bottom-width:1px;
    -webkit-transform: perspective(41px) rotateX(40deg); 	
}.bloc-homepage .macaron.ILDE.macarons2 {
	z-index: 1
} 
.bloc-homepage .macaron .titre {
	text-align: center; 
	display: block; 
	width: 58px; 
	color: #FFF;
	margin-left: 12px;
	font-size: 20px;
	line-height: 20px;
	padding-top: 15px;
    transform: rotate(45deg) scale(1) skew(1deg) translate(0px);
    -webkit-transform: rotate(45deg) scale(1) skew(1deg) translate(0px);
    -moz-transform: rotate(45deg) scale(1) skew(1deg) translate(0px);
    -o-transform: rotate(45deg) scale(1) skew(1deg) translate(0px);
    -ms-transform: rotate(45deg) scale(1) skew(1deg) translate(0px);
}
.bloc-homepage .macaron.ISP.macarons2 .titre {
    transform: none !important;
    -webkit-transform: none !important;
    -moz-transform: none !important;
    -o-transform: none !important;
    -ms-transform: none !important;
    margin-left: 35px;
    margin-top: -33px;
    position: absolute;
} 
.bloc-homepage .macaron.ISP {
	border-color: transparent rgb(14, 220, 33) transparent transparent;
}
.bloc-homepage .macaron.ILDE.macarons2,
.bloc-homepage .macaron.ILDE {
	border-color: transparent rgb(13, 183, 191) transparent transparent;
}

.bloc-homepage .macaron.ILDE:hover,
.bloc-homepage .macaron.ISP:hover {
	margin-right: -5px;
	margin-top: -5px
}
.bloc-homepage .macaron.ISP.macarons2:hover {
	margin-right: 0px;
	margin-top: 30px;
	right: -23px;
}

.bloc-homepage .caption .content a {
	font-family: EraserDust;
	color: rgba(255,255,255,0.8) !important;
	font-size: 120%;
	line-height: 220%;
	font-weight: normal;
	margin-left: 15px;
}
.bloc-homepage .caption .content a:before {
	text-align: center; 
	width: 24px; 
	padding: 0px !important; 
	margin-top: 8px;
	margin-left: -24px;
	position: absolute
}

.bloc-homepage .caption.ISP .content a:hover {
	color: rgba(14, 220, 33,1) !important;
}

.bloc-homepage .caption.ILDE .content a:hover {
	color: rgba(13, 183, 191,1) !important;	
}
.bloc-homepage .tooltip {
	left: 75% !important; 
	margin-top: -10px; 
	width: 150px !important
}
.bloc-homepage a.btn {
	text-transform: uppercase;
	color: red !important;
	padding: 10px; 
	margin: 25px;
	border: 1px solid rgba(255,255,255,0.2)
}
.bloc-homepage .caption.ISP a.btn:hover {
	border: 1px solid rgba(14, 220, 33,1) !important;
}
.bloc-homepage .caption.ILDE a.btn:hover {
	border: 1px solid rgba(13, 183, 191,1) !important;
}

.bloc-homepage .caption > .content > div.bloc-content-texte > p > a {
	display: block;
	line-height: normal
	}
	
#carousel-bloc-home > div.carousel-inner > a.item {
	padding: 0px !important; 
	margin: 0px !important
	}
	
#carousel-bloc-home.content.carousel.slide > a.left.carousel-control {
	margin-left: 0px
	}
	
#carousel-bloc-home.content.carousel.slide > a.right.carousel-control {
	margin-right: 0px
	}

#carousel-bloc-home > ol.carousel-indicators {
	margin-bottom: -50px
	}
.animated3s {
	animation-duration: 3s;	
}
.fadeInDelay33pc {
	animation-name:fadeIn33pc
}
@keyframes fadeIn33pc {
  from {
  	opacity: 0;
  }

  33% {
  	opacity: 0;
  }

  to {
  	opacity: 1;
  }
}

  /***********/
 /* GALERIE */
/***********/

.galerie ul {
	background: #F8F8F8;
	}
/* GALERIE DOCUMENTS */

#galerie-documents-joints td {
vertical-align:middle;
padding: 10px 5px;
}

#galerie-documents-joints tr:hover {
background:  rgba(0,0,0,0.05);
}

#galerie-documents-joints tr:hover {
background:  rgba(0,0,0,0.05);
}

#galerie-documents-joints td.logo {
vertical-align:middle;

}

#galerie-documents-joints table {
  border-top: 2px solid rgba(0,0,0,0.1);
  background: #F8F8F8;
}

#galerie-documents-joints table a {
	color: #000
}

#galerie-documents-joints table .descriptif {
  font-size: 80%;
  padding-top: 10px;
  max-height: 0px;
  overflow: hidden
  
 }

#galerie-documents-joints table tr:hover .descriptif {
max-height: 200px;
  padding-top: 10px;

}


#galerie-documents-joints tr {
  border-bottom: 2px solid rgba(0,0,0,0.1);
  padding: 5px 0px
}

#galerie-documents-joints td img {
	width: 60px;
	height: auto
}
#galerie-documents-joints table {

border-collapse: collapse;
}

/* GALERIE IMAGES */

#galerie-image {
	margin-bottom: 20px;
}

#galerie-image li {
	max-width: 50%;
	height: 132px;
    display: block;
    margin: 0;
    padding: 0;
    overflow: hidden;
    float: left;
        
}

#galerie-image li a {
    overflow: hidden;        
}

#galerie-image .x-items li a img {
	 overflow: hidden;
	min-height: 100% !important;
	min-width: 100% !important;
	object-fit: cover;
}

#galerie-image .x-items li:nth-child(3),
#galerie-image .x-items li:nth-child(2)  {
    height: 66px !important;
	width: 25% !important;

}
#galerie-image .x-items li:nth-child(4)  {
	height: 66px !important;
    width: 50% !important;
}
#galerie-image .x-items li:nth-child(7)  {
    height:  275px !important;
    max-width: 100% !important;
}
#galerie-image .x-items li:nth-child(10)  {
    width:  275px !important;
    max-width: 100% !important;
}
#galerie-image a.link_image  {
    width: 100%;
    height:100%;
    display: block;
    -webkit-background-size: cover !important;
    background-size: cover !important;
	-webkit-transition: all 500ms linear !important;
	-moz-transition: all 500ms linear !important;
	-ms-transition: all 500ms linear !important;
	-o-transition: all 500ms linear !important;
	transition: all 500ms linear !important;
}
#galerie-image a.link_image:hover  {
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
    filter: gray;
    /* IE 6-9 */
    width: 110%;
    height:110%;
	-webkit-transition: all 500ms linear !important;
	-moz-transition: all 500ms linear !important;
	-ms-transition: all 500ms linear !important;
	-o-transition: all 500ms linear !important;
	transition: all 500ms linear !important;
}

/* GALERIE AUDIO PLAYER */


#galerie-sons li.item-galerie > audio {width:100%}
#galerie-sons .audio-specifications {font-size: 80%}


/* GALERIE DOCUMENTS PDF / VIDEO colonne principale */


.option-pdf-viewer {
    float: left;
    margin: 2px;
    line-height: 29px;
    width: 57px;
    text-align: center;
}
.option-pdf-viewer.custom-button.box-shadow-hover.zoom5.transition500.expand,
.option-pdf-viewer.custom-button.box-shadow-hover.zoom5.transition500.expand i {
    line-height: 28px !important;
    width: 28px !important;
    background: rgba(111, 111, 111,1);
    color: #FFF;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    cursor: pointer
}
#beebuz-pdf-viewer.fullscreen {
    position: fixed !important;
    width: 100% !important;
    height: 100% !important;
    top: 0px !important;
    left: 0px !important;
    background: rgba(0, 0, 0, 0.7);
    z-index: 999999999999999999 !important;
    margin-bottom: 0px;
}
#beebuz-pdf-viewer .compress {
    display: none !important;
}
#beebuz-pdf-viewer.fullscreen .expand {
    display: none
}
#beebuz-pdf-viewer.fullscreen .compress {
    display: inline-block !important;
    z-index: 999999999999999999 !important;
}
#beebuz-pdf-viewer.fullscreen #head-pdf {
    position: fixed;
    margin-top: 60px;
    z-index: 99999999999999999999 !important;
}
#beebuz-pdf-viewer .menu-pdf-viewer {
    display: none !important
}
#beebuz-pdf-viewer.fullscreen .menu-pdf-viewer.on {
    display: block !important;
    position: absolute;
    margin-top: 70px
}
#beebuz-pdf-viewer.fullscreen #liste-item-menu-pdf {
    top: -800px;
    width: 50%;
    left: 25%;
    background: rgba(0, 0, 0, 0.7);
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    position: fixed;
    padding: 10px;
}
#beebuz-pdf-viewer.fullscreen .compress.one-doc {
    display: block !important;
    position: absolute;
    margin-top: 70px
}
#beebuz-pdf-viewer.fullscreen #liste-item-menu-pdf.item-menu-pdf-see {
    top: 60px;
}
 /* BUG OBJET FADIN VISIBLE AVEC FULLSCREEN */
body#body.body-back .fadeIn{-webkit-animation-name:none;animation-name:none}

.item-menu-video.item-media .fa-refresh {
    display: none
}
.item-menu-video.item-media.play .fa-refresh {
    display: inline-block
}
.item-menu-video.item-media .fa-circle {
    -moz-opacity: 0.50;
    -khtml-opacity: 0.50;
    opacity: 0.50;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha"(Opacity=50);
    filter: progid: DXImageTransform.Microsoft.Alpha(opacity=50);
    filter: alpha(opacity=50);
}
.item-menu-video.item-media.play .fa-circle {
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha"(Opacity=100);
    filter: progid: DXImageTransform.Microsoft.Alpha(opacity=100);
    filter: alpha(opacity=100);
    color: red;
    display: none
}
.item-menu-video.item-media,
.item-menu-pdf.item-media {
    font-size: 12px !important;
    display: inline-block  !important;
    background: rgba(111, 111, 111,1)  !important;
    color: #FFF  !important;
    padding: 4px  !important;
    margin: 2px  !important;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}
.item-menu-video.item-media.play,
.item-menu-video.item-media:hover,
.item-menu-pdf.item-media:hover {
    font-size: 12px;
    display: inline-block !important;
    background: rgba(51, 51, 51,1) !important;
    text-shadow: none !important;
}
.item-menu-video.item-media.play,
.item-menu-pdf.item-media.on {
    background: rgba(51, 51, 51,1) !important;
    color: #FFF!important;
}
.item-menu-pdf.on:before {
    content: "\f061";
    font-family: FontAwesome;
    font-size: 12px;
    display: inline-block;
    color: #FFF!important;
}
#head-video,
#head-pdf {
    margin-bottom: 10px;
}

.fullscreen div#head-pdf.menu-media span#option-pdf-viewer span.option-pdf-viewer.custom-button.box-shadow-hover.zoom5.transition500.menu-pdf-viewer.menu-hide.on,
.fullscreen div#head-pdf.menu-media span#option-pdf-viewer span.option-pdf-viewer.custom-button.box-shadow-hover.zoom5.transition500.menu-pdf-viewer.menu-see.on,
.fullscreen span.option-pdf-viewer.custom-button.box-shadow-hover.zoom5.transition500.compress {
    background: #464646;
    height: 50px;
    -webkit-border-radius: 3px !important;
    -moz-border-radius: 3px !important;
    border-radius: 3px !important;
    margin-left: 10px;
    cursor: pointer
}
.fullscreen #head-pdf.menu-media span#option-pdf-viewer span.option-pdf-viewer.custom-button.box-shadow-hover.zoom5.transition500.menu-pdf-viewer.menu-hide.on i,
.fullscreen #head-pdf.menu-media span#option-pdf-viewer span.option-pdf-viewer.custom-button.box-shadow-hover.zoom5.transition500.menu-pdf-viewer.menu-see.on i,
.fullscreen span.option-pdf-viewer.custom-button.box-shadow-hover.zoom5.transition500.compress i {
    line-height: 50px;
    color: #EAEAEA
}



  /************/
 /* RUBRIQUE */
/************/

.col-principal h1.title {
	margin-top: 0px;
	font-family: Conv_Gotham Extra Light;
	font-size: 48px;
	}

body .container.main-container .thumbnail {
	border: none; 
	padding: 0px !important
	}

#mobile-thumbnail {
	padding-left: 0px;
	padding-top: 0px; 
	padding-bottom: 0px; 
	margin: 0px;
	}
#mobile-thumbnail .thumbnail {
	padding: 0px; 
	margin: 0px; 
	border: none;
	}

body.rubrique  .items-toggle  ul {
	margin: 30px 0px
	}
body.rubrique  .items-toggle  li {
	border: none; 
	padding-left: 0px
	}
body.rubrique  .items-toggle  li h4.blocs_titre > a { 
	font-family: Conv_Gotham Extra Light; 
	font-size: 30px
	}

body.rubrique  .items-toggle li.list-group-item  h4.blocs_titre {
	border-bottom: none !important
	}
body.rubrique  .items-toggle li.list-group-item  h4.blocs_titre.blocs_replie {
	border-bottom: 1px solid rgba(0,0,0,0.4) !important
	}

body.rubrique  .items-toggle li  h4.blocs_titre.blocs_replie > a:before {
/*	padding-top:1px; */
	display:inline-block; 
	-webkit-transform:rotate(0deg);
	-moz-transform:rotate(0deg);
	-o-transform:rotate(0deg);
	transform:rotate(0deg);
	}
body.rubrique  .items-toggle h4.blocs_titre > a:before {
	font-family:FontAwesome;
	content:"\f105";
/*	padding-top:1px; */
	display:inline-block;
	width: 30px;
	margin-left: -12px;
	text-align: center;
	-webkit-transition: all 200ms linear !important;
	-moz-transition: all 200ms linear !important;
	-ms-transition: all 200ms linear !important;
	-o-transition: all 200ms linear !important;
	transition: all 200ms linear !important;
	-webkit-transform:rotate(90deg);
	-moz-transform:rotate(90deg);
	-o-transform:rotate(90deg);
	transform:rotate(90deg);
	}
body.rubrique .items-toggle li h4.blocs_titre:hover > a:before{
/*	-webkit-animation:fa-spin 500ms linear; */
/*	animation:fa-spin 500ms linear; */
	-webkit-transition: all 200ms linear !important;
	-moz-transition: all 200ms linear !important;
	-ms-transition: all 200ms linear !important;
	-o-transition: all 200ms linear !important;
	transition: all 200ms linear !important;
	-webkit-transform:rotate(-90deg);
	-moz-transform:rotate(-90deg);
	-o-transform:rotate(-90deg);
	transform:rotate(-90deg)
	}
body.rubrique .items-toggle li h4.blocs_titre.blocs_replie:hover > a:before {
/*	-webkit-animation:fa-spin 500ms linear; */
/*	animation:fa-spin 500ms linear */
	-webkit-transform:rotate(90deg);
	-moz-transform:rotate(90deg);
	-o-transform:rotate(90deg);
	transform:rotate(90deg)
	}
body.rubrique .items-toggle li .no-toggle h4.blocs_titre.blocs_replie:hover > a:before {
/*	-webkit-animation:fa-spin 500ms linear; */
/*	animation:fa-spin 500ms linear */
	-webkit-transform:rotate(0deg);
	-moz-transform:rotate(0deg);
	-o-transform:rotate(0deg);
	transform:rotate(0deg);
	padding-left: 10px;
	}


.texte.texte-article  h4.spip {
	font-family: Conv_Gotham-Light; 
	font-size: 24px; 
	padding-bottom: 0px; 
	color: #000 !important
}

body.rubrique  .items-toggle .blocs_destination.blocs_invisible {
	border-left: 1px solid #000
	}
	
  /*********/
 /* TABLEAU TXT */
/*********/	
    .texte table {width: 100%}
    .texte table > tbody > tr > td {border: 1px solid rgba(0,0,0,0.2); padding: 4px}

  /*********/
 /* LISTE */
/*********/

 /** LISTE TABLEAU **/
 

 /** ITEMS **/
 
 
.col-lat .list-standard ul li {
	font-size: 14px;
	border-bottom: 1px solid rgba(0,0,0,0.1);
	padding: 10px 0px;
	cursor: pointer
}
.col-lat .list-standard ul li.on,
.col-lat .list-standard ul li:hover {
	background:  rgba(0,0,0,0.05);
}
.col-lat .list-standard ul li .item-type {
	padding-left: 0px
}
.col-lat .list-standard ul li .item-type:before {
	font-family:FontAwesome;
	content:"\f105";
	width: 22px;
	text-align: center;
	display: inline-block;
	-webkit-transition: all 500ms linear !important;
	-moz-transition: all 500ms linear !important;
	-ms-transition: all 500ms linear !important;
	-o-transition: all 500ms linear !important;
	transition: all 500ms linear !important;
}

.col-lat .list-standard ul li .item-type:hover:before {
	-webkit-transition: all 500ms linear !important;
	-moz-transition: all 500ms linear !important;
	-ms-transition: all 500ms linear !important;
	-o-transition: all 500ms linear !important;
	transition: all 500ms linear !important;
	-webkit-transform:rotate(360deg);
	-moz-transform:rotate(360deg);
	-o-transform:rotate(360deg);
	transform:rotate(360deg);	
}


 
.col-lat .list-standard ul.item-site li.impair {}
.col-lat .list-standard ul.item-article li.impair {}
.col-lat .list-standard ul.item-rubrique li.impair {}


.col-lat .list-standard ul.item-site li {}
.col-lat .list-standard ul.item-article li {}
.col-lat .list-standard ul.item-rubrique li {}

.col-lat .list-standard ul {
	 background: #F8F8F8;
}

 /* LISTE TOOGLE */

.row.list-standard.items-toggle .cs_blocs .blocs_destination .gabarit-small .content {
	padding-left: 22px;
	padding-top: 22px;
	}
	
.row.list-standard.items-toggle .row.list-standard.items-toggle ul.list-group {width: 98%; padding: 10px; background: #FFF; font-size: 90% !important}

.row.list-standard.items-toggle .row.list-standard.items-toggle h4.blocs_titre.blocs_ajax.cs_done > a {font-size: 24px !important}



.list-standard li.list-group-item.lien { padding: 0px 0px 0px 20px; border-left: none; border-right: none; cursor: pointer; border-top: 1px solid rgba(0,0,0,0.2)}
.list-standard li.list-group-item.lien:hover { background: rgba(0,0,0,0.03)}

.list-standard li.list-group-item.lien .item-logo > center > img {width: 100px; height: auto}
.list-standard li.list-group-item.lien .item-titre > div.bloc-titre > a.titre {font-size: 22px; display: inline-block; padding:  10px 0px}

.list-standard li .blocs_destination.blocs_invisible .row.list-standard ul.list-group {border: none !important;padding: 0px 0px 0px 10px !important}
.list-standard li .blocs_destination.blocs_invisible .row.list-standard ul.list-group li {
 border-radius: 0px !important;
	margin-left: 0px;
	border-left: 1px solid #000;
	padding: 10px;
}

.table-item-link {width: 100%; margin: 0px; padding: 0px; margin: 10px 0px}
.table-item-link td {
vertical-align:middle;
}
.table-item-link .item-titre { padding-right: 10px}
.table-item-link .item-logo img {max-width: 100%; height: auto; border: 1px solid rgba(0,0,0,.1);padding: 4px}
.table-item-link .item-logo {width: 100px !important; height: auto;}
.table-item-link .complement-info-site {margin-bottom: 5px; padding: 4px; border-top: 1px solid rgba(0,0,0,.1); border-bottom: 1px solid rgba(0,0,0,.1); font-size: 80%}	
	
  /**************/
 /* PAGINATION */
/**************/


.pagination {
    padding: 7px 5px !important;
    margin: 0px !important;
    display: block
}

.pagination > span.next,
.pagination > span.prev  {
	font-size: 0px;
	color: rgba(0,0,0,1);
}

.pagination > span.next {float: right; }
.pagination > span.prev {float: left;}
.pagination > span.prev a:before,
.pagination > span.prev.disabled:before {
	font-family:FontAwesome;
	content:"\f104";
	font-size: 18px !important;
	font-style: normal !important;
	color: rgba(0,0,0,1);
	text-align: center;
	width: 24px;
	line-height: 24px;
	display: inline-block;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	background: #cacaca;
	margin-top: 4px;
	padding: 0px;
	padding-right: 2px;
}
.pagination > span.next a:before,
.pagination > span.next.disabled:before {
	font-family:FontAwesome;
	content:"\f105";
	font-size: 18px !important;
	font-style: normal !important;
	color: rgba(0,0,0,1);
	text-align: center;
	width: 24px;
	line-height: 24px;
	display: inline-block;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	background: #cacaca;
	margin-top: 4px;
	padding: 0px;
	padding-left: 2px;
}
.pagination .pages {
	padding: 0px;
}
.pagination .pages strong.on,
.pagination .pages a.lien_pagination {
	display: inline-block;
	text-align: center;
	width: 24px;
	line-height: 24px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	background: #cacaca;
	margin: 4px 2px
}
.pagination .disabled:before {
	background: #FFF !important;
	color:rgba(86, 86, 86,1) !important;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	filter: alpha(opacity=50);
	-moz-opacity: 0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;	
}
.pagination strong.on {
	background: rgba(86, 86, 86,1) !important;
	color: #FFF  !important;
	-webkit-transition: all 500ms linear !important;
	-moz-transition: all 500ms linear !important;
	-ms-transition: all 500ms linear !important;
	-o-transition: all 500ms linear !important;
	transition: all 500ms linear !important;
	}
.pagination .pages a.lien_pagination,
.pagination > span a:before {
	background: #FFF !important;
	color:rgba(86, 86, 86,1) !important;
	-webkit-transition: all 500ms linear !important;
	-moz-transition: all 500ms linear !important;
	-ms-transition: all 500ms linear !important;
	-o-transition: all 500ms linear !important;
	transition: all 500ms linear !important;
}

.pagination .pages a.lien_pagination:hover,
.pagination > span.next a:hover:before,
.pagination > span.prev a:hover:before {
	background: rgba(86, 86, 86,1) !important;
	color: #FFF  !important;
	-webkit-transition: all 500ms linear !important;
	-moz-transition: all 500ms linear !important;
	-ms-transition: all 500ms linear !important;
	-o-transition: all 500ms linear !important;
	transition: all 500ms linear !important;
	-webkit-transform: scale(1.3);
	-moz-transform: scale(1.3);
	-o-transform: scale(1.3);
	transform: scale(1.3);
	-webkit-background-clip: padding-box;
	-moz-background-clip: padding;
	background-clip: padding-box;
}

.pagination .sep {display: none}

.ancre-pagination {
	position: absolute; 
	margin-top: -40px;
	}
	
.pagination  span.prev.disabled:before,
.pagination  span.next.disabled:before,
.pagination  span.next a.lien_pagination:before,
.pagination  span.prev a.lien_pagination:before {
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;	
	border: 1px solid rgba(0,0,0,0.1) !important
}




/*message*/



/* PAGINATION */


  /**************/
 /* FORMULAIRE */
/**************/

input.submit,
input.submit:hover {
	-webkit-transition: all 500ms linear !important;
	-moz-transition: all 500ms linear !important;
	-ms-transition: all 500ms linear !important;
	-o-transition: all 500ms linear !important;
	transition: all 500ms linear !important;	
}

/* Formulaire colonne contexte */
.col-lat .formulaire_spip label {
    font-size: 80%;
    color: rgba(207,81,77,1);
}
.col-lat .formulaire_spip * {
    max-width: 100%
}
.col-lat .formulaire_spip input,
.col-lat .formulaire_spip textarea {
    border: 1px solid rgba(0, 0, 0, 0.1);
    padding: 4px;
    margin-bottom: 8px
}
.col-lat .formulaire_spip input.submit {
    width: 100%;
    border: none;
    color: #FFF;
    background:rgba(207,81,77,1);
}
.col-lat .formulaire_spip input.submit:hover {
    background: rgba(111, 111, 111,1);
}
.col-lat .formulaire_spip .erreur_message {
    background:rgba(86, 86, 86,1);
    font-size: 80%;
    color: #FFF;
    text-align: center;
    display: block
}
.col-lat .formulaire_spip .reponse_formulaire {
    text-align: center
}
.col-lat .formulaire_spip .reponse_formulaire.reponse_formulaire_erreur {
    background:rgba(86, 86, 86,1);
    font-size: 80%;
    color: #FFF;
    padding: 5px;
    margin-bottom: 10px
}
.col-lat .formulaire_spip .reponse_formulaire.reponse_formulaire_ok {
    background: #688E5F;
    color: #FFF;
    padding: 5px;
    font-size: 80%;
    margin-bottom: 10px
}


  /**********/
 /* TRAM BUS */
/**********/

.stib {display: inline-block; width: 25px; text-align: center;line-height: 25px;}
.t97 { background: #991f36; color: #FFF}
.t82 {background: #9dbde4;}
.t32 { background: #f5df4b;}
.b49 {background: #2f5690;color: #FFF}
.b50 {background: #b2bc00;}

.media.media_vignette  a:before {content: ""}

.spip_documents_left.media.media_vignette {width: 25%}

  /**********/
 /* FOOTER */
/**********/


footer#footer-principal {
	margin-top: 50px;
	min-height: 180px;
	background: url('//foretasbl.be/plugins/beebuzz/themes/foretasbl/css/img/footer_wood.jpg') repeat-x #614f47;
	-webkit-background-size: 1440px 100%; /* pour anciens Chrome et Safari */
	background-size: 1440px 100%; /* version standardisée */
	width: 100%;
	-webkit-box-shadow: 0px -3px 14px -3px rgba(0,0,0,0.67);
	-moz-box-shadow: 0px -3px 14px -3px rgba(0,0,0,0.67);
	box-shadow: 0px -3px 14px -3px rgba(0,0,0,0.67);
}

footer#footer-principal:before {
	content:'';
	display: block;
	position: absolute;
	margin-top: -80px;
	left: 0px;
	width: 240px;
	height: 240px;
	background: url('//foretasbl.be/plugins/beebuzz/themes/foretasbl/css/img/footer_board_left.png') no-repeat transparent;
	-webkit-background-size:contain ; /* pour anciens Chrome et Safari */
	background-size:contain; /* version standardisée */
}

footer#footer-principal .footer-after-0 {
	display: block;
	position: absolute;
	z-index: 109;
	margin-top: -260px;
	right: 0px;
	width: 142px;
	height: 280px;
	background: url("//foretasbl.be/plugins/beebuzz/themes/foretasbl/css/img/footer_feather_duster.png") no-repeat transparent top left;
	-webkit-background-size: auto 100%  ; /* pour anciens Chrome et Safari */
	background-size: auto 100%  ; /* version standardisée */
	overflow: hidden;	
}

footer#footer-principal .footer-after-1 {
	display: block;
	position: fixed;
	z-index: 99;
	bottom: 0px;
	right: -100px;
	width: 240px;
	height: 115px;
	background: url('//foretasbl.be/plugins/beebuzz/themes/foretasbl/css/img/footer_tablecloth_right_b.png') no-repeat transparent;
	-webkit-background-size: 100% auto ; /* pour anciens Chrome et Safari */
	background-size:100% auto ; /* version standardisée */
	overflow: hidden

}

footer#footer-principal .footer-after-2 {
	display: block;
	position: absolute;
	z-index: 999;
	right: 150px;
	margin-top: -120px;
	width: 150px;
	height: 100px;
	background: url('//foretasbl.be/plugins/beebuzz/themes/foretasbl/css/img/footer_chalk_right.png') no-repeat transparent;
	-webkit-background-size: contain  ; /* pour anciens Chrome et Safari */
	background-size: contain ; /* version standardisée */
}

.footer-content {
	padding-top: 10px;
	text-align: center;
	color: rgba(255,255,255,0.6);
}

.footer-content a {
	color: rgba(13, 183, 191,1) !important;
}
.footer-content a:hover {
	color: rgba(14, 220, 33,1) !important;
}

.footer-logo {
    text-align: center;
    margin: 15px 0px;
    padding-top: 0px; 
}
.footer-logo img {
    max-height: 50px;
    width: auto
}
.footer-logo a {
    margin: 0px;
    display: inline-block;
    padding: 10px;
}
.footer-logo a:hover {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
	background: url('//foretasbl.be/plugins/beebuzz/themes/foretasbl/css/img/background_blackboard.jpg') no-repeat center #1E272B ;
	-webkit-background-size: cover; /* pour anciens Chrome et Safari */
	background-size: cover; /* version standardisée */    
    -webkit-box-shadow:	0px 0px 10px 0px rgba(0,0,0,0.4);
	-moz-box-shadow:    0px 0px 10px 0px rgba(0,0,0,0.4);
	box-shadow:         0px 0px 10px 0px rgba(0,0,0,0.4);
}

footer#footer-principal .copyright {
	color: rgba(255,255,255,0.5);
	font-size: 80%
}
footer#footer-principal .footer-logo a img.blanc {background: #FFF}
footer#footer-principal .footer-logo a img.noir {background: #000}
footer#footer-principal .container {position: relative; z-index: 9999}

/* Hack afin de coller le footer en bas de page si la page est trop courte */
.container.main-container {
	min-height: calc(100vh - 355px)
}


  /***********/
 /* BACKTOP */
/***********/

.backtop {
	display: block !important;
	position: fixed  !important;
	bottom: -120px;
	right: 20px;
	width:50px;
	height:50px;
	background: url('//foretasbl.be/plugins/beebuzz/themes/foretasbl/css/img/background_blackboard.jpg') no-repeat center ;
	-webkit-background-size: cover; /* pour anciens Chrome et Safari */
	background-size: cover; /* version standardisée */
	-moz-opacity: 0;
	-khtml-opacity: 0;
	opacity: 0;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha"(Opacity=0);
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
	filter:alpha(opacity=0);
	-webkit-transition: all 500ms ease-in-out;
	-moz-transition: all 500ms ease-in-out;
	-ms-transition: all 500ms ease-in-out;
	-o-transition: all 500ms ease-in-out;
	transition: all 500ms ease-in-out ;
}
.backtop:before {
	font-family: FontAwesome; 
	content: "\f077";
	display: block !important;
	font-size: 24px;
	line-height: 46px;
	width:  46px;
	text-align:center;
	color: #FFF;
	-webkit-transition: all 500ms ease-in-out;
	-moz-transition: all 500ms ease-in-out;
	-ms-transition: all 500ms ease-in-out;
	-o-transition: all 500ms ease-in-out;
	transition: all 500ms ease-in-out ;
}
.backtop.affix {
	display: block !important;
	position: fixed  !important;
	z-index: 999999 !important;
	right: 20px;
	bottom: 20px;
	-moz-opacity: 1;
	-khtml-opacity: 1;
	opacity: 1;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha"(Opacity=100);
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
	filter:alpha(opacity=100);
	-webkit-transition: all 500ms ease-in-out;
	-moz-transition: all 500ms ease-in-out;
	-ms-transition: all 500ms ease-in-out;
	-o-transition: all 500ms ease-in-out;
	transition: all 500ms ease-in-out ;
}
.backtop.affix:hover {
	bottom: 25px; 
	-webkit-transition: all 500ms ease-in-out;
	-moz-transition: all 500ms ease-in-out;
	-ms-transition: all 500ms ease-in-out;
	-o-transition: all 500ms ease-in-out;
	transition: all 500ms ease-in-out ;
}
.backtop:hover:before {
	color: rgba(13, 183, 191,1);
	-webkit-transition: all 500ms ease-in-out;
	-moz-transition: all 500ms ease-in-out;
	-ms-transition: all 500ms ease-in-out;
	-o-transition: all 500ms ease-in-out;
	transition: all 500ms ease-in-out ;
}

  /*******************************/
 /* FORMULAIRE DE CONTACT SLIDE */
/*******************************/

#formulaire-contact {
	background: url('//foretasbl.be/plugins/beebuzz/themes/foretasbl/css/img/background_blackboard.jpg') no-repeat center ;
	-webkit-background-size: cover; /* pour anciens Chrome et Safari */
	background-size: cover; /* version standardisée */
	width:70%;
	left: 15%;
	top: 120%;
	height: 90%;
	position: fixed;
	z-index: 99999999999999;
	padding: 0px 20px 0px 20px;
    -webkit-box-shadow:  0 0 5px 5px rgba(0,0,0,0.5);
    -moz-shadow:  0 0 5px 5px rgba(0,0,0,0.5);
    box-shadow:  0 0 5px 2px rgba(0,0,0,0.5);
	}
	
#formulaire-contact.on {
	top: 5%;
	}
	
#formulaire-contact #formulaire-contact-ajax {
	height: 75%;
	margin: 5% 0px 0px 0px;
	overflow: auto;
	padding: 0px 10px 10px 10px;
	-webkit-box-shadow: inset 0px -11px 11px 0px rgba(50, 50, 50, 1);
	-moz-box-shadow:    inset 0px -11px 11px 0px rgba(50, 50, 50, 1);
	box-shadow:         inset 0px -11px 11px 0px rgba(50, 50, 50, 1);
	}

#formulaire-contact .formulaire_spip.formulaire_formidable label {
	font-size: 16px;
	color: rgba(51, 51, 51,1);
	}
#formulaire-contact .form-nav,
#mail-options > a {
	color: rgba(255,255,255,0.6);
	border-bottom: 1px solid transparent
}
#formulaire-contact .form-nav:hover,
#mail-options > a:hover {
	color: rgba(13, 183, 191,1);
	border-bottom: 1px solid rgba(13, 183, 191,1);
}

#formulaire-contact .form-nav:before,
#mail-options > a:before {
	font-family: FontAwesome;
}

#mail-options > a.form-refresh:before {
	content: "\f021";
}

#mail-options > a.google-mail:before {
	 content: "\f1a0";
}

#mail-options > a.yahoo-mail:before {
	content: "\f19e";
}

#mail-options > a.microsoft-mail:before {
	content: "\f17a";
}

#mail-options > a.local-mail:before {
	content: "\f109";
}

#mail-options > a.skype-contact:before {
	content: "\f17e";
}

#mail-options > a#btn-mail-close:before {
	content: "\f00d"
}
#formulaire-contact .form-nav-bottom:before {
	content: "\f078";
}
#formulaire-contact .form-nav-top:before {
	content: "\f077";
}
	
#formulaire-contact input, #formulaire-contact textarea {
	border: none; 
	display: block; 
	width: 100%; 
	margin: 5px 0px  20px 0;
	padding:14px; 
	font-size: 20px;
	color: #000000;
	background: rgba(255,255,255,0.9);
	-webkit-transition: all 500ms ease-in-out;
	-moz-transition: all 500ms ease-in-out;
	-ms-transition: all 500ms ease-in-out;
	-o-transition: all 500ms ease-in-out;
	transition: all 500ms ease-in-out ;	
	}
	
#formulaire-contact input:focus, #formulaire-contact textarea:focus {
	background: rgba(255,255,255,1) !important;
	-webkit-transition: all 500ms ease-in-out;
	-moz-transition: all 500ms ease-in-out;
	-ms-transition: all 500ms ease-in-out;
	-o-transition: all 500ms ease-in-out;
	transition: all 500ms ease-in-out ;	
}

#formulaire-contact input.submit {
	border:none;
	padding: 14px; 
	margin: 5px 0px  20px 0;
	font-size: 20px;
	color: #FFF;
	background: rgba(13, 183, 191,1);
	}
	
#formulaire-contact input.submit:hover {
	background: rgba(111, 111, 111,1);
	}
	
#formulaire-contact *::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color:rgba(111, 111, 111,0.5);
}
#formulaire-contact *:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color: rgba(111, 111, 111,0.5);
   opacity:  1;
}
#formulaire-contact *::-moz-placeholder { /* Mozilla Firefox 19+ */
   color: rgba(111, 111, 111,0.5);
   opacity:  1;
}
#formulaire-contact *:-ms-input-placeholder { /* Internet Explorer 10-11 */
   color:rgba(,0.5);
}
#formulaire-contact *::-ms-input-placeholder { /* Microsoft Edge */
   color:rgba(111, 111, 111,0.5);
}

#formulaire-contact label {
	color: rgba(255,255,255,0.5) !important; !important;
	}
	
#formulaire-contact .obligatoire {
	color: rgba(255,255,255,0.5) !important;
}

#formulaire-contact .reponse_formulaire {
	width: 100%;
	margin: 10px 0px;
	padding-top: 0px;
	color: #000000; 
	font-size: 18px;
	text-align: center; 
	padding: 13px 5px 7px 5px;
	background-color:rgba(255,255,255,1);
    }

#formulaire-contact .reponse_formulaire.reponse_formulaire_ok {
	background-color:rgba(14, 220, 33,1);
	}
    
#formulaire-contact .reponse_formulaire.reponse_formulaire_erreur {
	background-color: rgba(255,75,4,1) !important; 
	color: #FFF;
	}
	
#formulaire-contact .formulaire_spip.formulaire_formidable form ul {
	margin: 0; 
	padding: 0
	}

#formulaire-contact .erreur_message {
	display: block;
	background:rgba(255,75,4,1) !important; 
	color: #FFF;
	padding: 10px; 
	font-size: 12px
	}

#btn-mail-top.btn-mail a {
	font-size: 18px; 
	padding: 4px
	}
	
#btn-mail-top.btn-mail #btn-mail-close {
	float: right
	}

#btn-mail-bottom.btn-mail a {
	font-size: 24px; 
	padding: 4px
	}
	
	
 /** Clear formatage BLOC DEPLIANT **/

li.row  .blocs_titre {
	background:none !important;
	font-weight:normal !important;
	line-height:normal !important;
	margin:0px !important;
	padding:0px !important;
	clear:none !important;
	cursor:pointer;
	color: rgba(79, 79, 79,1) !important;
}
li.row .blocs_titre > a,
li.row .blocs_titre > h4 {
	font-size: 16px;
	color: rgba(56, 66, 72,1) !important;
}
li.row  .cs_blocs h4.blocs_titre > a {
	position: relative; 
	display:block;
	z-index:999;
}
li.row  .cs_blocs h4.blocs_titre > a .row-tab.row-eq-height {
	background: rgba(0,0,0,0.03);
	-webkit-transition: all 500ms ease-in-out;
	-moz-transition: all 500ms ease-in-out;
	-ms-transition: all 500ms ease-in-out;
	-o-transition: all 500ms ease-in-out;
	transition: all 500ms ease-in-out ;	
}
li.row  .cs_blocs h4.blocs_titre > a:hover .row-tab.row-eq-height {
	background: rgba(0,0,0,0.07);
	-webkit-transition: all 500ms ease-in-out;
	-moz-transition: all 500ms ease-in-out;
	-ms-transition: all 500ms ease-in-out;
	-o-transition: all 500ms ease-in-out;
	transition: all 500ms ease-in-out ;	
}
li.row  .cs_blocs h4.blocs_titre.blocs_replie > a .row-tab.row-eq-height,
li.row  .cs_blocs h4.blocs_titre.blocs_replie > a:hover .row-tab.row-eq-height {
	background: none;
}
li.row .blocs_titre .blocs_destination .preload {
	height: 200px;
	display: block;
}
li.row  .blocs_destination .preload  i {
	top: 40px;
	position: absolute !important;
	font-size: 24px;
}
li.row.reset-float-btsp .cs_blocs .blocs_destination.blocs_invisible {
	padding: 0px 4px 4px 4px
}
li.row.reset-float-btsp .cs_blocs .blocs_destination.blocs_invisible [class^="col-"] {
    float: none;
	display: inline-block !important;
}
li.row.reset-float-btsp .cs_blocs .blocs_destination.blocs_invisible .thumbnail {
	border: none; 
	background: none; 
	padding-left:14px;
}
li.row.reset-float-btsp .cs_blocs .blocs_destination.blocs_invisible .thumbnail img {
	padding-left: !important; 
	padding: 4px; 
	border: 1px solid rgba(0,0,0,0.1); 
	background-color: rgba(255,255,255,0.8)
	}

	
	
  /**************************/
 /* CAROUSEL BOOTSRAP FADE */
/**************************/

.carousel-fade .carousel-inner .item {
	-webkit-animation-duration: 1.5s;
	animation-duration: 1.5s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}
.carousel-fade .carousel-inner .item,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
	-webkit-animation-name: carouselFadeOut;
	animation-name: carouselFadeOut;
}
.carousel-fade .carousel-inner .active,
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
	-webkit-animation-name: carouselFadeIn;
	animation-name: carouselFadeIn;

}
.carousel-fade .carousel-inner .next,
.carousel-fade .carousel-inner .prev,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  left: 0;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}
.carousel-fade .carousel-control {
  z-index: 2;
}

@-webkit-keyframes carouselFadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}
@keyframes carouselFadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}
@-webkit-keyframes carouselFadeOut {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}
@keyframes carouselFadeOut {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}

	
/*==================================================
=            Bootstrap 3 Media Queries             =
==================================================*/




    /*==========  Mobile First Method  ==========*/

    /* Custom, iPhone Retina */ 
    @media only screen and (min-width : 320px) {
        
    }

    /* Extra Small Devices, Phones */ 
    @media only screen and (min-width : 480px) {

    }

    /* Small Devices, Tablets */
    @media only screen and (min-width : 768px) {
.main-container  { margin-top: 80px !important}

    }

    /* Medium Devices, Desktops */
    @media only screen and (min-width : 992px) {

    }

    /* Large Devices, Wide Screens */
    @media only screen and (min-width : 1200px) {

    }


    /*==========  Non-Mobile First Method  ==========*/

    /* Large Devices, Wide Screens */
    @media only screen and (max-width : 1200px) {
		.container {
			min-width: 96% !important; 
		}

    }

    /* Medium Devices, Desktops */
    @media only screen and (max-width : 992px) {
		#carousel-headerpage img  {
			width: 238px;
			height: 238px;
		}
		
		#carousel-headerpage  {
			margin-top:-60px;
			width: 238px;
			height: 238px;
		}
		#img-top-right {
			height: 210px;
		}
		#bloc-head-col-lat aside#section-objets-freres .list-standard,
		#bloc-head-col-lat section {padding: 15px !important;}
		.footer-logo {margin: 100px 20px}

		#galerie-image li,
		#galerie-image .x-items li,
		#galerie-image .x-items li:nth-child(1),
		#galerie-image .x-items li:nth-child(2),
		#galerie-image .x-items li:nth-child(3),
		#galerie-image .x-items li:nth-child(4),
		#galerie-image .x-items li:nth-child(5),
		#galerie-image .x-items li:nth-child(6),
		#galerie-image .x-items li:nth-child(7),
		#galerie-image .x-items li:nth-child(8),
		#galerie-image .x-items li:nth-child(9),
		#galerie-image .x-items li:nth-child(10) {
		    height: 150px !important;
			width: 25% !important;
		}

    } 

    /* Small Devices, Tablets */
    @media only screen and (max-width : 768px) {
	   nav#navigation-principale {
		   position: absolute;
		   top: 0px;
	   }
	    
		#img-top-right {
			top: 0px;
			right: 0px !important;
			width: 85px;
			height: 85px;
		}
		
		header#header-page{
			display: none;
		}
		
		.texte-spip > header {
			margin-top: 70px
		}		
    }


@media (max-width: 600px) {
	.main-container {padding-left: 0px; padding-right: 0px;}
	.footer-logo {margin: 150px 20px}
	#galerie-image li,
	#galerie-image .x-items li,
	#galerie-image .x-items li:nth-child(1),
	#galerie-image .x-items li:nth-child(2),
	#galerie-image .x-items li:nth-child(3),
	#galerie-image .x-items li:nth-child(4),
	#galerie-image .x-items li:nth-child(5),
	#galerie-image .x-items li:nth-child(6),
	#galerie-image .x-items li:nth-child(7),
	#galerie-image .x-items li:nth-child(8),
	#galerie-image .x-items li:nth-child(9),
	#galerie-image .x-items li:nth-child(10) {
	    height: 150px !important;
		width: 33% !important;
	}
}


    /* Extra Small Devices, Phones */ 
    @media only screen and (max-width : 480px) {
	#galerie-image li,
	#galerie-image .x-items li,
	#galerie-image .x-items li:nth-child(1),
	#galerie-image .x-items li:nth-child(2),
	#galerie-image .x-items li:nth-child(3),
	#galerie-image .x-items li:nth-child(4),
	#galerie-image .x-items li:nth-child(5),
	#galerie-image .x-items li:nth-child(6),
	#galerie-image .x-items li:nth-child(7),
	#galerie-image .x-items li:nth-child(8),
	#galerie-image .x-items li:nth-child(9),
	#galerie-image .x-items li:nth-child(10) {
	    height: 100px !important;
		width: 33% !important;
	}
    }

    /* Custom, iPhone Retina */ 
    @media only screen and (max-width : 320px) {
        
    }

    /*==========  Special  ==========*/

@media only screen and (min-width: 1116px) and (max-width: 1375px) {
	nav#navigation-principale {
		font-size: 18px;
	}
	nav#navigation-principale ul.nav li a {
		padding: 0px 8px !important;
	}
}
@media only screen and (min-width: 984px) and (max-width: 1115px) {
	nav#navigation-principale {
		font-size: 16px;
	}
	nav#navigation-principale ul.nav li a {
		padding: 0px 8px !important;
	}
}
@media only screen and (min-width: 881px) and (max-width: 983px) {
	nav#navigation-principale {
		font-size: 15px;
	}
	nav#navigation-principale ul.nav li a {
		padding: 0px 6px !important;
	}
} 


@media only screen and (min-width: 931px) and (max-width: 1077px) {
footer#footer-principal .footer-after-0 {
	right: 0px;
	width: 132px;
	height: 270px;
}
}
@media only screen and (min-width: 0px) and (max-width: 930px) {
footer#footer-principal .footer-after-0 {
	width: 125px;
	height: 250px;
}
} 


@media only screen and (min-width: 769px) and (max-width: 880px) {
	nav#navigation-principale {
		font-size: 15px;
	}
	nav#navigation-principale ul.nav li a {
		padding: 0px 6px !important;
	}
}

@media only screen and (max-width : 355px) {
	.navbar-header .logo-nav-xs {
		width: 180px;
		}       
}





.content-article  h1.title {
	padding-bottom: 30px;
}

.texte  p {padding-bottom: 20px; font-size: 16px;}
.texte  ul {padding-bottom:  20px !important} 
.col-lat .formulaire {padding: 0px}
.col-lat .formulaire input.submit {color: #000}
#bloc-head-col-lat section {padding: 0px; margin: 10px 0px}

 





@media only screen and (max-width : 930px) {

	nav {
		z-index:1.0E+23;
		font-size: 18px;
	}
	
	nav ul.dropdown-menu {
		background:rgba(111, 111, 111,1)!important;
	}
	
	nav ul.dropdown-menu > li {
		border-left:none;
	}
	
	nav.affix {
		-webkit-animation-name:bounceInDown;
		animation-name:bounceInDown;
		-webkit-animation-duration:1.5s;
		animation-duration:1.5s;
	}
	
	nav ul {
		margin-left:0!important;
	}
	
	nav li {
		border-bottom:1px solid rgba(0,0,0,0.2);
	}
	
	nav li ul {
		padding:0!important;
		font-size:85%;
	}
	
	nav#navigation-principale li.dropdown ul.dropdown-menu {
		padding:0!important;
	} 
}

 

@media (max-width: 930px) {
    .navbar-header {
        float: none;
    }
    .navbar-left,.navbar-right {
        float: none !important;
    }
    .navbar-toggle {
        display: block;
    }
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }
    .navbar-fixed-top {
        top: 0;
        border-width: 0 0 1px;
    }
    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-nav {
        float: none!important;
        margin-top: 7.5px;
    }
    .navbar-nav>li {
        float: none;
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .collapse.in{
        display:block !important;
    }
}




  /**************/
 /* MENU ADMIN */
/**************/

#menu-admin {
	position:absolute;
	z-index:99999;
	background:#2e2e2e;
	margin-top: 10px ;
	right:0px;
	-webkit-border-top-left-radius: 4px;
	-webkit-border-bottom-left-radius: 4px;
	-moz-border-radius-topleft: 4px;
	-moz-border-radius-bottomleft: 4px;
	border-top-left-radius: 4px;
	border-bottom-left-radius: 4px;
	padding:15px;
	width:40px;
	font-size:12px;
	cursor:pointer;
}

#menu-admin.false .fa-times {
	display: none;
}
#menu-admin.true .fa-cog {
	display: none;
}

#menu-admin:hover {
	background:rgba(13, 183, 191,1);
	width:80px;
}

#mini-menu-admin .logger_icon {
	font-size:12px;
}

#mini-menu-admin {
	position:absolute;
	top:100px;
	right:5px;
	background:#2e2e2e;
	padding:10px;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px;
	width:150px;
	z-index:999;
}

#mini-menu-admin > ul > form.bouton_action_post > div > button.submit:hover,#mini-menu-admin a:hover {
	background:rgba(149,192,71,1);
	-webkit-transition:all 500ms ease-in-out;
	-moz-transition:all 500ms ease-in-out;
	-ms-transition:all 500ms ease-in-out;
	-o-transition:all 500ms ease-in-out;
	transition:all 500ms ease-in-out;
}

#mini-menu-admin > ul > li > a > i.fa,#mini-menu-admin > ul > li > a > .label-outil {
	display:inline-block;
	font-size:10px;
}

#mini-menu-admin > ul > li > a > .label-outil {
	width:105px;
	float: right
}

#mini-menu-admin > ul > li > a > i.fa {
	width:12px;
	display: inline-block;
}

#mini-menu-admin > ul > form.bouton_action_post {
	margin:0;
	padding:0;
	border:none;
	background:none;
}

#mini-menu-admin > ul > form.bouton_action_post > div > button.submit {
	font-size:10px;
	margin:0;
	padding:0;
	border:none;
	background:none;
}

#mini-menu-admin > ul > form.bouton_action_post > div > button.submit,#mini-menu-admin a {
	display:block;
	padding:4px;
	line-height:14px;
	-webkit-border-radius:2px;
	-moz-border-radius:2px;
	border-radius:2px;
	color:#FFF;
	margin:4px 0;
	background:rgba(255,255,255,0.1);
	text-align:left;
	-webkit-transition:all 500ms ease-in-out;
	-moz-transition:all 500ms ease-in-out;
	-ms-transition:all 500ms ease-in-out;
	-o-transition:all 500ms ease-in-out;
	transition:all 500ms ease-in-out;
	overflow: auto;
	zoom: 1;
}
#mini-menu-admin > ul > form.bouton_action_post > div > button.submit:hover,#mini-menu-admin a:hover {
	background: rgba(13, 183, 191,1); 
	-webkit-transition:all 500ms ease-in-out;
	-moz-transition:all 500ms ease-in-out;
	-ms-transition:all 500ms ease-in-out;
	-o-transition:all 500ms ease-in-out;
	transition:all 500ms ease-in-out;
}

#mini-menu-admin > ul > form.bouton_action_post > div > button.submit {
	width:100%;
}

#mini-menu-admin > ul > form.bouton_action_post > div > button.submit:before {
	font-family:FontAwesome!important;
	content:"\f054";
	padding-right:10px;
}


#cboxOverlay {z-index: 99999999!important}
#colorbox {z-index: 999999999!important} 


body.popup.gabarit_small  #beebuz-pdf-viewer div#head-pdf.menu-media span#option-pdf-viewer div#liste-item-menu-pdf a.item-menu-pdf {
  font-size:22px !important
}
body.popup.gabarit_small  #beebuz-pdf-viewer div#head-pdf.menu-media span#option-pdf-viewer .option-pdf-viewer.expand {
	display: none
}
body.popup.gabarit_small .document { 
  margin: 0px !important;
  padding: 0PX !important
}

body.popup.gabarit_small .featurette-divider {
  display: none
  
}
.force-img img {
	width: 100% !important;
	height: auto
}
@media screen and (min-width:1565px) {
  #navigation-principale:not(.affix) #img-top-right {
	margin:0px !important;
		padding: 0px !important;
    left: calc( 100% - 230px ) !important;
  }
}		


/* typo-skel.css.html */
	/* plugins/beebuzz/themes/foretasbl/css/typo-skel.css.html */

   /***************************************************************/
  /* Franck Halatre - franck@artinthebox.be - ArtInTheBox - 2016 */
 /*       Template CSS typo - Maison de la Participation        */
/***************************************************************/

/* Mise en forme : http://www.cleancss.com/css-beautify/ */

  /*****************/
 /* CSS DYNAMIQUE */
/*****************/

/**COULEURS**/
 
	

	
	
	
	
	
	
	
	
	
	
	
	
	
	






































  /********/
 /* FONT */
/********/


.spip_documents {
	text-align:center;
	max-width: 100%;
	display: inline-block !important
	}
.spip_documents p {
	margin:.10em;
	padding:0
	}
.spip_documents_center {
	display:block;
	padding: 10px 0px;
	}
.spip_documents_center img {
	max-width: 100%
	}
.spip_documents_left{
	float:left;
	padding: 10px 10px 10px 0px;
	}
.spip_documents_right{
	float:right;
	padding: 10px 0px 10px 10px;
	}
.spip_documents_right,
.spip_documents_left {
	max-width: 50%
	}
@media only screen and (max-width : 768px) {
	.spip_documents_right,
	.spip_documents_left {
		max-width: 33%
		}
}
@media only screen and (max-width : 480px) {
	.spip_documents_right,
	.spip_documents_left {
		max-width: 100%
		}
}
.spip_documents img {
	display: block !important; 
	}
.spip_doc_titre{
	margin-right:auto;
	margin-left:auto;
	font-weight:700;
	font-size:.90em
	}
	
.spip_doc_descriptif{
	clear:both;
	margin-right:auto;
	margin-left:auto;
	font-size:.90em
	}
	
.spip_modele{
	float:right;
	display:block;
	padding:1em;
	border:1px solid;
	width:180px
	}

/* NOTE */

.spip_note_ref {
	position: relative;
	bottom: 4px;
	vertical-align:super;
	text-decoration:none;
	font-size: 0px;
	line-height:0px	
	}
.spip_note_ref a {
	color: #FFF !important; 
	margin: 0px !important;
	background: rgba(13, 183, 191,1);
	width:17px;
	display: inline-block;
	border-radius: 50%;
	font-size: 10px;
	line-height: 17px;
	text-align: center
	}
.spip_note_ref a:hover,
.spip_note_ref:hover a {
	background: rgba(14, 220, 33,1);
	color: #FFF !important;
	}
.spip_note_ref a:before {
	font-size: .5em;
	color: #FFF !important;
	padding: 0px; 
	margin: 0px
	}
.spip_note_ref:hover a:before {
	font-size: .5em;
	padding: 0px; 
	margin: 0px
	}
#note,
#note #nb1 {
	border-top: 1px dotted;
}
#note #nb1 {
	padding-top: 10px
}
#note .spip_note_ref {
	position: relative;
	bottom: -4px;
	vertical-align:none;
	margin-right: 15px;
}
#note .spip_note_ref a  {
	width:22px;
	font-size: 12px;
	line-height: 22px;
	text-align: center;
}
#note  p {
	font-size: 16px;
	border-bottom: 1px dotted;
}

/* typo */

a:*,
* {
	outline:none;
	text-decoration: none;
	}
	
#texte.texte a {
	color: rgba(13, 183, 191,1);
}
	
/* gras*/
	
p  strong {font-weight: 600 !important}

/** taille du texte **/

t1 {
	font-size: 130%;
	line-height: 130%;
	}

t2 {
	font-size: 150%;
	line-height: 150%;
	}

t3 {
	font-size: 175%;
	line-height: 175%;
	}

/** soulignement **/

sl { 
	text-decoration: underline;
	}

/** couleur **/

c0,
c0 i.fa {
	color: rgba(,1) !important;
	}
	
c1,
c1 i.fa {
	color: rgba(14, 220, 33,1) !important;
	}

c2,
c2 i.fa {
	color: rgba(13, 183, 191,1) !important;
	}
c3,
c0 i.fa {
	color: rgba(,1) !important;
	}
c4,
c4 i.fa {
	color: rgba(246,155,49,1) !important;
	}

c5,
c5 i.fa {
	color: rgba(49,58,31,1) !important;
	}

c6,
c6 i.fa {
	color: rgba(13, 183, 191,1) !important;
	}
	
c7,
c7 i.fa {
	color: rgba(,1) !important;
	}

c8,
c8 i.fa {
	color: rgba(207,81,77,1) !important;
	}

c9,
c9 i.fa {
	color: rgba(175, 50, 44,1) !important;
	}

c10,
c10 i.fa {
	color: rgba(51, 51, 51,1) !important;
	}


/** Petite capitale **/ 	

sc {
  text-transform : uppercase;
  font-size: 70%;
}

/** mise en relief **/

.caractencadre-spip {
	color: #FFF !important;
	background: rgba(14, 220, 33,1) !important;
	font-weight: normal !important;
	padding: 1px 3px;
	display: inline-block;
	}
.caractencadre2-spip {
	color: #FFF !important;
	background: rgba(13, 183, 191,1) !important;
	font-weight: normal !important;
	padding: 1px 3px;
	display: inline-block;
	}

/** Encadrement **/

.texteencadre-spip {
	display: block;	
	background-color: rgba(86, 86, 86,1) !important;
	background: url('//foretasbl.be/plugins/beebuzz/themes/foretasbl/css/img/background_blackboard.jpg') no-repeat center !important	;
	-webkit-background-size: cover !important; /* pour anciens Chrome et Safari */
	background-size: cover !important; /* version standardisée */	
	border: none !important;
	margin: 10px;
	padding: 27px !important;
	font-family: DK Crayon Crumble !important;
	font-size: 22px !important;
	font-weight: normal !important;
/*	text-align: center; */
	color: #FFF !important ;
	overflow: auto;
	zoom: 1;
	}
	
.texteencadre-spip .spip_documents {
	max-width: 33% !important; 
	}
	
.texteencadre-spip ul li {
    list-style: none !important;
	}
	
.texteencadre-spip ul li:before {
    content: "." !important;
    font-family: EraserDust !important;
	}

.texteencadre-spip h3,
.texteencadre-spip h4 {
	font-family: EraserDust !important;
	}
	
.texteencadre-spip.spip h5.spip {
	font-family: Made With B !important;
	color: #FFF !important;
	font-size: 34px !important;
}

	
.texteencadre-spip hr.spip {
	background: url('//foretasbl.be/plugins/beebuzz/themes/foretasbl/css/img/blackboard_line.png') no-repeat center !important	;
	background-size: 150px auto !important;
	padding-top: 10px;
	padding-bottom:10px;

	border: none !important; 
}
.tableau_menu {
	display: table;
	border-collapse: separate !important;
	background-color: rgba(86, 86, 86,1) !important;
	background: url('//foretasbl.be/plugins/beebuzz/themes/foretasbl/css/img/background_blackboard.jpg') no-repeat center !important	;
	-webkit-background-size: cover !important; /* pour anciens Chrome et Safari */
	background-size: cover !important; /* version standardisée */	
	border: none !important;
	margin:  20px 0px;
	padding: 27px 27px 47px 27px !important;
	font-family: DK Crayon Crumble !important;
	font-size: 22px !important;
	font-weight: normal !important;
	text-align: left;
	color: #FFF !important ;
	overflow: auto;
	width: 100%;
	zoom: 1;
}
.tableau_menu * {border: none !important}
.tableau_menu #carte_vin {
	display: inline-block;
	color: #FFF;
	padding: 20px;
	margin: 40px 0px;
	border: 2px solid rgba(255,255,255,.8) !important;
}
.tableau_menu #carte_vin:hover {
	color: rgba(13, 183, 191,1);
	padding: 30px;
	margin: 30px 0px;
	border: 2px solid rgba(13, 183, 191,1) !important;	
}
.tableau_menu  .titre,
.tableau_menu h5.spip {
	font-family: Made With B !important;
	color: #FFF !important;
	font-size: 34px !important;
}
.tableau_menu  .center {
	text-align: center;
}
.tableau_menu  .right {
	text-align: right;
}
.tableau_menu tr th .titre,
.tableau_menu tr th h5.spip {
	font-size: 140% !important;
} 
.tableau_menu img,
.tableau_menu .spip_documents {
	max-width: 33% !important; 
	height: auto;
}
.tableau_menu img {
	padding: 20px 0px;
}
	
.tableau_menu hr.sep_1 {
	background: url('//foretasbl.be/plugins/beebuzz/themes/foretasbl/css/img/blackboard_line.png') no-repeat center !important	;
	background-size: 150px auto !important;
	padding-top: 10px;
	padding-bottom:10px;
	border: none !important; 
}

.tableau_menu hr.sep_2 {
	background: url('//foretasbl.be/plugins/beebuzz/themes/foretasbl/css/img/blackboard_line_2.png') no-repeat center !important	;
	background-size: 300px auto !important;
	padding-top: 10px;
	padding-bottom:10px;
	border: none !important; 
}

.tableau_menu  a {
	border: 2px solid rgba(255,255,255,0.5) !important; 
	display: inline-block;
	padding: 2px 4px; 
	font-size: 75%;
	color: #FFF !important;
	-webkit-border-radius: 4px; 
	-moz-border-radius: 4px;
	border-radius: 4px;
}

.tableau_menu  td.c1 {
	color: rgba(14, 220, 33,1) !important;
}
.tableau_menu  td.c2 {
	color: rgba(13, 183, 191,1) !important;
}


.tableau_menu  a:hover {
	border-color:  rgba(13, 183, 191,1) !important; 
	color: rgba(13, 183, 191,1) !important;
}

sub {
	font-size: 10px;
	}

sup  {
	font-size: 10px;
	text-transform: none;
	}
	
#chapo {
	font-family:Conv_Gotham-Light;
	color:#384248;  
	font-size: 18px;
	margin-bottom: 20px;
	}
	
#col-contexte-titre .titre {
	font-family: Conv_Gotham-Light;
	font-size: 16px;
	font-weight: 400;
	}
.texte {
	text-align: justify;
/*	text-justify: inter-character;*/
}

#texte.texte h3.spip::first-letter,
#texte.texte h4.spip::first-letter,
#texte.texte h5.spip::first-letter {
	font-family: GothamBook !important;
	font-size: 130% !important;
	text-transform: uppercase;
	color: rgba(13, 183, 191,1) !important;
}
#texte.texte h3.spip {
  	font-family: Conv_Gotham-Light;
	font-size: 32px !important;
	font-weight: 400;
	padding: 0px 0px 10px 0px
	}
#texte.texte h4.spip {	
	font-family: Conv_Gotham-Light;
	font-size: 26px;
	font-weight: 400;
	padding: 7px 0px 7px 0px
	} 
#texte.texte h5.spip {
	font-family: Conv_Gotham-Light;
	font-size: 22px;
	font-weight: 400;
	padding: 5px 0px 5px 0px
	} 
	
	
	




/** ligne de separation (----) **/
	
hr {
	border: none !important;
    border-bottom: 1px solid rgba(0, 0, 0,0.2) !important;
	margin: 20px 10% 20px 10%;
	}

/** liens **/

	/*** enlever les pontilles autour des liens ***/
	

a, a:hover, a:focus {
	-webkit-transition: all 500ms ;
	-moz-transition: all 500ms ;
	-ms-transition: all 500ms ;
	-o-transition: all 500ms ;
	transition: all 500ms ;
	text-decoration: none;
	}
	
p a {}
	
p a:hover {}


	/*** enlever la balise hreflang sur les liens ***/

a[hreflang]:after {
	display: none
	}
	
	/*** enlever les pontilles autour des fichiers swf ***/
		
focus {
	outline:none;
	}
	
object {
	outline:none;
	}
	
	
	/*** enlever contours autres (safari) ***/

input[type="text"]:focus, input[type="password"]:focus, textarea:focus{
	outline: none;
	}

/*** liens dans le texte ***/
	
p a {color: rgba(51, 51, 51,1);}

p a:hover  {color: rgba(14, 220, 33,1) !important;}

p a:before { 
    content: "\f054";
    font-family: FontAwesome!important;
    display: inline-block;
    margin-right: 4px;
    margin-left: 2px;
    font-weight: 400;
    font-size: 12px;
    padding-top: 1px;
    text-align: center;
    vertical-align: middle;
	-webkit-transition: all 500ms ease-in-out;
	-moz-transition: all 500ms ease-in-out;
	-ms-transition: all 500ms ease-in-out;
	-o-transition: all 500ms ease-in-out;
	transition: all 500ms ease-in-out ;	
	}
	
p a:hover:before { 
    content: "\f054";
    font-family: FontAwesome!important;
    display: inline-block;
    margin-right: 2px;
    margin-left: 4px;
    font-weight: 400;
    font-size: 12px;
	-webkit-transition: all 500ms ease-in-out;
	-moz-transition: all 500ms ease-in-out;
	-ms-transition: all 500ms ease-in-out;
	-o-transition: all 500ms ease-in-out;
	transition: all 500ms ease-in-out ;	
	-webkit-transform: rotate(360deg);
	-moz-transform: rotate(360deg);
	-o-transform: rotate(360deg);
	transform: rotate(360deg);
	}

	/*** liens externe dans le texte ***/	

p .spip_out {color: rgba(51, 51, 51,1);}

p .spip_out:hover  {color: rgba(111, 111, 111,1);}

p .spip_out:visited {color: rgba(51, 51, 51,1);}
	
p .spip_out:visited:hover {color: rgba(51, 51, 51,1);}

	/*** liens interne dans le texte ***/
	
p .spip_in {color: rgba(51, 51, 51,1);}
	
.spip_documents .spip_in {}
	
.spip_in {}

p .spip_in:hover  {color: rgba(111, 111, 111,1);}

p .spip_in:visited {color: rgba(51, 51, 51,1);}
	
p .spip_in:visited:hover {color: rgba(51, 51, 51,1);}

	/*** mail ***/
	
p .spip_mail {}
	
p .spip_mail:hover {}

/** puces **/

	/*** 
	disc 
	petit cercle plein
	list-style-type: disc;
	-------
	circle
	petit cercle vide
	list-style-type: circle;
	------
	square
	petit carre plein
	list-style-type: square;
	***/

li, ul {
	list-style-type: none;
	padding: 0px;
	margin: 0px
	}
.texte ul,
.texte li { 
	margin: 0px !important;
	padding: 0px !important;
	}
.texte > ul {
	margin: 20px 0px !important
	}
.texte ul li  {
	list-style-type: disc;
	margin: 0px 0px 0px 40px !important;
	font-size: 16px !important;
	line-height: 180%;
	}
.texte > ul > li {
	margin: 0px 0px 0px 15px !important;
	} 

/** liste numerote 2 niveaux **/

.texte ol.spip {
	counter-reset:Point_liste_niveau1;
	list-style-type:none;
	font-size: 16px !important;
	line-height: 180%;
}
.texte ol.spip li:before {
	content: counter(Point_liste_niveau1) ". ";
	counter-increment:Point_liste_niveau1;
}
.texte ol.spip ol.spip  {
	margin-left: 40px;
	counter-reset:Point_liste_niveau2;
	list-style-type:none;
}
.texte ol.spip ol.spip li:before, .texte-rubrique ol.spip ol.spip li:before {
	content: counter(Point_liste_niveau1) ". "counter(Point_liste_niveau2,lower-alpha) ". ";
	counter-increment:Point_liste_niveau2;
}
.texte ol.spip ol.spip ol.spip {
	counter-reset:Point_liste_niveau3;
	list-style-type:none;
}
.texte ol.spip ol.spip ol.spip li:before, .texte-rubrique ol.spip ol.spip ol.spip li:before {
	content: counter(Point_liste_niveau1) ". "counter(Point_liste_niveau2,lower-alpha) ". " counter(Point_liste_niveau3,lower-alpha) ". ";
	counter-increment:Point_liste_niveau3;
}






/** textaera **/

	/*** 
	zone scrollable avec une hauteur maximum
	***/

.spip_cadre   {
	Width: 100%;
	padding: 10px;
	margin-left: 0%;
	height: 150px;
	border: 1px solid rgba(79, 79, 79,1);
	background: rgba(79, 79, 79,.05)
	}

/** quote **/

blockquote.spip  {
	font-family:DK Crayon Crumble;
	font-size: 18px !important;
	font-weight:normal;
	font-style:italic;
	line-height: 25px;
	color:rgba(255,255,255,0.9);
	width: 90%;
	margin: 20px 5% 20px 5% ;
	padding: 5%;
	border: none;
	background: url('//foretasbl.be/plugins/beebuzz/themes/foretasbl/css/img/background_blackboard.jpg') no-repeat center !important	;
	-webkit-box-shadow: 0 3px 7px rgba(79, 79, 79,.1), 0 -3px 17px rgba(79, 79, 79,.1);
	-moz-box-shadow:  0 3px 7px rgba(79, 79, 79,.1), 0 -3px 17px rgba(79, 79, 79,.1);
	box-shadow:  0 3px 7px rgba(79, 79, 79,.1),  0 -3px 17px rgba(79, 79, 79,.1);
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	}
	

blockquote.spip h3.spip,
blockquote.spip h4.spip,
blockquote.spip h5.spip {
	font-family:DK Crayon Crumble !important;	
	}
#texte.texte  blockquote.spip h3.spip::first-letter,
#texte.texte  blockquote.spip h4.spip::first-letter,
#texte.texte  blockquote.spip h5.spip::first-letter {
	font-family:Made With B !important;	
	}
blockquote.spip strong {
	font-family:DK Crayon Crumble !important;
	}
blockquote.spip p {
	font-size: 18px !important;
	}
	
/** poesie **/

blockquote.spip_poesie  {
	font-family: Conv_Gotham Extra Light ;
	color: rgba(79, 79, 79,1);
	border:1px solid rgba(79, 79, 79,1);
	margin:25px 0 25px 0;
	padding:25px;
	font-size: 16px;
	line-height: 150%;
	}
	
/** tableau **/

table.spip{
	width:100%;
	margin-right:auto;
	margin-left:auto;
	margin-bottom:1em;
	border-collapse:collapse;
	border-spacing:0;
	line-height:normal;
	}

table.spip caption{
	caption-side:top;
	text-align:center;
	margin-right:auto;
	margin-left:auto;
	font-weight:bold;
	}
	
table.spip tr {
	padding: 10px !important
	}

table.spip tr.row_first{
	background:rgba(79, 79, 79,1);
	color: #FFF;
	}

table.spip tr.row_odd{
	background:rgba(79, 79, 79,.1);
	color: rgba(79, 79, 79,1);
	}

table.spip tr.row_even{
	background:rgba(79, 79, 79,.02);
	color: rgba(79, 79, 79,1);
	}

table.spip th,table.spip td{
	padding:10px;
	text-align:left;
	border:1px solid rgba(79, 79, 79,.05);
	}

table.spip th{
	vertical-align:bottom;
	font-weight:normal;
	}

table.spip td{
	vertical-align:top;
	}

.outil_guillemets {
	display: none;
	}
	
.outil_guillemets_simples {
	display: none;
	}
	
.outil_link a{
	margin-left:-12px;
	}
	
.outil_quote a{
	margin-left: -12px;
	}
	

/** formulaire **/

.spip_forms {
	border: none;
	}

.spip_forms fieldset{
	border: none;
	}

.spip_forms legend{
	margin:0px;
	padding:0px;
	color:#146F67;
	}

.spip_forms{
	color:black;
	margin:0px;
	margin-bottom:0px;
	padding:0px;
	font-weight:normal;
	}
	
.spip_forms form{
	border:0;
	margin:0;
	padding:0 0 0 0;
	}
	
.spip_forms .forml,.spip_forms .formo{
	width:100%;
	border:solid 1px #FFFFFF;
	font-size:1em;padding:0px;
	}

.spip_forms .forml,.spip_forms .fondl{
	background:#FFFFFF;
	color:#4A4336;
	width:100%;
	}

.spip_forms form .forml-focus,.spip_forms form input.forml-focus:focus,.spip_forms form textarea.forml-focus:focus,.forml-focus{
	border:solid 1px rgba(79, 79, 79,1);
	background:rgba(79, 79, 79,.02);
	color:rgba(79, 79, 79,1);
	font-weight:normal;
	font-size:1em;padding:0px;
	width:100%;
	}

.spip_forms  .spip_bouton input {
	margin-right:13px;
	background:#FFFFFF; 
	color:#000000;
	margin-bottom: 10px;
	}
	
.spip_forms  .spip_bouton input:hover {
	background:#FFFFFF; 
	color:#146F67;
	}

.formInfo a,.formInfo a:active,formInfo a:visited{
	background-color:#146F67;
	font-size:1.3em;
	font-weight:bold;padding:1px 2px;
	margin-left:5px;color:#FFFFFF;
	text-decoration:none;
	float:right;
	}

.formInfo a:hover {
	color:#FFFFFF;
	text-decoration:none;
	background-color:red;
	}

.spip_forms .spip_form_champ{
	margin-bottom:0;
	display:block;
	clear:both;
	margin-top:5px;
	}

.spip_forms .spip_form_label{
	font-weight:bold;
	text-align:left;
	color:#494949;
	float:left; 
	display: inline;
	}

.spip_forms form .formo-focus,.spip_forms form input.formo-focus:focus,.spip_forms form textarea.formo-focus:focus,.spip_forms .formo-focus{
	border:solid 1px #000000;
	background:#FFFFFF;
	color:#000000;
	font-weight:normal;
	font-size:14px;
	padding:0;
	width:100%;
	}


/** SAUT DE LIGNE **/

br.sp {
	display: block;
	width: 100%;
	height: 10px;
	clear: both
	}	

/* typo texte bloc deroulant   */
	
.texte .cs_blocs h4 {
  	background:none;
    padding: 0px;
    margin: 0px;
    }

.texte .cs_blocs  h4.blocs_titre  a {
	color: #FFF !important;
	background: rgba(79, 79, 79,1);
	border-bottom: 1px solid #616F77;
	font-size: 22px;
	}
	
.texte .cs_blocs  h4.blocs_titre  a:before {
    content: "\f078";
    font-family: FontAwesome;
    display: inline-block;
    line-height: 20px;
    color: #FFF!important;
    margin-right: 10px;
    font-weight: 400;
    font-size: 14px;
	-webkit-transition: all 500ms ease-in-out;
	-moz-transition: all 500ms ease-in-out;
	-ms-transition: all 500ms ease-in-out;
	-o-transition: all 500ms ease-in-out;
	transition: all 500ms ease-in-out ;
	}
	
.texte .cs_blocs  h4.blocs_titre  a:hover:before {
	-webkit-transition: all 500ms ease-in-out;
	-moz-transition: all 500ms ease-in-out;
	-ms-transition: all 500ms ease-in-out;
	-o-transition: all 500ms ease-in-out;
	transition: all 500ms ease-in-out ;
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	transform: rotate(180deg);
	}
	
.texte .cs_blocs  h4.blocs_titre.blocs_replie  a:before {
    content: "\f054";
    font-family:  FontAwesome;
    display: inline-block;
    line-height: 20px;
    color: #FFF!important;
    margin-right: 10px;
    font-weight: 400;
    font-size: 14px;
	-webkit-transition: all 500ms ease-in-out;
	-moz-transition: all 500ms ease-in-out;
	-ms-transition: all 500ms ease-in-out;
	-o-transition: all 500ms ease-in-out;
	transition: all 500ms ease-in-out ;
	}
	
.texte .cs_blocs  h4.blocs_titre.blocs_replie  a:hover:before {
	-webkit-transition: all 500ms ease-in-out;
	-moz-transition: all 500ms ease-in-out;
	-ms-transition: all 500ms ease-in-out;
	-o-transition: all 500ms ease-in-out;
	transition: all 500ms ease-in-out ;
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	transform: rotate(90deg);
	}

.texte .cs_blocs  h4.blocs_titre  a:hover {
	background: #62737C;
	}
	
.texte .cs_blocs .blocs_destination {
	margin-bottom:20px !important;
	background: rgba(79, 79, 79,0.05);
	}
	
.texte .cs_blocs  h4.blocs_titre.cs_done a {
	display: block !important;
	text-align: center;
	padding:10px;
	margin-bottom: 0px
	}

.texte .cs_blocs .blocs_destination.blocs_invisible  p{
	margin-left: 0px;
	padding: 20px 5px;
	margin-top: 0px
	} 
	
.texte strong {
	font-weight: bold !important
	}
.texte i {
	font-style: italic !important
	}

/* BARRE TYPO - MOD TYPO V1 21/08/14 
-------------------------- */

.markItUpContainer .markItUpHeader  li.markItUpButton a  em{
	background-size:80px
	}
	
/* Reset couteau suisse */
.couteau_suisse_drop a  em {
	background-size:16px !important
	}
/* Reset inserer modeles */	
.outil_inserer_modeles  a  em {
	background-size:16px !important
	}


.markItUpContainer .markItUpHeader  li.markItUpButton a {	
	-webkit-transition: all 500ms ease-in-out;
	-moz-transition: all 500ms ease-in-out;
	-ms-transition: all 500ms ease-in-out;
	-o-transition: all 500ms ease-in-out;
	transition: all 500ms ease-in-out ;
	}
	
.markItUpContainer .markItUpHeader  li.markItUpButton a:hover {	
	-webkit-transform: scale(1.2);
	-moz-transform: scale(1.2);
	-o-transform: scale(1.2);
	transform: scale(1.2);
	-webkit-background-clip: padding-box;
	-moz-background-clip: padding;
	background-clip: padding-box;
	z-index: 99999999;
	-webkit-box-shadow: 0 3px 7px rgba(0,0,0,.2), 0 -3px 7px rgba(0,0,0,.2);
	-moz-box-shadow:  0 3px 7px rgba(0,0,0,.2), 0 -3px 7px rgba(0,0,0,.2);
	box-shadow:  0 3px 7px rgba(0,0,0,.2),  0 -3px 7px rgba(0,0,0,.2);
	}

i.fa {
  font-style: normal !important;
}		


/* ** ** ** ** ** ** ** ** *
   ** LISTE CSS STATIQUE  **
   ** ** ** ** ** ** ** ** */

/* plugins/beebuzz/themes/foretasbl/css/custom.css */
	#style-table { background: #F1F1F1}
#style-table td {padding: 10px !important}
#style-table th {padding:20px 10px  !important; font-weight: bold; font-size: 120%; border-top: 1px dotted}
.blocs_invisible * {
  max-width: 100% !important;
}
.cs_blocs div.blocs_destination.blocs_invisible > article  {
	min-height: 0px !important;
	margin-top: 0px !important;
}

.bloc-content-texte {
	position: relative
}

.bloc-homepage div.bloc-content-texte div.texteencadre-spip {
	
	padding:0px !important;
	background: none !important;
}
#cboxMiddleRight,
#cboxMiddleLeft,
#cboxTopCenter,
#cboxBottomCenter,
#cboxBottomLeft,
#cboxBottomRight,
#cboxTopLeft,
#cboxTopRight{
	opacity: 0
}