@media screen and (min-width: 846px) {
.swp_social_panel {
    display: block;
    position: absolute;
    top: 40px;
}
}

@media (max-width: 767px)
{ 
  p.site-title a {
    font-size: 24px !important;
}
}



.fluid-width-video-wrapper {
    height: 300px !important;
    width: 100% !important;
    padding-top: 0px !important;
}

.video-in {
    width: 40%;
    margin-left: 30%;
}

@media (max-width: 767px) {
.fluid-width-video-wrapper {
   width: 100% !important;
}
.video-in {
    width: 90% !important;
    margin-left: 5% !important;
    margin-right: 5% !important;
}
}


.swp_social_panel:not(.nc_floater):not(.swp_social_panelSide) {
    width: initial !important;
}

@media screen and (max-width: 845px) {
    .swp_social_panel {
        display: block;
        position: absolute;
        top: 0px;
        margin-top: 5px !important;
        flex-direction: column !important;
        display: flex;
        height: 70px;
    }
    .nc_tweetContainer {
       width: 30px;
       flex: 1!important;
       margin-left: 0px !important;
    margin-right: 0;
    }
    .site-logo-div {
      margin-left: 0px !important;
    }
    .site-logo-div img {
      margin-left: 10px !important;
      margin-bottom: 5px !important;
      border: 0px;
    }

   #wpbs_slider {
     height: 110px !important
  }
}
#wpbs_slider {
    -webkit-animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: bounceInRight;
    animation-name: bounceInRight;
    animation-duration: 1s;
    box-shadow: 0 2px 10px 0 rgba(0,0,0,0.2), 0 6px 10px 0 rgba(0,0,0,0.19);
    height: 75px !important;
    top: 2px !important;
    background-position-y: center !important;
}
.send-mail {
    text-align: center;
}

.send-mail .popupaoc-button {
  background : #afa9a9;
  box-shadow : 0 8px 17px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);
}

input[type="submit"] {
   background: #afa9a9;
}

input[type="submit"]:hover {
  background: #979090
}








/*explications*/
.explications .entry-content
{
	margin: 0 !important;
}

#primary
{
	padding-top: 0px;
	padding-bottom: 0px;
}

.explications p
{
	margin-bottom: 0 !important;
}

.explications img
{
	width: 100%;
	height: auto;
}

.explications h4.panel-title
{
	text-align: center;
	padding: 20px;
}

.explications h4
{
	margin-bottom: 0;
}

.explications a {
     color: #efd4de;
}

.explications .faq .panel-title a
{
	color: #8b8271;
}

.explications .titre, .panel-title a
{
	text-align: center;
	margin-top: 10px;
	margin-bottom: -30px;
	font-family: PresideBold;
	font-size: 40px;
font-family: 'Dancing Script', cursive !important}

.explications .block
{
	padding: 30px;
	display: table;
	padding-bottom: 0px;
}

.explications .toRemember
{
	display: table;
	padding: 10px 40px 10px 40px;
	margin-top: 10px;
	width: 100%;
}

.explications .image
{
	display: table-cell;
	width: 200px;
	height: 200px;
	background-size: 100%;
	background-repeat: no-repeat;
}

.explications .faq>.block>.image
{
	width: 400px;
	height: 400px;
	vertical-align: middle;
}

.explications .faq
{
	border-top: 10px solid #8e8a8a;
	border-bottom: 10px solid #8e8a8a;
}

.explications .questions>.exception,  .explications .questions>.bonheur, .questions>.refus
{
	background-color: #EBE5E5;
	background-color: rgb(255, 255, 255, 0.7);
	color: #886969;
	color: rgba(136,105,105);
	-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
	-moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
	padding: 10px;
	margin: 10px;
	text-align: justify;
}

.explications .detail, .explications .questions
{
	display: table-cell;
	padding: 20px;
	vertical-align: top;
	font-weight: normal;
	text-align: justify;
}

.explications .part-1, .explications .part-3, .explications .part-5, .explications .part-7, .explications .part-9, .explications .part-11, .explications .part-13, .explications .part-15, .explications .part-17, .explications .part-19, .explications .part-21, .explications .part-23, explications .part-25
{
	border-top: 10px solid;
	background-color: rgb(187, 168, 168);
	color: #ffffff;
}

.explications .part-1  .toRemember, .explications .part-3  .toRemember, .explications .part-5  .toRemember,  .explications .part-7  .toRemember,  .explications .part-9  .toRemember,  .explications .part-11  .toRemember,  .explications .part-13 .toRemember,  .explications .part-15  .toRemember,  .explications .part-17  .toRemember,  .explications .part-19 .toRemember,  .explications .part-21 .toRemember,  .explications .part-23 .toRemember,  .explications .part-25 .toRemember
{
	background-color: #EBE5E5;
	background-color: rgb(255, 255, 255, 0.7);
	color: #886969;
	color: rgba(136,105,105);
	-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
	-moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
}

.explications .part-2, .explications .part-4, .explications .part-6, .explications .part-8, .explications .part-10, .explications .part-12, .explications .part-14, .explications .part-16, .explications .part-18, .explications .part-20, .explications .part-22, .explications .part-24
{
	border-top: 10px solid #6c6c6c;
	background-color: #312f2f;
	color: #928c8c;
	width: 100%;
}

.explications .part-2 > .buttons > a:hover, .explications .part-4 > .buttons > a:hover, .explications .part-6 > .buttons > a:hover, .explications .part-8 > .buttons > a:hover, .explications .part-10 > .buttons > a:hover,  .explications .part-12 > .buttons > a:hover
{
	background: rgb(134, 131, 131);
}

.explications .part-2 .toRemember, .explications .part-4 .toRemember, .explications .part-6 .toRemember, .explications .part-8 .toRemember,  .explications .part-10 .toRemember,  .explications .part-12 .toRemember, .explications .part-14 .toRemember, .explications .part-16 .toRemember,  .explications .part-18 .toRemember,  .explications .part-20 .toRemember,  .explications .part-22 .toRemember,  .explications .part-24 .toRemember
{
	background-color: #bbb9b9;
	color: #312f2f;
	-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
	-moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
}

@media (max-width: 767px)
{
	.explications .block
	{
		display: block !important;
		padding: 30px 10px 30px 10px;
		;
	}

	.explications .image
	{
		display: block;
		width: 100%;
		height: 100%;
		text-align: center;
	}

	.explications .image img
	{
		width: auto;
		height: 100px;
	}

	.explications .faq .image img
	{
		width: 100%;
		height: 100%;
	}

	.explications .detail
	{
		display: block;
		text-align: justify;
                padding: 0 !important;
	}

	.explications .toRemember
	{
		padding: 10px 10px 10px 10px;
	}

	.explications .title
	{
		margin-bottom: -20px;
	}

	.explications .buttons a
	{
		width: 100% !important;
		display: block !important;
		margin: 0 !important;
	}

       .explications .buttons 
       {
               padding-top: 30px; 
       }     

	.explications .faq>.block>.image
	{
		width: 100%;
		height: 100%;
		margin-bottom: 45px;
	}

	.explications .faq>.block>.image > img, .explications faq>.block>.image >.buttons > a
	{
		margin-bottom: 15px;
	}
}

.explications.explications-mobile .panel-title a {
    color: #ffffff;
}

.explications.explications-mobile .faq .panel-title a {
    color: #8b8271;
}

.explications .buttons
{
	padding-bottom: 30px;
	text-align: center;
}

.explications .buttons a
{
	color: #ffffff;
	background-color: #656363;
	width: 150px;
        vertical-align: top;
	text-align: center;
	margin: 0 10px;
	padding: 10px;
	border-radius: 5px;
	display: inline-block;
	-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
	-moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
}

.explications .buttons a:hover
{
	text-decoration: none;
	background-color: #312f2f;
}

.explications .faq .argument {
    background-color: #fbfbfb;
    background-color: rgb(255, 255, 255, 0.7);
    color: #886969;
    color: rgba(136,105,105);
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
    padding: 10px;
    margin: 10px;
    text-align: justify;
}

.explications.explications-mobile
{
	display: block;
}

.explications.explications-desktop 
{
    display: none;
}

@media (min-width: 768px)
{
	.explications.explications-mobile
	{
		display: none;
	}

	.explications.explications-desktop 
        {
               display: block !important;
        }

	.explications-desktop .buttons a
	{
		min-height: 75px;
	}
}

.lien-video {
    color: #d26e93;
}

.reseaux > .sfsi_widget {
    display: inline-block;
    height: 30px;
}

.norm_row.sfsi_wDiv {
    background: #ffffff;
}

@media (min-width: 768px)
{
   span.reseaux {
      display: inline-block;
       vertical-align: middle;
   }
}

@media screen and  (max-width: 1292px) {
.reseaux > .sfsi_wicons.shuffeldiv {
    width: 100px !important;
    height: 100px !important;
}

.reseaux > .sfsi_widget {
    display: block !important;
    height: 50px;
    width: 100%;
   margin-top: 20px;
}
.reseaux > .sfsi_widget > .norm_row{
    text-align: center !important;
    float: left;
    min-width: 25px;
    display: block;
    width: 100% !important;
}
}

.paoc-image-popup {
    padding: 10px 0;
    position: absolute;
}

.send-mail a.paoc-popup-click {
    width: 100%;
    background: #524d4d;
    border-radius: 0;
}