/* VERSION A MINIFER!! */

#topimgbanner,#topimgbanner792,#container,#postscontainer,#menucontainer,#pagescontainer{
  border:0; 
  margin:0;
  padding:0; 
}

#topimgbanner{
  width:977px;
  height:137px; 
  display:block; 
}

#topimgbanner792{
  max-width: 792px;
  min-width: 320px;
  display:none;
}

#globalcontainer{
  position: relative; 
  display: flex; 
  flex-direction: column; 
  flex-wrap: wrap; 
  justify-content: center; 
  align-items: center;
  margin-bottom:30px;
}

#container{
  max-width: 977px;
  /*min-width: 792px;*/
 /* min-width: 482px;*/
  height:auto; 
  background-color:#ACA3A4; 
  display:block;   /*table??*/
  clear:both;
}

#postscontainer{
  width:790px; 
  display:inline-block; 
  float:right; 
}

#menucontainer{
  display:inline-block; 
  float:left; 
  padding-left: 5px; 
  margin-right: 2px;
}

#pagescontainer{
  /*width:775px;*/ 
  /*float:right; */
  /*display:inline-block;*/
  padding-bottom: 10px; 
}

#copyrightbanner {
  width:977px;
  height:15px;
  border:0;
  margin:0;
  display:block;
  clear:both;
  background-color:#ACA3A4;
  border-bottom-right-radius: 15px;
  border-bottom-left-radius: 15px;
  color: #5B5A62;
  text-align: center;
}

.postsTitleBar{
  margin-bottom: 5px
}

.postsCommentsBar{
  margin-top: 10px;
  padding-top: 5px;  
  clear:both;
  border-top: 1px solid #ACA3A4;
}
.postsCommentsBarData{
  margin-right: 10px;
  display: inline-block;
  float: left;
}
.postsCommentsBarDataRight{
  display: inline-block;
  float: right;
}

.notTranslated{
  border: 1px solid Red;
  color: Red;
  text-align: center;
  background-color: White;
  font-weight:bold;
  margin-bottom : 10px;
}

.fancyboxTitleImgNb {
  float:right; 
  color:#AAAAAA;   
  font-size:10px;
  margin: -10px 0 5px 10px
}
.fancybox-type-iframe .fancybox-nav {
    width: 60px;       
}
.fancybox-type-iframe .fancybox-nav span {
    visibility: visible;
    opacity: 0.5;
}
.fancybox-type-iframe .fancybox-nav:hover span {
    opacity: 1;
}
.fancybox-type-iframe .fancybox-next {
    right: -60px;
}
.fancybox-type-iframe .fancybox-prev {
    left: -60px;
}

.tooltipster-base {
    align-items: flex-end;
}


body{
  background-image : url(../images/skin/bgHibiscus2.gif);
  background-color : #5B5A62;
  /*min-width: 792px;*/
}

body,td{
	font-family: Verdana, Tahoma, Arial, Helvetica, "Bitstream Vera Sans", sans-serif;
	font-size: 11px; /* SH20070711 70%; */
}

.highlight{
  background-color : #FFFF00;
}


.infobox{
  color: #FFFFFF;
}

.emoji{
    font-size: 140%;
    vertical-align: sub;
}

.guestbookreponse{
	font-family: Verdana, Tahoma, Arial, Helvetica, "Bitstream Vera Sans", sans-serif;
	font-size: 11px; /* SH20070711 70%; */
  color: #5B5A62;
}


h1, h2 { 
  font-family: "Trebuchet MS", Verdana, Tahoma, sans-serif; 
  font-size: 130%; 
  margin: 0 0 0 0;
  color: #5B5A62;
}

h2 { 
  clear:both;
}

.h2gradient{
  margin:30px 0 15px 0;
  padding : 3px;
  background-color:#B0A8A9;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
  border-radius: 8px;
  background: -webkit-linear-gradient(right,rgba(176,168,169,0),rgba(176,168,169,1)); /*Safari 5.1-6*/
  background: -o-linear-gradient(left,rgba(176,168,169,0),rgba(176,168,169,1)); /*Opera 11.1-12*/
  background: -moz-linear-gradient(left,rgba(176,168,169,0),rgba(176,168,169,1)); /*Fx 3.6-15*/
  background: linear-gradient(to left, rgba(176,168,169,0), rgba(176,168,169,1)); /*Standard*/
}

.post, .post-withbg{
  margin: 0 5px 10px 5px;
  border: 1px dashed #5B5A62; 
  width:770px; 
  padding: 5px 5px 5px 5px;
  background-color: #C3BBBC;
  text-align : justify;
  float:right;
}

.post-withbg{
  background-position: bottom right;
  background-image: url("../images/skin/bgPost.png");
  background-repeat: no-repeat;
}  

.spanLink         {color: #3B5871; text-decoration:underline; font-weight: bold;  }
.spanLink:hover   {color: #ff0000; cursor:pointer; }

.postbody A:active  {color: #3B5871; text-decoration:underline; font-weight: bold; }
.postbody A:link    {color: #3B5871; text-decoration:underline; font-weight: bold; }
.postbody A:visited {color: #3B5871; text-decoration:underline; font-weight: bold; }
.postbody A:hover   {color: #ff0000; text-decoration:none; font-weight: bold; }

.linkpages { font-family: "Trebuchet MS", Verdana, Tahoma, sans-serif;  font-size: 130%; font-weight: bold; color: #ff0000;  }
.linkpages A:active  {color: #3B5871; text-decoration:none; }
.linkpages A:link    {color: #3B5871; text-decoration:none; }
.linkpages A:visited {color: #3B5871; text-decoration:none; }
.linkpages A:hover   {color: #ff0000; text-decoration:none; }

.post-title{
	float: left;
	padding-left: 20px;
}

.t         {
  border-top: 1px solid #5B5A62; 
  border-left: 1px solid #5B5A62; 
}

.h         { 
  font-family: Verdana, Arial; 
  font-size: x-small; color: #5B5A62; 
  background-color : #ACA3A4; 
  border-bottom: 1px solid #5B5A62; 
  border-right: 1px solid #5B5A62; 
  font-weight: bold; 
}

.d         { font-family: Verdana, Arial; font-size: x-small; color: #5B5A62; background-color : #FFFFFF; border-bottom: 1px solid #5B5A62; border-right: 1px solid #5B5A62; }
.dred      { font-family: Verdana, Arial; font-size: x-small; color: #5B5A62; background-color : #CC0000; border-bottom: 1px solid #5B5A62; border-right: 1px solid #5B5A62; }
.dnotpublished      { font-family: Verdana, Arial; font-size: x-small; color: #5B5A62; background-color : #EEEEEE; border-bottom: 1px solid #5B5A62; border-right: 1px solid #5B5A62; }
.dgreen    { font-family: Verdana, Arial; font-size: x-small; color: #5B5A62; background-color : #00cc00; border-bottom: 1px solid #5B5A62; border-right: 1px solid #5B5A62; }
.d2        { font-family: Verdana, Arial; font-size: x-small; color: #5B5A62; background-color : #F5F5F5; border-bottom: 1px solid #5B5A62; border-right: 1px solid #5B5A62; }
.dadmin    { font-family: Verdana, Arial; font-size: x-small; color: #222222; background-color : #ACA3A4; border-bottom: 1px solid #5B5A62; border-right: 1px solid #5B5A62; }

.post-info{
	float: right;
	text-align: right;
	color: #000000;
}

.post ul { list-style-image: url("../images/skin/skinBullet.gif"); margin: 0 0 0 15px; }
.post ul ul { list-style-image: url("../images/skin/skinBullet2.gif"); margin: 0 0 0 15px;  }
.post-withbg ul { list-style-image: url("../images/skin/skinBullet.gif"); margin: 0 0 0 15px; }
.post-withbg ul ul { list-style-image: url("../images/skin/skinBullet2.gif"); margin: 0 0 0 15px;  }


/* 3 CSS pour le lien "commentaires" en bas de post... */
.post-info-co{}

.post-info-co a{
	color: #FF0000;
	text-decoration: none;
}


A:active  {color: #3B5871; text-decoration:none; }
A:link    {color: #3B5871; text-decoration:none; }
A:visited {color: #3B5871; text-decoration:none; }
A:hover   {color: #ff0000; text-decoration:none; }

.menulink             {
  font-size : 12px; color:#FFFFFF  ; font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
  
    margin: 0 0 5px 0;
    background: #807475;
    background-image: url(../../../images/skin/bgHibiscus.gif);
    width: 178px;
    border: 1px solid #5B5A62;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    text-align: left;
    padding: 10px 0 10px 0;
  
  }
.menulink ul          {margin: 0 0 0 8px; padding: 0;}
.menulink ul li       {list-style-type: none; margin: 0; padding: 0;}
.menulink ul li ul    {list-style-image: url("../images/skin/skinBullet.gif"); margin: 0; padding: 0;}
.menulink ul li ul li {list-style-image: url("../images/skin/skinBullet.gif"); margin: 0 0 0 15px; padding: 0;}
.menulink A:active  {COLOR: #FFFFFF; text-decoration:none; }
.menulink A:link    {COLOR: #FFFFFF; text-decoration:none; }
.menulink A:visited {COLOR: #FFFFFF; text-decoration:none; }
.menulink A:hover   {COLOR: #550000; text-decoration:none; }
.menulink hr           {width: 130px;border: 0;border-bottom: 1px dashed #ccc;background: #999;}

/* 20160319 */
.titlecursive, .cursiveH2 {
  font-family: 'Architects Daughter', serif;
  color: #FFFFFF;
}
.titlecursive {
  font-size: 4.5vw;
  text-shadow: 3px 3px 0 #5B5A62;
  position:absolute;
}
.cursiveH2{
  font-size: 20px;
  text-shadow: 2px 2px 0 #5B5A62;
  padding-left:10px;
  letter-spacing: 1px;
}

@media (min-width: 770px){
  .titlecursive{
    font-size: 40px; 
  }
}

@media (max-width: 350px){
  .titlecursive{
    font-size: 16px; 
  }
}

/*Social Icons*/

@font-face {
    font-family: 'si';
    src: url('socicon-1.3/socicon.eot');
    src: url('socicon-1.3/socicon.eot?#iefix') format('embedded-opentype'),
         url('socicon-1.3/socicon.woff') format('woff'),
         url('socicon-1.3/socicon.ttf') format('truetype'),
         url('socicon-1.3/socicon.svg#icomoonregular') format('svg');
    font-weight: normal;
    font-style: normal;
 
}

 
@media screen and (-webkit-min-device-pixel-ratio:0) {
    @font-face {
        font-family:si;
        src: url(socicon-1.3/socicon.svg) format(svg);
    }
}

.soc {
    overflow:hidden;
    margin:0; padding:0;
    list-style:none;
}

.soc li {
    display:inline-block;
    *display:inline;
    zoom:1;
}

.soc li a {
    font-family:si!important;
    font-style:normal;
    font-weight:400;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    -ms-box-sizing:border-box;
    -o-box-sizing:border-box;
    box-sizing:border-box;

    -o-transition:.1s;
    -ms-transition:.1s;
    -moz-transition:.1s;
    -webkit-transition:.1s;
    transition:.1s;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);

    overflow:hidden;
    text-decoration:none;
    text-align:center;
    display:block;
    position: relative;
    z-index: 1;
    width: 40px;
    height: 40px;d
    line-height: 40px;
    font-size: 28px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    margin-right: 2px;
    margin-bottom: 2px;
    color: #ffffff;
    background-color: none;
    padding-top: 6px; /* 20230203 */
}

.soc a:hover {
    z-index: 2;
    
}

.soc-icon-last{
    margin:0 !important;
}

.soc-twitter {
    background-color: #4da7de;
}
.soc-twitter:before {
    content:'a';
}
.soc-facebook {
    background-color: #3e5b98;
}
.soc-facebook:before {
    content:'b';
}
.soc-youtube {
    background-color: #FF0000;
}
.soc-youtube:before {
    content:'r';
}
.soc-instagram {
    background-color: #9c7c6e;
}
.soc-instagram:before {
    content:'x';
}

.soc-lang-fr {
    background-image:url("../images/skin/Flag_FR.png");
    background-size: 40px 40px;
}
.soc-lang-en {
    background-image:url("../images/skin/Flag_EN.png");
    background-size: 40px 40px;
}


.soc-twitter:hover {
    background-color: #61bbf2;
}
.soc-facebook:hover {
    background-color: #526fac;
}
.soc-youtube:hover {
    background-color: #f43e34;
}
.soc-instagram:hover {
    background-color: #b09082;
}



/*Responsive stuff*/
.slicknav_menu { 
	display:none; 
}

/* Youtube Responsive */
.embed-youtube-pellicule { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; margin-top:5px; margin-bottom:5px} 
.embed-youtube-pellicule iframe, .embed-youtube-pellicule object, .embed-youtube-pellicule embed { position: absolute; top: 0; left: 8.36%; width: 83.5%; height: 100%; } 
.embed-youtube-pellicule-L{position:absolute;left:2%;width:6.36%} 
.embed-youtube-pellicule-R{position:absolute;right:2%;width:6.36%}

.embed-youtube-border { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; margin:5px 0 5px 0; border:5px solid white; }
.embed-youtube-border iframe, .embed-youtube-border object, .embed-youtube-border embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

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

.imgBlock{
  display:block;
}

.row1L-CssBorder img, .row2L-CssBorder img, .row3L-CssBorder img, .row4L-CssBorder img, .row5L-CssBorder img,
.row1L-CssBorder video, .row2L-CssBorder video, .row3L-CssBorder video, .row4L-CssBorder video, .row5L-CssBorder video{
  border : 5px solid white;
}

.row1L img, .row2L img, .row3L img, .row4L img, .row5L img, .row1L-CssBorder img, .row2L-CssBorder img, .row3L-CssBorder img, .row4L-CssBorder img, .row5L-CssBorder img {
    margin-top: 3px;
}

.row2L img, .row3L img, .row4L img, .row5L img, .row2L-CssBorder img, .row3L-CssBorder img, .row4L-CssBorder img, .row5L-CssBorder img,
.row2L video, .row3L video, .row4L video, .row5L video, .row2L-CssBorder video, .row3L-CssBorder video, .row4L-CssBorder video, .row5L-CssBorder video{
  margin-left: 2px;
  margin-right: 3px;
}
  
.row1L-CssBorder img, .row1L-CssBorder video{   width: calc(100% - 10px);          }
.row2L-CssBorder img, .row2L-CssBorder video{   width : calc((100% - 30px) / 2 );  }
.row3L-CssBorder img, .row3L-CssBorder video{   width : calc((100% - 46px) / 3 );  }
.row4L-CssBorder img, .row4L-CssBorder video{   width : calc((100% - 60px) / 4 );  }
.row5L-CssBorder img, .row5L-CssBorder video{   width : calc((100% - 75px) / 5 );  }


.row1L img, .row1L video{  width: 100%;                        }
.row2L img, .row2L video{  width : calc((100% - 10px) / 2 );   }
.row3L img, .row3L video{  width : calc((100% - 16px) / 3 );   }
.row4L img, .row4L video{  width : calc((100% - 20px) / 4 );   }
.row5L img, .row5L video{  width : calc((100% - 25px) / 5 );   }

.imgWrapper{
  clear:both;
  text-align: center;
  margin-top:2px;
  margin-bottom:5px;
  /*display:inline-block;*/
}


/* FancyBox ALERT button css */

	.btn {
		background: #5B5A62;
		border-width: 0;
		color: #fff;
		text-decoration: none;
		padding: 7px 20px;
		line-height: 1.5;
		border-radius: 20px;
		text-transform: uppercase;
		font-size: 100%;
		font-weight: 700;
		margin: 5px 5px 5px 0;
		display: inline-block;
		cursor: pointer;
		outline: none;
		transition: all .2s ease-in-out;
		-webkit-user-select: none;
		   -moz-user-select: none;
		    -ms-user-select: none;
		        user-select: none;
	}

	.btn:hover {
		text-decoration: none;
	}

	a + .btn {
		margin-left: 10px;
	}

	.fc-container .fancybox-bg {
	  background: #eee;
	}

	.fancybox-is-open.fc-container .fancybox-bg {
		opacity: 0.95;
	}

	.fc-content {
	  margin: 20px;
	  max-width: 550px;
	  padding: 50px;
	  box-shadow: 10px 10px 60px -25px;
	  border-radius: 4px;
	}

	.fc-content h2 {
	  margin-top: 0;
	  font-size: 1.6em;
	  letter-spacing: normal;
	}

	.fc-content p {
	  color: #666;
	  line-height: 1.5;
	}

	.fc-content p:last-child {
	  margin-bottom: 0;
	}

	/* Custom animation */
	.fancybox-fx-material.fancybox-slide--previous,
	.fancybox-fx-material.fancybox-slide--next {
	  transform: translateY(-60px) scale(1.1);
	  opacity: 0;
	}

	.fancybox-fx-material.fancybox-slide--current {
	  opacity: 1;
	  transform: translateY(0) scale(1);
	}






@media screen and (max-width: 1010px) {
  @viewport {
    width: 792px;
  }
 #menucontainer   { display: none; }
 #copyrightbanner, #postscontainer {max-width:792px;  width:100%; }
 #topimgbanner{ display:none; }
 #topimgbanner792{ display:block; }
 .slicknav_menu {   display:block; 	font-size: 16px;  }
 .post-responsive{  width: auto; min-width:308px; }

}

  .showBelow810px{ display:none;}

@media screen and (max-width: 810px) {
  .hideBelow810px{ display:none;}
  .showBelow810px{ display:inherit;}
}

  .showBelow480px{ display:none;}

  @media screen and (max-width: 480px) {
  .hideBelow480px{ display:none;}
  .showBelow480px{ display:inherit;}

  .row1L img, .row2L img, .row3L img, .row4L img, .row5L img, .row1L-CssBorder img, .row2L-CssBorder img, .row3L-CssBorder img, .row4L-CssBorder img, .row5L-CssBorder img{
    margin-top: 3px;
  }

  .row2L img, .row3L img, .row4L img, .row5L img, .row2L-CssBorder img, .row3L-CssBorder img, .row4L-CssBorder img, .row5L-CssBorder img,
  .row2L video, .row3L video, .row4L video, .row5L video, .row2L-CssBorder video, .row3L-CssBorder video, .row4L-CssBorder video, .row5L-CssBorder video{ 
    margin-left: 1px;
    margin-right: 2px;
  }

  .row1L-CssBorder img{                            width : calc(100% - 6px );          }
  .row2L-CssBorder img, .row4L-CssBorder img,
  .row2L-CssBorder video, .row4L-CssBorder video{  width : calc((100% - 18px) / 2 );   }
  .row3L-CssBorder img,
  .row3L-CssBorder video{                            width : calc((100% - 27px) / 3 );   }

  .row2L img, .row4L img{                      width : calc((100% - 6px) / 2 );    }
  .row3L img{                                  width : calc((100% - 9px) / 3 );    }

  .row1L-CssBorder img, .row2L-CssBorder img, .row3L-CssBorder img, .row4L-CssBorder img, .row5L-CssBorder img,
  .row1L-CssBorder video, .row2L-CssBorder video, .row3L-CssBorder video, .row4L-CssBorder video, .row5L-CssBorder video{
    border : 3px solid white;
  }
  .imgWrapper{
    margin-bottom:3px;
  }

  .row5L a:nth-child(-n+2) > img {
    width : calc((100% - 6px) / 2 );
  }
  .row5L-CssBorder a:nth-child(-n+2) > img{
    width : calc((100% - 18px) / 2 );
  }
  .row5L a:nth-child(n+3) > img{
    width : calc((100% - 9px) / 3 );
  }
  .row5L-CssBorder a:nth-child(n+3) > img{
    width : calc((100% - 27px) / 3 );
  }

  .embed-youtube-border { border:3px solid white; }    
}

  
@media print {
  #menucontainer, #topimgbanner, #copyrightbanner{
    display:none;
  }
  .post, .post-withbg {
    background-color: #FFFFFF;
  }
}