body {background-size:cover;}

h1{
    line-height: 60px;
}

.navbar-collapse ul {
    width: 100%!important;
}
.navbar-nav{
	width:100%;
}
#mag-list.enseignants li h3 {
    font-size: 24px!important;
	min-height: 56px;
}

#related-mag img{
    width: 120px;
    display: inline-block;
    padding-bottom: 20px;
}

#related-mag span{
    display: inline-block;
    width: 80%;
    vertical-align: top;
    padding-left: 10px;
}

#related-mag span{
    display: inline-block;
    width: 80%;
    vertical-align: top;
    padding-left: 10px;
	font-family: 'dinCondensedBold', serif;
	font-size:24px;
	line-height:24px;
}
#related-mag img {
    float: left;
}
#related-mag p a {
    padding-left:10px;
}

.navbar-btn, .navbar-btn-container a {
    width: auto!important;
    padding:0 13px!important;
    font-size: 18px!important;	
    }

#article_block_left h4{
    text-align: left !important;
}

#article_block_left .related-articles h4{
    text-align: center !important;
}

#article_block_left .related-articles img{
    width:auto!important;
    height:auto!important;
}



/*.navbar-btn, .navbar-btn-container a {
    width: auto!important;
    padding:0 24px; 
    }*/

body {
	background-attachment:fixed;
}

/*START HERE A verifier s'il y a pas éeffet de bord*/

#mag-list li:first-child img {
	width:100%;
    margin-bottom: 10px;/*a vérifier*/
}

#article_block_left .article-content .text-left figure.alignleft{/*width: 25%!important;*/ clear: both;padding-bottom: 30px;}

#article_block_left figure.wp-caption { width: auto!important; display: table!important; margin: 0 auto!important; }
/*END HERE A verifier s'il y a pas éeffet de bord*/

.article-content .text  ul li a:not(.page-id-43153 .article-content .text  ul li a){
	color: #dd251b!important;
}

#mag-list li:first-child a:not(.page-template-page-enseignant #mag-list li:first-child a) {
    width: 35%;
}
#mag-list li:first-child a {
	float: left;
    margin-right: 20px;
}

#mag-list li:first-child h3 {
	display:inline;
	float:none;
}

#mag-list .actuFiltreLink h3 {
	margin-bottom: 15px!important;
    margin-top: 10px!important;
    float: inherit!important;
}


#mag-list.enseignants li .fiches p{
    margin-top: 30px;
}

#enVedetteBlock #articles-en-vedette {
    display: inline-block;
}
#enVedetteBlock #articles-en-vedette a.wow {
    display: block;
}
#enVedetteBlock h1.pull-left {float:none!important;}

#article_block_right div.abo-right .description .price .freq {
    font-size: 16px!important;
    text-align: center;
    display: block;
}
#pubBlock .leaderboardx1 {
    overflow: visible!important;
	width:100%!important;
}
#pubBlock .leaderboard {
    width:100%!important;
}
.random.leaderboardx1 {
	overflow: hidden!important;
}

.tab-pane iframe{height: 1450px!important;}

.title_box{background-color: whitesmoke;
    border-radius: 4px 4px 0 0;}

/*Ninja form sytle start here*/

.article-content .nf-form-cont .nf-form-wrap .nf-form-layout, .nf-form-content {
    background-color: #f3f3f3!important;
    padding: 20px 20px!important;
    margin-bottom: 20px!important;
    margin-top: 20px!important;
}

.nf-form-content {
    background-color: #f3f3f3!important;
    padding: 20px 20px!important;
    margin-bottom: 20px!important;
    margin-top: 20px!important;
} 


.nf-field-container .field-wrap .nf-field-element input{
    width: 100%;
    background: #fff;
    border: 0;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    margin-bottom: 25px;
    padding: 5px;
    line-height: 30px;
}

.nf-field-element textarea {
    height: 100px;
    width: 100%;
    background: #fff;
    border: 0;
    -moz-border-radius: 4px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    margin-bottom: 25px;
    padding: 5px;
}

.submit-wrap .nf-field-element .nf-element[type="button"]:active {
    box-shadow: inset 0 1px 3px rgba(0,0,0,0.5);
}

 .submit-wrap .nf-field-element .nf-element[type="button"] {
    cursor: pointer;
    margin: auto;
    max-width: 150px;
    max-height: 35px;
    font-size: 20px;
    color:#fff;
    font-family: 'Londrina Solid', sans-serif;
    text-transform: uppercase;
    border: none;
    background-color: #8bd90a;
    margin: 0 0 5px;
    padding: 3px 10px;
    border-radius: 3px;
}

.mea .mea-cta {
	font-family: 'Londrina Solid', sans-serif!important;
}
/* Ninja form style end here*/

/* Slider override start here*/

.slider div a{
    font-size: 26px !important;
    text-decoration: none !important;
}


.overFiltre img:hover {top: 0;}


.home #quoiDeNeuf_block .overFiltre img {
  max-width: 100%;
  -moz-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.home #quoiDeNeuf_block .overFiltre:hover img {
    max-width: 100%;
  -moz-transform: scale(1.1);
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}

.home #quoiDeNeuf_block .overFiltre .vert-center {
    position: relative;
	top: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
}

.home #quoiDeNeuf_block .overFiltre span{
    display: block;
}

.home #quoiDeNeuf_block .slick-track .overFiltre{
    width: 100%;
}


.home #quoiDeNeuf_block .slider img{
    width:100%!important;
}

.home #first_block{margin-top:73px; }

/* Slider override end here*/

#first_block.single-img-home { margin-top:150px; }
@media screen and (max-width:850px) { #first_block.single-img-home { margin-top:64px; } }

/* Page pedagogique

.article-content.enseignants-content h2 {
    font-size: 68px!important;
    text-align: center!important;
    padding: 40px;

}
*/
.vedette_top{margin-top:200px!important;}

#article_block_left .fiches h4{
    font-size: 30px!important;
    text-align: center!important;
}

#quoiDeNeuf_block.espace-debs {
	background-color:transparent!important;
	width:75%;
	margin:0 auto;
}
#quoiDeNeuf_block.espace-debs .overFiltre {
	margin:0!important;
}
#quoiDeNeuf_block.espace-debs .grid li {
    width: 46%!important;
	padding:15px;
	background-color:#fff!important;
	margin:10px 2%;
}
#article_block_left .article-content .related-pictures h4 {
	text-align:center!important;
}
#article_block_left .article-content .related-pictures + hr {
	clear:both;
} 

#article_block_left .article-comments h4 {
    
    padding-left: 10px!important;
}
body.single-magazine .btn {
    height: 24px!important;
    padding: 8px 8px!important;
    line-height: 6px!important;
	font-size:18px;
	margin-left:10px;
}
#tonAvisBlock #kid1, #tonAvisBlock #kid2 {
	height:auto!important;
}
#tonAvisBlock #kid1 {
	margin-bottom:25px;
	bottom:0px;

}

@media (min-width: 769px) {
    #tonAvisBlock .bubble {
        margin-bottom: 30px;
    }
}

.wrap_landing{margin-top: 50px;  background-color: #fff; text-align: center; padding: 30px 30px;}

.encadre {
	background-color: #f7d92e;
	padding: 15px;
	display:inline-block;
}
.attention {
	background-color: #be161d;
	padding: 15px;
	display:inline-block;
	color:#fff!important;
}
.attention b {
	font-weight:600!important;
}
.valentin {
	background-color: #ffc1ff;
	padding: 15px;
	display:inline-block;
}
.liens {
	background-color: #8bd90a;
	padding: 15px;
	display:inline-block;
}
ul#mag-list li a {
	position:relative;
	display:inline-block;
}
#article_block_right div.abo-right .description .price {
    font-size: 35px!important;
    text-align: center;
}
#article_block_right .abo-right .cover a img {
    width: 100%;
}

#article_block_right div.abo-right .cadeau-titre {
    font-family: 'Londrina Solid', sans-serif!important;
    text-transform: uppercase;
    font-size: 19px;
    height: 37px;
    color: #333;
    margin-bottom: 0px;
}
#article_block_right div.abo-right .cadeau-txt {
    font-size: 14px;
    line-height: 15px;
}

table tr td {
	font-size: 20px;
	display:table-cell;
	vertical-align: top!important;
}
table tr td img {
	display:block;
	margin:0 auto!important;
}
#article_block_left .article-content .text {
	font-size: 20px;
}
figure{margin:0!important;width:100%!important;}

/* Page magazine first child */
.post-type-archive-magazine #mag-list li:first-child img {
        width: 35%!important;
}

.post-type-archive-magazine #mag-list li:first-child a.btn {
    float: right!important; 
  
}


.post-type-archive-magazine #mag-list li:first-child a {
   
    float: none!important; 
    margin-right: 0!important;
    display: inline;
}

.box_shadow {
    background-color: #fff!important;
    box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16), 0 2px 10px 0 rgba(0,0,0,0.12)!important;
    padding: 30px 0;
    display: inline-block!important;
    width: 100%;
}


/*modif quizcat*/

h2.fca_qc_quiz_title {
    line-height: 1;
}

.fca-qc-flipper div {
    height: auto!important;
}


/*modif espace bebs */

.single-post #article_block_left .article-content .text h2 a {
    line-height: 1;
}

.nf-form-layout .nf-field-container .nf-field input, .nf-form-layout .nf-field-container .nf-field textarea, .nf-form-layout .nf-field-container .ninja-forms-field{
    border: 0;
    border-radius: 4px;
    margin-bottom: 25px;
    padding: 5px;
    line-height: 30px;
}

#first_block.slider {
    margin-top: 185px!important;
}
@media screen and (max-width:850px){
	#first_block.slider {
		margin-top: 54px!important;
	}
}

#first_block .slick-slider .ctaContainer {
	height:120px;
}

.slider .ctaContainer .cta {
	background-image:url('img/faPlay.png')!important;
	background-position: right;
	background-repeat:no-repeat;
}
#first_block.slider .cta span {
	text-align:center;
	vertical-align:middle;
	margin-top:16px;
	margin-bottom:16px;
}

#galWrap{ overflow-y:hidden; }

#first_block .cta { white-space: normal!important; line-height:38px!important; }

.slider .ctaContainer { word-wrap:break-word; }


/*baptisteStart*/
.encadre {
	background-color: #f7d92e;
	padding: 15px;
	display:inline-block;
}
.attention {
	background-color: #be161d;
	padding: 15px;
	display:inline-block;
	color:#fff!important;
}
.attention b {
	font-weight:600!important;
}
.valentin {
	background-color: #ffc1ff;
	padding: 15px;
	display:inline-block;
}
.liens {
	background-color: #8bd90a;
	padding: 15px;
	display:inline-block;
}
ul#mag-list li a {
	position:relative;
	display:inline-block;
}
#article_block_right div.abo-right .description .price {
    font-size: 35px!important;
    text-align: center;
}
#article_block_right .abo-right .cover a img {
    width: 100%;
}

#article_block_right div.abo-right .cadeau-titre {
    font-family: 'Londrina Solid', sans-serif!important;
    text-transform: uppercase;
    font-size: 19px;
    height: 37px;
    color: #333;
    margin-bottom: 0px;
}
#article_block_right div.abo-right .cadeau-txt {
    font-size: 14px;
    line-height: 15px;
}

table tr td {
	font-size: 20px;
	display:table-cell;
	vertical-align: top!important;
}
table tr td img {
	display:block;
	margin:0 auto!important;
}
#article_block_left .article-content .text {
	font-size: 20px;
}
figure{margin:0!important;}
/*baptisteEnd*/

.parents .grid li{ width: 48%!important;}

.parents .grid li a h3{ color: #000000!important;}

.navbar-btn, .navbar-btn-container a{font-size: 18px!important;}

.navbar-btn, .navbar-btn-container a {padding: 0 13px!important;}
/* Start style form content Page : page-parlons-en */
.tabsContainer{
	width: 600px;
	margin: 0 auto;
}

	ul.tabs{
	margin: 0px;
	padding: 0px;
	list-style: none;
}
	ul.tabs li{
	background: none;
	color: #222;
	display: inline-block;
	padding: 10px 15px;
	cursor: pointer;
}

	ul.tabs li.current{
	background: #ededed;
	color: #222;
}

	.tabsContent{
	display: none;
	background: #ededed;
	padding: 15px;
}

	.tabsContent.current{
	display: inherit;
}
/* End style form content Page : page-parlons-en */

/*----------------hide some social icon like vimeo and snapchat start here -----------------------*/
.btn-vimeo{
	display: none!important;
}

.btn-snapchat{
	display: none!important;
}
/*----------------hide some social icon like vimeo and snapchat End here -----------------------*/

/* @media not all and (min-resolution:.001dpcm) {  */
	/* @media {  */
		/* .slider .ctaContainer .cta {  */
			/* font-size:10px!important;  */
		/* }  */
	/* }  */
/* } */

@supports (-webkit-marquee-repetition:infinite) and (object-fit:fill) {
    .slider .ctaContainer .cta span{
        padding: 20px!important;
		max-width:320px!important;
	}
	.forceIos {
		margin-top:33px!important;
	}
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
	.slider .ctaContainer{ 
		width:350px!important;
		min-height:160px!important;
		height:160px!important;
		text-align:center!important;
		display:inline-block!important;
	}
	.slider .ctaContainer .cta {
		margin: 0 auto!important;
		text-align:center!important;
		/* background-image:url('img/faPlay.png')!important; */
		background-position: right;
		background-repeat:no-repeat;
		font-size:16px;
	}
	#first_block.slider .cta span {
		vertical-align:middle!important;
	}
	.slider .ctaContainer .cta .fa {
		display:inline!important;
	}

    
}

/*MODIF SLIDER MOBILE*/
/*iPhone*/
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 568px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: portrait) {	
	#first_block.slider .slick-track .slick-slide {height:60vh!important;} #first_block.slider {height:60vh!important;} #first_block.slider .ctaContainer {top: 60%!important;} #first_block.slider .ctaContainer .cta {background-image:none!important; padding-right:20px!important; text-align:center!important;} #first_block.slider .ctaContainer .cta span { width: 100%!important; height:70px; display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */display: -moz-box; /* OLD - Firefox 19- */display: -ms-flexbox; /* TWEENER - IE 10 */display: -webkit-flex; /* NEW - Chrome */display: flex; /* NEW, Opera 12.1, Firefox 20+ */-webkit-align-items: center!important;-ms-flex-align: center!important; align-items: center!important; justify-content: center!important;}.beppo{width:60px;left:0px;bottom:20px;}
   }
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 667px) 
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: portrait) { 
		#first_block.slider .slick-track .slick-slide {height:60vh!important;} #first_block.slider {height:60vh!important;} #first_block.slider .ctaContainer {top: 60%!important;} #first_block.slider .ctaContainer .cta {background-image:none!important; padding-right:20px!important; text-align:center!important;} #first_block.slider .ctaContainer .cta span { width: 100%!important; height:70px; display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */display: -moz-box; /* OLD - Firefox 19- */display: -ms-flexbox; /* TWEENER - IE 10 */display: -webkit-flex; /* NEW - Chrome */display: flex; /* NEW, Opera 12.1, Firefox 20+ */-webkit-align-items: center!important;-ms-flex-align: center!important; align-items: center!important; justify-content: center!important;}.beppo{width:60px;left:0px;bottom:20px;}
	  }
@media only screen 
  and (min-device-width: 414px) 
  and (max-device-width: 736px) 
  and (-webkit-min-device-pixel-ratio: 3)
  and (orientation: portrait) { 
	  #first_block.slider .slick-track .slick-slide {height:60vh!important;} #first_block.slider {height:60vh!important;} #first_block.slider .ctaContainer {top: 60%!important;} #first_block.slider .ctaContainer .cta {background-image:none!important; padding-right:20px!important; text-align:center!important;} #first_block.slider .ctaContainer .cta span { width: 100%!important; height:70px; display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */display: -moz-box; /* OLD - Firefox 19- */display: -ms-flexbox; /* TWEENER - IE 10 */display: -webkit-flex; /* NEW - Chrome */display: flex; /* NEW, Opera 12.1, Firefox 20+ */-webkit-align-items: center!important;-ms-flex-align: center!important; align-items: center!important; justify-content: center!important;}.beppo{width:60px;left:0px;bottom:20px;}
	 }
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 812px) 
  and (-webkit-min-device-pixel-ratio: 3)
  and (orientation: portrait) { 
	 #first_block.slider .slick-track .slick-slide {height:60vh!important;} #first_block.slider {height:60vh!important;} #first_block.slider .ctaContainer {top: 60%!important;} #first_block.slider .ctaContainer .cta {background-image:none!important; padding-right:20px!important; text-align:center!important;} #first_block.slider .ctaContainer .cta span { width: 100%!important; height:70px; display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */display: -moz-box; /* OLD - Firefox 19- */display: -ms-flexbox; /* TWEENER - IE 10 */display: -webkit-flex; /* NEW - Chrome */display: flex; /* NEW, Opera 12.1, Firefox 20+ */-webkit-align-items: center!important;-ms-flex-align: center!important; align-items: center!important; justify-content: center!important;}.beppo{width:60px;left:0px;bottom:20px;}
  }
 /*iPhone*/
 /*iPad*/
@media only screen 
  and (min-device-width : 768px) 
  and (max-device-width : 1024px)  {  
      #first_block.slider .slick-track .slick-slide {height:60vh!important;} #first_block.slider {height:60vh!important;} #first_block.slider .ctaContainer {top: 60%!important;} #first_block.slider .ctaContainer .cta {background-image:none!important; padding-right:20px!important; text-align:center!important;} #first_block.slider .ctaContainer .cta span { width: 100%!important; height:70px; display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */display: -moz-box; /* OLD - Firefox 19- */display: -ms-flexbox; /* TWEENER - IE 10 */display: -webkit-flex; /* NEW - Chrome */display: flex; /* NEW, Opera 12.1, Firefox 20+ */-webkit-align-items: center!important;-ms-flex-align: center!important; align-items: center!important; justify-content: center!important;}.beppo{width:60px;left:0px;bottom:20px;}
  }
 /*iPad*/
@media screen and (max-width: 360px){
	#first_block.slider .slick-track .slick-slide {
		height:60vh!important;;
	}
	#first_block.slider {
		height:60vh!important;
	}
	#first_block.slider .ctaContainer {
		top: 200px!important;;
	}
	.beppo{
		width:60px;
		left:0px;
		bottom:20px;
	}
}
#first_block.slider .slick-track .slick-slide {
	height:100vh;
}
#first_block.slider {
	height:100vh;
}
/*MODIF SLIDER MOBILE*/



@media (max-width: 1700px){

	.van img {
    width: 280px!important;
	}
}

@media (max-width: 1400px){

	.van img {
    width: 256px!important;
	}
	
	.mathieu img {
    width: 247px!important;
	}
	
	.mathieu {
    left: -5%;
    bottom: -30px;
	}
}

@media screen and (max-width: 1140px){
	.sub-bubble {
		margin-top: 84px;
	}
}

@media screen and (max-width: 1040px){
	#tonAvisBlock #kid1 {
		left:-40px;
	}
    
}

@media screen and (max-width: 1024px){
	.sub-bubble {
		margin-top: 84px;
	}
}

@media screen and (max-width: 992px){
    
    #tonAvisBlock .bubble2 .bubble-tail{
        right: -52px;
        top: 26px;
    }
}

@media screen and (min-width: 992px){
	#tonAvisBlock #kid1 {
		position:static;
	}
    
    #tonAvisBlock .bubble2 .bubble-tail{
        right: -52px;
        top: 26px;
    }
}

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

	.home #first_block{margin-top:0px;}
}


@media screen and (min-width: 850px){
	#navbar ul.dropdown-menu li {
		display:table;
		width:100%;
	}
	#navbar ul.dropdown-menu li a {
		white-space:pre-line;
		line-height: 20px;
		display:table-cell;
	}
}
@media screen and (max-width: 850px){
	h1{
		line-height: 42px;
	}
	#navbar ul li a {
		line-height: 30px;
	}
	#navbar ul.dropdown-menu li a  {
		line-height: 50px;
	}
}

@media screen and (max-width: 834px){
.vedette_top { margin-top: 70px!important;}
}

@media screen and (max-width: 768px){
    
	#article_block_left .article-content .related-articles div a:first-child {
		height: 170px!important;
		width: 325px!important;
	}
	
    #tonAvisBlock .bubble2 .bubble-tail{
        right: 60%;
        top: -38px;
    }
    
    #magDuMoisBlock .hs-img{
        max-width: 80%;
    }
}


@media screen and (max-width: 690px){
	#mag-list li:first-child a {
		width: 100%;
	}
}
@media screen and (max-width: 650px){
	#quoiDeNeuf_block.espace-debs {
		width:90%;
	}
	#quoiDeNeuf_block.espace-debs .grid li {
		width: 95%!important;
		margin:10px 2%;
	}
}

@media (max-width: 600px) {
	#enVedetteBlock #articles-en-vedette.vedette_top { margin-top: 50px!important;}
	.post-type-archive-magazine #mag-list li:first-child img { width:100%!important }
}

@media (min-width: 450px) {
	.slider .ctaContainer .cta span {
		word-wrap:break-word!important;
	}
	.slider .ctaContainer .cta {
		width:350px!important;
	}
	#first_block .cta {
		font-size:30px!important;
			padding-right:57px!important;
	}
}
@media (max-width: 450px) {
	.slider .ctaContainer .cta {
		background-image:none!important
	}
	.navbar-header .fa-share-alt, .navbar-header .glyphicon-search, .navbar-header .fa-bars {
		float: none!important;
	}
	.slider .ctaContainer .cta {
		width:260px!important;
		font-size: 24px!important;
		/* padding-left:57px;*/
		padding-right:57px!important;
	}
	.ctaContainer {
		text-align:left!important;
	}
}
#navbar ul li.col-sm-15 {padding:0 50px;} 
@media screen and (max-width:1104px) and (min-width:1024px){
	#navbar ul li.col-sm-15 {padding:0 20px;} /*used to be 50px, quick responsive fix*/
}
#navbar ul li.col-sm-1 {cursor:pointer;}
#navbar ul li.col-sm-1:hover::before {color:#ed1c24!important;text-shadow: 0px 0px 6px rgba(50, 50, 50, 1);}
/* #navbar ul.dropdown-menu li, .smaller ul.dropdown-menu li {padding:0!important;} */
@media screen and (min-width:1024px) {.smaller #navbar ul li.col-sm-15 {padding:0 20px!important;}}
@media screen and (max-width:1024px) {#navbar ul li.col-sm-15 {padding:0 23px!important;} .smaller #navbar ul li.col-sm-15 {padding:0 19px!important;}}

body.postid-55048 img#decoy{display:none;}

.twentyseventeen-front-page .bigboxesx{padding-top: 20px; padding-bottom: 20px;}


/*------------------------------------- Page trousse pedagogique start here ----------------------------------------*/

.trousse{ background-color: #fff;
    box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16), 0 2px 10px 0 rgba(0,0,0,0.12)
}

.trousse .row {
    margin-right: 15px!important;
    margin-left: 15px!important;
}

.trousse  ul li{list-style: disc;}

.trousse .side_img {width: 100%;}

.trousse h2{
    color: #dc2028;
    font-size: 42px!important;
}

.trousse p a {
    text-decoration: none!important;
    font-weight: normal!important;
}

.trousse p a:hover {
    text-decoration: underline!important;
}

.trousse h3{
    color: #000!important;
    font-size: 22px!important;
    margin-bottom: 2px!important;
}


.trousse h4{
    color: #000!important;
    font-size: 42px!important;
    font-weight: 600!important;
}


.trousse .bloc_fiche p{margin-bottom: 2px!important;}


.trousse .bloc_un{  
  background-image:url("/wp-content/themes/debrouillards/img/bloc_un.png");
  background-position: center; /* Center the image */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Resize the background image to cover the entire container */
  width: 32px;
  height: 31px; 
  vertical-align: top;
  display: inline-block;
  margin-right: 6px;
}

.trousse .speaker{  
  background-image:url("/wp-content/themes/debrouillards/img/speaker.png");
  background-position: center; /* Center the image */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Resize the background image to cover the entire container */
  width: 40px;
  height: 40px; 
  vertical-align: top;
  display: inline-block;
  margin-right: 6px!important;
  display: inline-block;
}

.trousse .speaker_txt{width:85%; display: inline-block;}

.trousse .bloc_deux{
  background-image:url("/wp-content/themes/debrouillards/img/bloc_deux.png");
  background-position: center; /* Center the image */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Resize the background image to cover the entire container */
  width: 32px;
  height: 32px; 
  vertical-align: top;
  display: inline-block;
  margin-right: 6px;
}

.trousse .bt_space{margin-bottom: 20px;}

.trousse .bloc_txt{
    display: inline-block; width: 90%;
}

.trousse .bloc_vid{
    margin: 15px auto;
}

.trousse .bloc_vid img{ text-align: center; margin: 15px auto!important;
    width: 50%!important;}

.trousse .bloc_vid_img{width: 50%;  margin: 0 auto;margin-bottom: 40px;}

.trousse .vid_txt{
    display: inline-block; width: 85%;
    font-family: 'dinregularwebfont', serif;
    font-size: 20px;
}

.trousse .video{background-color: #bbb5b5;
    padding: 2px 7px;
    color: #fff;
    font-family: 'Londrina Solid', sans-serif;
    font-size: 20px;
    vertical-align: top;

}

.trousse hr{
    border: 0;
    height:2px;
    background-color: #dc2028;
    width: 70%;
    margin: 20px auto;
}


.trousse .fiche{
    background-color: #de2229;
    padding: 2px 7px;
    color: #fff;
    font-family: 'Londrina Solid', sans-serif;
    font-size: 20px;
    vertical-align: top;

}

.trousse .fiche_title{
    color: grey;
    font-family: 'Londrina Solid', sans-serif;
    font-size: 20px;
}

.bg_trousse{
  background-image:url("/wp-content/uploads/2020/08/Bg_trousse_pedago2.jpg");
  background-position: center; /* Center the image */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Resize the background image to cover the entire container */
  width: 100%;
  height: 370px;    
}

@media (max-width: 988px) { .bg_trousse{height: 240px;} .trousse .bloc_vid_img{ width: 100%;} }

@media (max-width: 768px) { .bg_trousse{height: 240px; } .trousse h2{font-size: 30px !important;} }

@media (max-width: 600px) { .bg_trousse{height: 195px;} }

@media (max-width: 462px) { .bg_trousse{height: 140px;} .trousse .speaker_txt{width: 85%;} .bloc_txt{width: 85%;}}

@media (max-width: 350px) { .bg_trousse{height: 100px;} }


/*------------------------------------- Page trousse pedagogique end here  ----------------------------------------*/

.subscribe-notice {
	position: fixed;
	bottom: 20px;
    left: 20px;
	z-index: 2000;
	max-width: 300px;
	transition: left 0.25s;
	animation-name: slideInUp;
  	animation-timing-function: ease-in-out;
	animation-duration: 1s;
	filter: drop-shadow(0 6px 12px rgba(0, 0, 0, .175));
}

@media (min-width: 851px) {
	.subscribe-notice {
		bottom: 50px;
		left: 50px;
	}
}

.subscribe-notice.left {
	left: -100%;
}

.subscribe-notice .dropdown-caret {
	position: static;
	display: block;
	border-top: 15px solid #fff;
	border-bottom: 0;
	margin: 0 auto 1rem auto;
	opacity: 0;
	pointer-events: none;
	transition: opacity 0.25s;
}

.subscribe-notice .dropdown-caret.visible {
	opacity: 1;
	pointer-events: auto;
}

@media (min-width: 851px) {
	.subscribe-notice .dropdown-caret {
		border-top: 30px solid #fff;
	}
}

.subscribe-notice .subscribe-bubble {
	background-color: #fff;
	color: #000;
	padding: 20px;
	opacity: 0;
	pointer-events: none;
	transition: opacity 0.25s;
}

.subscribe-notice .subscribe-bubble.visible {
	opacity: 1;
	pointer-events: auto;
}

.subscribe-notice .subscribe-bubble h3 {
	margin-top: 0;
	color: #dd251b !important;
	font-size: 30px !important;
}

.subscribe-notice .subscribe-bubble p {
	margin-bottom: 0 !important;
}

.subscribe-notice .subscribe-bubble .subscribe-bubble-close {
	position: absolute;
	top: 0;
	right: 0;
	transform: translate(100%, -100%);
	background: #787878;
    padding: 5px 7.5px;
    border-radius: 100%;
	color: #fff;
	font-size: 14px;
}

.subscribe-notice .subscribe-button {
	display: inline-block;
}

.subscribe-notice .subscribe-button .btn {
	background-color: #ed422e;
	font-size: 22px;
}

.subscribe-notice .subscribe-button .btn:hover {
	background-color: #c63c2b !important;
    color: #fff02a !important;
}