@font-face {
    font-family: 'CartonSix';
    src: url('../fonts/CartonSix.woff2') format('woff2'),
        url('../fonts/CartonSix.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
body {
    overflow-x:hidden;
}
.wrapper {
    max-width:1280px;
    width:100%;
    margin:0 auto;
}
#header {
    text-align:center;
}
#header img {
    width:100%;
}
.warning-btnz {
    width:100%;
    margin-top: 55px;
}
.books .book {
    height:auto;
    /* background-color: lime; */
    overflow:hidden;
    width:20%;
    float:left;
    padding-left:15px;
    padding-right:15px;
}
.books .book .bookwrap {
    height:365px;
    display: flex;
    /*align-items: center;*/
    align-items: flex-end;
    justify-content: center;
}
.books .book:nth-of-type(5n+1) {
    clear:both;
}
.bookList {
    display:inline-block;
    margin-top:50px;
}
.books .book img {
    width:100%;
}
.books .book p {
    text-align:center;
    font-size:20px;
    width:100%;
    margin-top:15px;
}
books {
    padding-top:150px;
}
#defaultCountdown { 
    /* width: 60px; */
    height: 55px;
    display:inline-block;
    line-height: 27px;
    padding-top:15px;
}
#defaultCountdown .countdown-row span {
    display:inline-block;
}
#defaultCountdown { 
    /* font-size:30px!important; */
}
#defaultCountdown .countdown-row span:nth-child(2) {
    font-size:24px;
    padding-left:10px;
}
.countdown-show1 {
    /* display:none; */
    position:relative;
    height:2px;
}
.bordr {
    border:3px solid black;
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
    height: 90px;
    margin:0 auto;
    min-width:315px;
}
a.pre span {
    font-size:44px;
    color:#333;
    line-height:80px;
    letter-spacing: 1px;
    display:inline-block;
}
a.pre div {
    background-color: #cbdb2a;
	text-align:center;
}
a.pre.pre2 {
    margin-left:90px; 
    float:left;
}
.warning-btnz .btnz {
    display:block;
    margin:0 auto;
    text-align: center;
    float:none;
}
.btnz .col-md-9 {
    float:none;
    max-width:380px;
}
.vert-center {
    display: flex;
    align-items: center;
    justify-content: center;
    height:180px;
}
#Box_jbeeb_53 {
    margin:0 auto;
}
.warning-btnz .btnz a {
    display:inline-block;
    /* width:250px;
    height:50px; 
    line-height:50px;*/
}
.warning-btnz .btnz a:hover {
    text-decoration:none;
}
.warning-btnz .btnz a:hover div {
    background-color: #9ca917;
}
.content {
    margin: 40px;
}
.titr {
    font-family:'CartonSix';
    font-size: 46px;
    color:#e41e31;
    font-weight: bold;
}
.txtNorm {
    font-family:'Din';
    font-size: 20px;
}
.txtNorm a, .foutaire a {
    color:#333;
    font-weight:bold;
    text-decoration: underline;
}
.txtNorm a:hover, .foutaire a:hover {
    color:#737373;
}
.gelb {
    background:#ffef2a;
    font-size:42px;
    display:inline-block;
    padding-left:20px;
    padding-right:20px;
    margin-top:30px;
}
/* .wrapContent img {
    width:60%;
    float:right;
} */
.content.col-md-12.first {
    background-image: url('../img/fond_wave.png');
    min-height:920px;
    padding-top:60px;
    background-position:100% 0; 
    background-repeat:no-repeat;
}
.books.col-md-12 {
    margin-top:60px;
}
.wrapContent.prix .fondVert{
    /* display:inline-block!important; */
    /* width:1030px!important; */
    /* margin-left: 110px; */
}
.wrapContent.prix .wrapFondVert, .wrapContent.livres .wrapFondVert {
    position: static; 
}
.wrapContent.livres .wrapFondVert .txtVert {
    /* left:35px; */
}
.wrapContent.prix .contentText {
    display:block;
    width: 50%;
    position: static;
    line-height: 32px;
}
.wrapContent.prix .contentText li {
    margin-top:10px;
}
.wrapContent.prix .contentText .txtNorm {
    font-size: 18px;
}
.contentText {
    display:block;
    width:71%;
    /* position:absolute;
    left:0px;
    top:230px; */
    line-height:40px;
    margin-top: 40px;
}

/*.logo_svg{margin:auto;position:relative;width:1140px;height:400px;overflow:hidden;}*/

.myblock{display: block;height:33%;margin: 0 auto;width: 100%;text-align: center;margin-bottom: 15px;}

.bigblock{Width: 100%; display:inline-block; margin-bottom: 40px; text-align: right;}

.block_one{Width: 76%; display:inline-block;}

.block_one_child{Width: 75%; display:inline-block; text-align:center;}

.block_two{Width: 23%; display:inline-block;}

.block_two_child{Width: 85%;}

.small_svg{display:none}

.big_svg{display:block;}

.wrapFondVert {
    /* position: relative;  */
    /* width: 515px; */
    /* top: 94px;
    left:0px; */
}
.fondVert {
    background-color: #cbdb2a;
    display:inline-block;
    position:relative;
    /* transform: perspective(13.5cm) rotateX(-2deg) rotateY(11deg);
    -webkit-transform: perspective(13.5cm) rotateX(-2deg) rotateY(11deg);
    -moz-transform: perspective(13.5cm) rotateX(-2deg) rotateY(11deg);
    -ms-transform: perspective(13.5cm) rotateX(-2deg) rotateY(11deg);
    -o-transform: perspective(13.5cm) rotateX(-2deg) rotateY(11deg); */
     height: 72px;
    /* width: 515px; */
    /* margin-left:31px; */
    background-image: url('../img/masque.png');
    background-position:100% 50%; 
    background-repeat:no-repeat;
    background-size: auto 100%;
    padding:10px;
}
.txtVert {
    font-size:38px;
    line-height:60px;
    /* position:absolute; */
    /* top:0px; */
    /* left:0px;  */
    padding-left:20px;
    padding-right:20px;
}
.grid li {
    width: 20%!important;
}
.auteur {
    font-size:16px;
}
.lectureImg {
    position:absolute;
    right:330px;
    top:-20px;
}
ul.grid.effect-2 {
    margin-top:60px;
}
.foutaire .titr {
    text-align:center;
    display:block;
}
.foutaire img {

}
.nopad{
    padding:0!important;
}
.magz .col-md-4 {
    width:33.3333%;
    text-align:center;
    float:left;
}

#td_id {padding-top: 15px;}

.page-template-page-40ans #bg-switch-container{display:none;}

.mytopfont{font-size: 36px!important;}

.bt_anniv{
	background-image: url(https://lesdebrouillards.com/wp-content/themes/debrouillards/img/OngletNav40ansDebs_Sans_1.png);
    background-repeat: no-repeat;
	background-position: center;
}

.img_svg{margin:auto;position:relative;width:1015px!important;height:582px;overflow:hidden;}

.quat_ans_top{margin:10px auto;text-align: center;}

.quat_ans_top h2{
    font-size: 72px!important;
    line-height: 80px;
    font-family: 'CartonSix';
    color: #e41e31;
    font-weight: bold;
    padding-top: 5px;
    padding-bottom: 10px;
}

.quat_ans_top_last{margin:10px auto;text-align: center;}

.quat_ans_top_last h2{
	font-size: 55px!important; 
    line-height: 60px;
	font-family: 'CartonSix';
    color: #e41e31;
    font-weight: bold;
    padding-top: 5px;
    padding-bottom: 10px;
	}

.vid_small{display: none;}

.quat_ul li{list-style: disc;}

.quat_ans_blck_menu{
    margin: 5px auto;
    margin-top: 35px;
    text-align: center;
 }

.quat_ans_blck_bt{
    display: inline-block;
    background-color: #e41e31;
    padding: 9px 40px;
    border-radius: 17px;
    margin: 2px 12px;
}

.quat_ans_blck_bt{
    display: inline-block;
    background-color: #e41e31;
    padding: 9px 40px;
    border-radius: 17px;
    margin: 2px 12px;
}

.quat_ans_blck_bt:hover{
    display: inline-block;
    background-color: #cf091c;
    padding: 9px 40px;
    border-radius: 17px;
    margin: 2px 12px;
}

.quat_ans_blck_bt a{
    color: #fff;
    font-family: 'CartonSix';
    font-size: 24px;
    line-height: 24px;
    vertical-align: middle;
    font-weight: normal;}

.quat_ans_blck_bt a:hover{color: #e9d00f; text-decoration: none;}

.quat_ans_blck_bt a:focus{color: #e9d00f;}

.page-template-page-40ans_ctn #galWrap #bg-switch-container{display: none;}

.quat_box_ct{margin-top:25px; padding: 0px 0px !important;}

.quat_box_1{display:inline-block; width:32%; padding: 0px 0px !important; position: relative;}

.quat_box_2{display:inline-block; width:32%; padding: 0px 0px !important;text-align: center; position: relative;margin-right: 18px;margin-left: 18px;}

.quat_box_3{display:inline-block; width:32%; padding: 0px 0px !important; text-align: right; position: relative;}

.quat_box_1 img, .quat_box_2 img, .quat_box_3 img{width:100%!important; max-width: 100%!important;}

.quat_title_box_1{
    position: absolute;
    bottom: 0px;
    left: 0px;
    background-color: rgba(0, 0, 0, 0.65);
    width: 100%;
    line-height: 30px;
    font-family: 'Londrina Solid', serif;
    text-transform: uppercase;
    font-size: 24px;
    text-align: left;
    color: #fff!important;
    padding: 16px 15px 6px;
    display: inline-block;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -ms-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
    z-index: 150;
}

.quat_title_box_2{
    position: absolute;
    bottom: 0px;
    left: 0px;
    background-color: rgba(0, 0, 0, 0.65);
    width:100%;
    line-height: 30px;
    font-family: 'Londrina Solid', serif;
    text-transform: uppercase;
    font-size: 24px;
    text-align: left;
    color: #fff!important;
    padding: 16px 15px 6px;
    display: inline-block;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -ms-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
    z-index: 150;
}

.quat_title_box_3{
    position: absolute;
    bottom: 0px;
    left: 0px;
    background-color: rgba(0, 0, 0, 0.65);
    width: 100%;
    line-height: 30px;
    font-family: 'Londrina Solid', serif;
    text-transform: uppercase;
    font-size: 24px;
    text-align: left;
    color: #fff!important;
    padding: 16px 15px 6px;
    display: inline-block;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -ms-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
    z-index: 150;
}

.quat_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;
}

.quat_box_ct .overFiltre{margin: 6px!important;width: 32%!important;}

.quat_overFiltre {
  position: relative;
  overflow: hidden;
}
.quat_overFiltre img {
  max-width: 100%;
  -moz-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.quat_overFiltre:hover img {
    max-width: 110%;
  -moz-transform: scale(1.1);
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}

.carousel{
  width:90%;
  margin:0px auto;
}
.quat_responsive{display: inline-block; width: 25%; padding: 5px 3px; margin:2px 3px;}

#element_five{position: relative;}

.quat_jeux{position: relative;
    z-index: 10;
    padding-bottom: 50px;}
	
.quat_jeux_bg{
  background-image:url('https://lesdebrouillards.com/wp-content/themes/debrouillards/img/Page40ans_JeuDenquete_Visuel.jpg');
  background-position: center;
  background-repeat: no-repeat;
  position: relative;
}

.quat_jeux_img{
	float: right!important;
    top: 40px;
    margin-bottom: 130px;
    margin-right: 50px;
	margin-top: 83px;
	}

.quat_ans_blck_bt_img {
    display: inline-block;
    background-color: #e41e31;
    padding: 10px 75px;
    border-radius: 30px;
    margin: 20px 0px;
}

.quat_ans_blck_bt_img a {
	color: #fff!important;
    font-family: 'CartonSix';
    font-size: 40px;
    line-height: 50px;
    vertical-align: middle;
    font-weight: normal;
}

.quat_ans_blck_bt_img:hover{background-color: #cf091c;}

.quat_over{
	position: absolute;
    bottom: 50px;
    right: 50px;
    width: 32%;
	}
	
#external-buttons div.active{opacity: 0.5;}

.quat_five{padding-bottom: 50px;}

.quat_jeux_bg_img{max-width: 100%;}	

.quat_ans_text{margin-left:10px; margin-right:10px; padding: 1px 20px;}

.quat_ans_text_ct{padding: 1px 9px;}

.quat_ans_text_img{padding: 1px 40px;}

.quat_svg{padding: 1px 40px; margin: 20px auto;}

.quat_part{display:inline-block; background-image: url(''); padding: 10px 10px; margin: 0 auto;}

.quat_part_box_bppo{width: 15%;
    float: left;
    position: absolute;
    top: 42%;
    left: 10px;}

.quat_part_box{width:100%; float:right; padding: 10px 10px;text-align: center;}

.quat_part_box_1{ width:30%; display:inline-block;}

.quat_part_box_2{width:26%; display:inline-block;}

.quat_part_box_3{width:22%; display:inline-block;}

.quat_ans_blck_bt_conc {
    display: inline-block;
    background-color: #e41e31;
    padding: 10px 45px;
    border-radius: 28px;
    margin: 2px 20px;
}

.quat_ans_blck_bt_conc a{
	color: #fff!important;
    font-family: 'CartonSix';
    font-size: 40px;
    line-height: 40px;
    vertical-align: middle;
    font-weight: normal;
	}
	
	.quat_ans_blck_bt_conc:hover{background-color: #cf091c;}
	
	.quat_ans_blck_bt_conc a:hover{
	color: #fff!important;
	}

#qui_sommes_nous{padding-bottom: 20px; padding-top: 2px; margin-bottom: 3px;}
#concours{padding-bottom: 5px; padding-top: 2px; clear: both; margin-bottom: 5px;}
#videoclip{padding-bottom: 5px; padding-top: 2px; clear: both; margin-bottom: 5px;}
#boutique{padding-bottom: 5px; padding-top: 2px; clear: both; margin-bottom: 5px;}
#jeu_denquete{padding-bottom: 40px; padding-top: 2px; clear: both; margin-bottom: 5px;}
#element_six{padding-bottom: 20px; padding-top: 0px;}

.quat_container {
  position: relative;
  overflow: hidden;
  width: 100%;
  padding-top: 60.25%; /* 16:9 Aspect Ratio (divide 9 by 16 = 0.5625) */
}

/* Then style the iframe to fit in the container div with full height and width */
.quat_responsive_iframe {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 102%;
  height: 100%;
}

.resized-animation {
	    position: relative;
    	padding-bottom: 46.25%;
	}
.resized-animation iframe {
	    position: absolute;
	    top: 0;
	    left:0;
	    right: 0;
	    bottom: 0;
	    width: 100%;
	    height: 100%;
	}
	
.timer{display:none;}

.inscr{display:none;}

.newTimer{display:block;}

.newIns{display:block;}


/*REEEEEEEEEEEEEEEESP*/

@media screen and (max-width:1140px) {
.quat_box_2{margin-right: 14px;margin-left: 14px;}

.quat_over{bottom: 20px; right: 10px; width: 45%;}

.quat_part_box_bppo{left: 10px;}
	}
	
	
@media screen and (max-width:1024px) {
    .books .book {
        width:33%!important;
    }
    .books .book:nth-of-type(5n+1) {
        clear:unset!important;
    }
    .books .book:nth-of-type(3n+1) {
        clear:both!important;
    }
    .content.col-md-12.first {
        padding-top:0px;
    }
    .lectureImg {
        right: 10px;
    }
    .txtVert.titr {
        font-size: 36px!important;
    }
    a.pre span {
        padding-left: 20px;
        padding-right: 20px;
    }
	
	.small_svg{display:block;}
	
	.big_svg{display:none;}
	
	.quat_responsive{width: 50%;}
}
@media screen and (max-width:1023px) {
    .contentText {
        width:100%;
    }
    .wrapContent.prix .contentText {
        width: 90%;
    }
    .content.col-md-12.first {
        background-image:none!important;
    }
	
	.titr{font-size: 43px;}
}
@media screen and (max-width:991px) {
    .col-md-6.count {
        margin-bottom:30px;
    }
    .quat_part_box{width: 100%;}
	.quat_part_box_bppo{display:none;}
	
	.quat_jeux_bg_img{display:none;}
	
	.quat_over{width: 80%;}
	
	.quat_jeux_img{
	float: none!important;
    margin-top: 10px;
    margin-bottom: 20px;
    margin-right: 20px;
	top:0px;}
	
	.quat_ans_top_last h2{font-size: 40px!important; line-height: 50px; padding:1px 20px;}
	
	.quat_jeux_bg{background-image: none;}
	
	#article_block_left .article-content .col-md-4 p .alignnone{width:60%!important;}
	
	.quat_box_1{margin: 20px auto;text-align: center; width:100%;}

	.quat_box_2{margin: 20px auto;text-align: center; width:100%;}

	.quat_box_3{margin: 20px auto; text-align: center; width:100%;}
}
.logos2{display:none;}
.logos{display:block;}
.logos img {
    width:100%;
}
@media screen and (min-width:769px) {
    .wrapContent.livres .wrapFondVert {
        margin-left:40px;
    }
}
@media screen and (max-width:768px) {
    /*.logos2{display:block;}
    .logos{display:none;}*/
    .books .book {
        width:50%!important;
    }
	
	.quat_ans_slide .slider img{width:100%!important;}
	
#article_block_left .quat_ans_slide .slick-list .slick-track .slick-slide img{max-width:100%!important;}

#article_block_left img:not(img.size-full){max-width:100%!important;}
	
	.quat_title_box_2, .quat_title_box_1, .quat_title_box_3{padding-left: 20px;}
	
	.quat_responsive{width: 100%;}
    
    .mytopfont{font-size: 31px!important;}
	
	.fondVert{height: auto;}
	
    .books .book:nth-of-type(3n+1) {
        clear:unset!important;
    }
    .books .book:nth-of-type(2n+1) {
        clear:both!important;
    }
    .books .book .bookwrap {
        height: 500px;
    }
    a.pre span {
        font-size: 35px;
        padding-left: 20px;
        padding-right: 20px;
    }
    a.pre.pre2 {
        margin-left:0px; 
        float:left;
    }
    .content {
        margin: 0px;
    }
    .lectureImg {
        display:none;
        /* right: 0;
        width: 150px; */
    }
    .content.col-md-12.first {
        min-height:unset!important;
    }
    .titr {
        font-size: 36px;
        line-height:35px!important;
		margin-bottom: 15px;
    }
    .txtVert.titr {
        font-size: 20px!important;
        line-height: 30px!important;
    }
   
    .grid li {
        width: 50%!important;
    }
    
    .magz img {
        width:80%;
    }
	
	#article_block_left{ padding-left: 0px !important; padding-right: 0px;}

	.article-content .col-md-8{padding-right: 0px; padding-left: 0px;}
	
	.bigblock{margin-top: 40px;}
	
	.block_one{width: 100%;}
	
	.block_one_child{width: 100%; display: inline-block; text-align: center;}
	
	.block_two{width: 100%; display: inline-block;}
	
	.block_two_child{width: 45%;  margin: 0 auto;}
	
	.slider-nav-thumbnails {padding:1px 12px;}
	
	.quat_ans_blck_bt{display: block;margin: 15px 35px; text-align: center;}
	
	.quat_ans_blck_bt:hover {display: block; margin: 15px 35px;}
	
}

@media screen and (max-width:590px) {
    .books .book .bookwrap {
        height: 350px;
    }
    .prix .txtVert.titr {
        margin-top:-10px;
    }
    .lectureImg {
        right: 0;
        width: 100px;
        top:50px;
    }
	
	.quat_box_2 { margin: -5px auto;}
	
	.quat_box_3 { margin-bottom: -7px;}
	
	.quat_ans_top h2{font-size: 60px !important;padding-left: 10px;padding-right: 10px;}
	
.quat_box_ct{margin-top:2px;}
	
.vid_big{display:none;}

.vid_small {display: block;}
	
.quat_jeux_img{margin-bottom: 20px;
    margin-right: 20px;
    margin-left: 20px;}
    
.quat_ans_text{padding-left: 15px; padding-right: 15px;}
    
    .mytopfont{font-size: 26px!important;}
	
    .anniv .col-md-12{padding-right: 0px; padding-left: 0px;}

}
@media screen and (max-width:420px) {
    .books .book {
        width:100%!important;
    }
    .books .book .bookwrap {
        height: auto;
    }
	
.quat_part_box_1{ width:48%;}

.quat_part_box_2{width:48%;}

.quat_part_box_3{width:48%;}

}
@media screen and (max-width:360px) {
    .wrapContent.livres .wrapFondVert .txtVert {
        margin-top:13px;
        font-size: 23px!important;
        padding-left: 0px;
    }
    
    .mytopfont{font-size: 24px!important;}
	
	.quat_ans_top h2 {
	  font-size: 53px !important;
	  padding-left: 25px;
	  padding-right: 25px;
    }
	
}


@media screen and (max-width:1148px) and (min-width:992px) {
	#btn-gauche {
		line-height:40px!important;
	}
}

.social {
	display:inline-block;
	float:left;
	text-decoration:none;
}

.centerlimit {
	max-width:1400px;
	margin:0 auto;
}

.newIns{display:block!important;}
.timer{display:none;}
.inscr{display:none;}
.newTimer{display:block!important;}


.phGallery_thumb .slick-slide { opacity: 0.5;}

.phGallery_thumb .slick-slide img {margin:3px 5px; width:180px;}

.phGallery_thumb .slick-slide.slick-current{opacity: 1; /*background: green;*/}

.phGallery_thumb{width:80%; text-align:center; margin:0 auto;}

.phGallery_thumb .slick-list .slick-track .slick-slide{display:none; width:100%!important;}

.phGallery_thumb .slick-list .slick-track .slick-slide.slick-current{display:inline-block;}

.phGallery_nav{width:80%; text-align:center; margin:0 auto;}

.phGallery_nav div{display:inline-block; width:15%; padding:5px 3px;}

.phGallery_nav img{width:100%;}


    @media only screen and (min-width: 960px) {
       
        .logo_svg{margin:auto;position:relative;width:960px;height:400px;overflow:hidden;}
}
    @media only screen and (min-width: 1440px) {

       .logo_svg{margin:auto;position:relative;width:1140px;height:400px;overflow:hidden;}

    }
    @media only screen and (min-width: 2000px) {

        .logo_svg{margin:auto;position:relative;width:auto;height:400px;overflow:hidden;}

    }
    @media only screen and (max-device-width: 480px) {

        .logo_svg{margin:auto;position:relative;width:480px;height:100px;overflow:hidden;}

    }
    @media only screen and (device-width: 768px) {
   
        .logo_svg{margin:auto;position:relative;width:768px;height:200px;overflow:hidden;}

    }