#slogan{
	text-align:center;
	font-size:14px;
	font-family: "futurabook",Arial;
	font-weight:normal;
	padding: 5px 0;
}
.cf::after {
    content: "";
    display: block;
    height: 0;
    clear: both;
    overflow: hidden;
    visibility: hidden;
}

.block p, .block a{font-family: "futurabook",Arial;font-size: 14px;}
.block h3{font-family: 'bebasreg', Arial;color: #eb580c;font-size: 24px;padding-bottom: 15px;}
.block-list {background: #fff;padding: 12px 10px 20px;}
.block-list .title{display:block;font-size:18px;margin-bottom:5px;}
.block-list li{display: block;border-top: 3px dotted #eb580c;padding: 15px 0;}
.block-list li a{text-decoration:none;}
.block-list li a:hover{text-decoration:underline;}
.block-list .img_container {width: 94px;height: 94px;display: block;float: left;position: relative;overflow: hidden;}
.block-list .img_container img{width: auto;height: 100%;margin: auto;position: absolute;top: 0;right: 0;bottom: 0;left: 0;}
.block-list .infos{width: 170px;margin-left: 10px;display: block;float: left;}

/*
* Slider
*/
.slider h2 {font-family: 'als_reg', Arial;color: #fff;font-size: 44px;line-height: 36px;padding: 14px 0 12px 3%;width: 97%;}

/*
* Mosaique
*/ 
.mosaique h2 {font-family: 'als_reg', Arial;color: #fff;font-size: 44px;line-height: 36px;padding: 14px 0 12px 3%;width: 97%;}
.mosaique .list{padding: 15px 0;}
.mosaique .item{text-align: center;font-family: futurabook,Arial;width: 208px;padding: 5px;margin: 0 0 20px 10px;border: 2px solid #ffa000;font-size:18px;}
.mosaique .item a{font-size:18px;text-decoration:none;}
.mosaique .item img {max-width: 100%;max-height: 100%;display: block;margin: 0 auto; height:auto !important;}

.mosaique-description .list{padding: 15px 0;}
.mosaique-description h2 {font-family: 'als_reg', Arial;color: #fff;font-size: 44px;line-height: 36px;padding: 14px 0 12px 3%;width: 97%;}
.mosaique-description .item {min-height:150px;display:block;background:#fff;position:relative;width: 220px;margin: 0 10px 20px 10px;}
.mosaique-description .item span.barre {width:5px;height:43px;display:block;position:absolute;left:0;top:0;}
.mosaique-description .item p.titre {width: 190px;margin-left:10px;padding:8px 0 6px 3px;font-family: 'futurabold', Arial;font-size:13px;color:#007588;border-bottom:3px dotted #007588;}
.mosaique-description .item p.titre a {font-family: 'futurabold', Arial;color:#007588;text-decoration:none;}
.mosaique-description .item .img_container {width:95px;height:95px;display:block;float:left;margin:5px 0 0 5px;position:relative;}
.mosaique-description .item .img_container img {max-width:75%;max-height:75%;display:block;margin:0 auto;}
.mosaique-description .item .infos{
    font-family: 'nimbusreg', Arial;
    font-size: 14px;
    line-height: 14px;
    position: relative;
    color: #231f20;
    padding-top: 5px;
    padding-bottom: 45px;
    width: 208px;
    float: none;
	margin-left: 5px;
}
.mosaique-description .item  .img_container {
    width: 208px;
    height: auto;
    float: none;
    margin: 15px auto 0;
}
#page_content .bloc_acti p.titre {width: 204px;margin-left: 10px;padding: 8px 0 6px 3px;font-family: 'futurabold', Arial;font-size: 13px;color: #007588;border-bottom: 3px dotted #007588;}


#page_content .top{ margin:auto; }

/*
* Carousel
*/
.hp_carousel {float:left;max-width: 480px;max-height:415px;background: #fff; overflow:hidden;}
.hp_carousel h1 {font-family:'futurabold', Arial;color:#231f20;font-size:16px;line-height:18px;padding:10px  0 5px 10px;}
.hp_carousel h2 {font-family: 'futurabold', Arial;color:#ea5a0f;font-size:18px;line-height:18px;min-height:35px;background:none;padding:5px 0 6px 10px;}


/** carousel **/
/*.carousel {width:auto;max-height:320px;padding-top:15px;display:block;background:url(../img/bg-carousel.png) no-repeat; background-size:cover;}*/
.carousel {width:auto;height:320px;padding-top:15px;display:block;background:#fff; background-size:cover;}
.carousel .item img{display: block;height:240px;width:auto;margin:0 auto;}
.carousel .item a.legende {padding:5px 0;width:90%;display:block;margin:0 auto;font-family: 'futurabook', Arial;font-size:16px;color:#231f20;text-decoration:none;text-align:center;}

/** prev & next **/
.carousel .owl-prev {background:url(../img/carousel-hp-prev.png) no-repeat;width:30px;height:59px;display:block;text-indent:-9999px;position:absolute;left:6px;top:93px;}
.carousel .owl-next {background:url(../img/carousel-hp-next.png) no-repeat;width:30px;height:59px;display:block;text-indent:-9999px;position:absolute;right:6px;top:93px;}

/** pagination **/
.carousel .owl-pagination {margin:15px  auto 0;}
.carousel .owl-pagination .owl-page {display:block;float:left;width:15px;margin: 0 2px;}
/*
* Carousel V2
*/
.carousel_v2 {max-width: 720px; height:610px; background: #fff; overflow:hidden; margin: auto;}
.carousel_v2 h1 {font-family:'futurabold', Arial;color:#231f20;font-size:16px;line-height:18px;padding:0  0 5px 0;}
.carousel_v2 h2 {font-family: 'futurabold', Arial;color:#ea5a0f;font-size:18px;line-height:18px;min-height:35px;background:none;padding:5px 0 6px 10px;}
.carousel_v2 .carousel-wrapper{padding:0; margin-bottom:15px; max-width: 720px; height:386px; }
.carousel_v2 .carousel{ height:386px; width:720px; position:absolute; }
.carousel_v2 .carousel .item{ display:none; } 
.carousel_v2 .carousel div:first-child{ display:block; }
.carousel_v2 .carousel .owl-pagination{ position: absolute; right: 0; bottom:0; background:#fff; height:15px; padding:5px 10px 6px 10px; }
.carousel-footer { position:absolute; }
.carousel-footer > div{ float:left; padding:5px; height:160px; overflow: hidden;}
.carousel-footer > div.joke div,.carousel-footer > div.quiz div { margin:0 5px; }
.carousel-footer > div.joke div{ overflow: auto;height: 120px; }
.carousel-footer > div .souris{ margin:0 5px; }
.carousel-footer > div div p{     font-size: 14px; line-height: 15px;padding: 5px 0; }
.carousel-footer > div.quiz{ width:220px; margin-right:15px; }
.carousel-footer > div.joke{ width:220px; margin-right:15px; }
.carousel-footer > div.quiz div { }
.carousel-footer > div.quiz a.souris{background:url(../img/carousel-sprite.png) no-repeat -4px -275px;padding-left:60px;  display:block; min-height: 60px; }
.carousel-footer h3{ font-family: 'futurabold', Arial;font-size:14px;color:#007588; font-weight:normal; margin-bottom:5px; border-bottom: 3px dotted #007588; padding: 8px 0 6px 3px;}
.carousel-footer h3 a{text-decoration: none; color: inherit;}

.carousel-footer p{ font-family: 'nimbusreg', Arial; font-size: 14px; line-height: 14px; color: #231f20;}     
.carousel-footer a{ font-family: 'futurabold', Arial;color:#007588; font-size:14px; }
.carousel_v2 .owl-carousel .owl-wrapper-outer { width:100% }
.carousel_v2 .carousel .item { height:386px; }
.carousel_v2 .carousel .item a.legende { padding:0; line-height:26px; background:#74c512; font-family: 'futurabook', Arial;font-size:16px;color:#fff;text-decoration:none;text-align:left; position:absolute; width:100%; left:0; bottom:0;}
.carousel_v2 .carousel .item a.legende span{ display:block; padding-left:10px; }
.accueil .top .carousel_v2 .adsense_area { width: 140px; }
.carousel .owl-prev,.carousel .owl-next {background:url(../img/carousel-sprite.png) no-repeat;width:30px;height:59px;display:block;text-indent:-9999px;position:absolute;top:93px;}
.carousel .owl-prev{background-position:0 -50px; left:6px; display:none;} 
.carousel .owl-next{background-position:0 -120px; right:6px; display:none} 
.carousel { height:386px; padding:0;}
.carousel .item img{height:auto; max-height:360px; max-width:720px; }

/*.carousel .owl-pagination .owl-page span{background:url(../img/carousel-sprite.png) no-repeat;width:15px;height:15px;display:block; background-position:0 0;}
.carousel .owl-pagination .owl-page.active span, #carousel .owl-pagination .owl-page.active span:hover{background-position:0 -30px;}*/

.carousel .owl-pagination .owl-page span{ -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; display: inline-block; border-width: 1px; border-style: solid; width: 12px; height: 12px;}

/*
* Slider (frise)
*/ 
.slider{width:auto;overflow:hidden;height:240px;}
.slider .slider-content {position: absolute;width: 720px;height: 240px;overflow: hidden;}
.slider .list{position:absolute;width:720px;height:240px;overflow:hidden;}
.slider .list{position:absolute;}
.slider .controls{position:absolute;width:100%;z-index:100;}
.slider .controls a{position:absolute;margin:100px 0 0 0;width: 30px;height: 59px;display: block;cursor:pointer;}
.slider .prev {background: url(../img/carousel-hp-prev.png) no-repeat;}
.slider .next {background: url(../img/carousel-hp-next.png) no-repeat;right:0;}
.slider .list{width:2000em;}
.slider .item{width:240px;height:240px;display:inline-block;}
.slider .item img{height:240px;width:240px;display:block;}


/*
* Fondu enchaine
*/ 

.fade {width:220px;height: 160px; margin-bottom:12px;}
.fade .fade_content,
.fade .item{width:220px;height: 160px;overflow:hidden;}
.fade .item{display:none;}
.fade ul li:nth-child(1){display:block;}
.fade .fade_content h3.titre {padding: 8px 0 6px 3px;font-family: 'futurabold', Arial;font-size: 13px;color: #007588;border-bottom: 3px dotted #007588;}
.fade .item  p{font-family: 'nimbusreg', Arial;font-size: 14px;line-height: 14px;color: #231f20;width: 120px;padding-top: 5px;padding-bottom: 5px;float: left;}
.fade .item{position:absolute;background:#fff;}
.fade .item .more {font-family: 'futurabold', Arial;font-size: 13px;color: #007588;}
.fade .item .img_container {width: 95px;height: 95px;display: block;float: left;margin: 5px 0 0 5px;position: relative;}
.fade .item h3.titre {padding: 8px 0 6px 3px;font-family: 'futurabold', Arial;font-size: 14px;color: #007588;border-bottom: 3px dotted #007588;}
.fade .item h3.titre a {color:inherit;text-decoration: none; font-family: 'futurabold', Arial;}
.fade .item span.barre {width: 5px;height: 43px;display: block;position: absolute;left: 0;top: 0;}
.fade .item img {display:block; max-width:80px;}


#hp6.mosaique-description .item .img_container img{
	width:130px;
}

#blocs_bas .block {
    width: 204px;
    padding: 13px;
    display: block;
    float: left;
    margin-right: 15px;
    background: #fff;
    position: relative;
    z-index: 200;
	box-shadow: 1px 1px 10px 0px rgba(127, 127, 127, 0.75);
}
#blocs_bas #hp9{
	margin-right:0;
}

#hp7 h3 {
    background: url(../img/ligne-verte.png) left bottom no-repeat;
    color: #93d70a;
	font-family: 'bebasreg', Arial;
    font-size: 30px;
    width: 194px;
    padding: 12px 0 10px 10px;
	margin-bottom:13px;
}
#hp5 .list{
	padding-bottom:0;
}
#blocs_bas #hp7 a {
    color: #5a7824;
    text-decoration: none;
}
#blocs_bas #hp7 p{	
    color: #231f20;
}

#hp8 h3,
#hp9 h3 {
    background: url(../img/ligne-rose.png) left bottom no-repeat;
    color: #e01e58;
	font-family: 'bebasreg', Arial;
    font-size: 30px;
    width: 194px;
    padding: 12px 0 10px 10px;
	margin-bottom:13px;
}
#hp8 li,
#hp9 li{
	border:none;
	margin-bottom:13px;
	padding:0;
}
#hp8 .title,
#hp9 .title{
    font-size: 14px;	
    color: #231f20;
}
#hp8 p, #hp8 .resume a,
#hp9 p, #hp9 .resume a {
    font-size: 12px !important;
    color: #231f20 !important;
    text-decoration: none;
}


.joke-wrapper h1{font-family: "futurabook",Arial;color: #fff;font-size: 30px;line-height: 30px;background:#f18c1f;-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px; padding:10px; margin:10px 30px 45px 145px; text-align:center;}
.joke-wrapper .souris{position:absolute; margin-top:-10px;}
.joke-wrapper .jokes-container{ display:table;    margin: 20px 20px 20px 20px; font-family: "futurabook",Arial; font-size:18px;}
.joke-wrapper .jokes-line{ display:table-row; }
.joke-wrapper .jokes-line .quizz, .joke-wrapper .jokes-line .joke{ width:48%; }
.joke-wrapper .jokes-line .description{ font-size:16px; margin-bottom:8px; min-height:65px; }
.joke-wrapper .jokes-line .spacer{ width:4%; }
.joke-wrapper .jokes-cell{ display:table-cell; padding:8px}
.joke-wrapper .jokes-cell h2{ display:block; font-weight:normal; padding-bottom:8px; margin-bottom:8px; color: #007588; border-bottom: 3px dotted #007588; font-family: "futurabold",Arial; }
.joke-wrapper .jokes-cell .end{ color:#ffa000; }
.joke-wrapper .jokes-cell .end span{ text-decoration:underline; }
.joke-wrapper .jokes-register{ padding:20px 20px 20px 260px; font-family: "futurabook",Arial; margin:0 20px 20px 20px; background:url(../img/newsletter.jpg) no-repeat 20px center;}
.joke-wrapper .jokes-register h2{ color:#ffa000; font-family: "futurabold",Arial; font-size:24px;}
.joke-wrapper .jokes-register h3{ font-family: "futurabold",Arial; margin-bottom:10px; }
.joke-wrapper .jokes-register p{ margin-bottom:10px; margin-top:10px; font-size:16px; }
.joke-wrapper .jokes-register .module-newsletter{ -webkit-box-shadow:none; -moz-box-shadow: none; box-shadow:none; padding:0}
.joke-wrapper .jokes-register .module-newsletter h4{ display:none; }
.joke-wrapper .jokes-register .module-newsletter label.required{ display:none; }
@media screen and (max-width: 641px){
	.joke-wrapper .souris{ display:none; }
	.joke-wrapper h1{ margin-left:30px; margin-bottom:20px}
	.joke-wrapper .jokes-register{ background:none; padding-left:10px;}
}

@media screen and (max-width: 777px){
	.hp_carousel{ margin-bottom: 16px; }
	#page_content .top_right .facebook_area {display:none;}
	#page_content .top_right .block{float: left;}
	#page_content .top_right #block-3{float: left; margin-right:12px;}
	#blocs_bas .block { width:auto; float:none; margin-right:0; margin-bottom:15px; }
	.carousel_v2 { height:auto; }
	.carousel_v2 .carousel-wrapper { height:auto; width:98%; margin-left:auto; margin-right:auto; }
	.carousel_v2 .carousel { width:100%; height:auto; position:relative; }
	.carousel_v2 .carousel .item{ height:auto; }
	.carousel_v2 .carousel .item img{ width:100%; }
	.carousel-footer{ position: initial; width: 98%; margin: auto;}
	.carousel-footer > div{ width:auto !important; float:none; height:auto !important; margin-right:0 !important; margin-bottom:10px;}
	.carousel-footer > div.quiz div{ height:auto; }
	.fade .item{ position :relative; height:auto; width:auto; }
	.fade .item p{ width:auto; float:none;}
}
@media screen and (max-width: 479px) {
	.hp_carousel{ width:100%;max-height:435px;}
	.carousel {width:auto;height:auto;}
	#page_content.accueil .top h1, #page_content.accueil .top h2{ width:auto; background:none; text-align:center; margin-left:0; margin-right:0; padding-left:0; padding-right:0; }
	#page_content .top_right .block{ width:auto; display:block; }
	#page_content .fade { height:auto; width:auto;}
	#page_content .fade .item{ position:relative; height:auto; width:auto; }
	.fade .item  p{ width:calc(100% - 115px);padding: 10px 0;}
	.fade .item h3.titre {width: auto; margin-left: 10px; margin-right: 10px;}
	#page_content .top_right #block-3{margin-right:0;}
	#page_content .top_right .block{clear:both;}
	
	.mosaique .item {width:calc(100% - 14px);margin-right:0;margin-bottom:15px;margin-left:0; margin-right:0;}
	.mosaique-description .item {width:100%;margin-right:0;margin-bottom:15px;margin-left:0; margin-right:0;}
	.mosaique-description .item p.titre{ width:auto; margin-right:10px; }
	.mosaique-description .item .infos{ width:auto; }
}