.livre_slide .flickity-prev-next-button {display:none}
#cmonlivre h2, #page h2 {text-align:center;font-size:2rem;font-weight:bold;color:#F18800;border-bottom:1px solid #E3E8EA;border-top:1px solid #E3E8EA;padding:15px 0;}
#cmonlivre .txth2, #page .txth2  {padding:15px 10px;font-weight:bold;font-size:0.90rem;margin-top:50px;}
#cmonlivre .txth2 p, #page .txth2 p {text-align:center;line-height:1.2rem;margin:0 auto;}
#cmonlivre .call2action {clear:both;margin:20px 0;}
#cmonlivre .call2action div {float:left;width:33.3333%;}
#cmonlivre .call2action div p {width:70%;margin:0 auto;}
#cmonlivre .table_image {position:relative;height:450px;background: url(/cmonlivre/fd_connexion.jpg) no-repeat top center;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;}
#cmonlivre .table_image .titre {width:100%;position:absolute;height:450px;}
#cmonlivre .table_image .titre td {text-align:center;vertical-align:middle;}
#cmonlivre .table_image .titre td .txt {max-width:500px;margin:0 auto;background:rgba(255,255,255, 0.8);padding:20px 20px;border-radius:10px;}
#cmonlivre .table_image .titre td .txt h2 {text-align:center;font-size:2rem;color:#F18800;font-weight:bold;border:none;padding:0;margin:0}
#cmonlivre .table_image .titre td .txt p {font-size:1.250rem;margin:10px 0}
#cmonlivre .sstitre {font-weight:bold;}
#cmonlivre {position:relative;}
#cmonlivre .carousel {position:relative;margin:20px 0 50px 30px;}
#cmonlivre .carousel-cell {position:relative;width:100%;text-align:center;margin:0 20px;}
#cmonlivre .carousel-cell .image_url {max-width: 100%;width: 540px;height: 396px;display: flex;margin:0 auto;}
#cmonlivre .carousel-cell .image_url img {max-width: 100%;max-height: 100%;margin: auto;transition: .2s;padding:10px;text-align:center;}
#cmonlivre .flickity-prev-next-button {width: 40px;height: 40px;border-radius: 50%;background: rgba(253,126,20, 1);}
#cmonlivre .flickity-button-icon {fill: #fff;}
#cmonlivre .carousel-cell .txt {max-width:500px;text-align:left;margin:0 auto}	
#cmonlivre .carousel-cell .txt p {font-weight:bold;text-align:center;color:#f18800;margin:10px 0 15px 0;}	
#cmonlivre .carousel-cell ol.format {color:#999;font-size:0.750rem;}
#cmonlivre .carousel-cell ol.format li {padding-bottom:5px;}
#cmonlivre ul.explic {margin:60px 0 70px 0;font-size:1rem;position:relative;}
#cmonlivre ul.explic a {text-decoration:underline;color:#999;}
#cmonlivre ul.explic li {float:left;width:25%;text-align:center;padding:0 20px}
#cmonlivre ul.explic li:last-child {float:none;width:0;padding:0;margin:0;clear:both;}
#cmonlivre ul.explic .explic_txt {max-width:250px;margin: 0 auto;}
#cmonlivre ul.explic .explic_txt p {margin:20px 0 5px 0;font-size:1.250rem;}
#cmonlivre ul.explic .explic_txt h3, ul.explic .explic_txt h1 {font-size:0.90rem;line-height:1rem;font-weight:normal;color:#3C3C3B;line-height:1.2rem;}
#cmonlivre ul.explic img {width:90px;height:90px;}
#cmonlivre ul.explic .svg {position:relative;margin-left:20px;}
#cmonlivre ul.explic .rond {position:absolute;z-index:-1;width:100px;height:100px;right:0;left:0;top:-5px;border-radius:50%;margin:0 auto;}
#cmonlivre ul.explic .txtorange {color: #F18800;}
#cmonlivre ul.explic .txtbleu {color: #78C8E6;}
#cmonlivre ul.explic .txtrose {color: #E05B98}
#cmonlivre ul.explic .txtgris {color: #999}
#cmonlivre ul.explic .orange {background: #FFE8D5}
#cmonlivre ul.explic .bleu {background: #DBF0F9}
#cmonlivre ul.explic .rose {background: #F9DBE9}
#cmonlivre ul.explic .gris {background: #EDF0F1}
#cmonlivre .erreur {background:red;}
@media all and (max-width: 1280px) { 
	#cmonlivre ul.explic img {width:80px;height:80px;} 
	#cmonlivre ul.explic .rond {top:-10px;}
}
@media all and (max-width: 1024px) {
	#cmonlivre .call2action {margin:50px auto 50px auto;}
	#cmonlivre .call2action div p {width:90%;margin:0 auto;}
	#cmonlivre .table_image {margin-bottom:0;}
	#cmonlivre ul.explic {margin:0;}
	#cmonlivre ul.explic li {width:50%;padding:50px 10px 0px 10px;} 
	.livre_slide .flickity-prev-next-button {display:block}
}
@media all and (max-width: 769px) {
	#cmonlivre h2, #page h2 {font-size:1.60rem;padding:10px 0;}
	#cmonlivre .call2action {margin:50px auto 0 auto;}
	#cmonlivre .call2action div {float:none;width:100%;margin-bottom:20px;}
	#cmonlivre .call2action div:last-child {margin-bottom:0px;}
	#cmonlivre .call2action div p {width:100%;}
}
@media all and (max-width: 600px) {
	#cmonlivre ul.explic li {text-align:left;width:100%;padding:50px 40px 0 40px;}
	#cmonlivre ul.explic .explic_txt {float:left;width:65%;max-width:100%;margin:0;}
	#cmonlivre ul.explic .svg	{float:left;width:35%;margin-left:0;}
	#cmonlivre ul.explic img {width:60px;height:60px;}
	#cmonlivre ul.explic .explic_txt p {font-size: 1.350rem;margin:0}
	#cmonlivre ul.explic .rond	{width:80px;height:80px;left:-10px;margin:0;}
}
@media all and (max-width: 550px) { 
	#cmonlivre .table_image .titre td .txt {max-width:90%}
	#cmonlivre .carousel {margin:20px 10px 0 10px;}
	#cmonlivre .carousel-cell .image_url {width: 350px;height:250px;margin:0 auto;}
	#cmonlivre .carousel-cell .txt {padding:0 20px 0 20px;max-width:350px;}	
 }