#cms.code_promo ul{padding:0;}
#cms.code_promo ul li{list-style-type:none;}

#cms.code_promo .contenu h1{margin:30px 0 25px 0;}
#cms.code_promo .contenu p{padding:0 75px;text-align:left;}

#cms.code_promo .bloc_filtre{float:left;width:100%;padding:0 75px;margin:0 0 0 0;}
#cms.code_promo .bloc_filtre .select{padding: 0;margin: 30px 0 0 0;width: 215px;height: 30px;border-radius: 10px;overflow: hidden; background: #ececec url(../../../../themes/piscinesdumonde/img/icon_arrow_down.png) no-repeat 90% 50%;}
#cms.code_promo .bloc_filtre select{padding: 0 17px;width: 100%;height: 30px;border: none;box-shadow: none;background-color: transparent;background-image: none;-webkit-appearance: none;-moz-appearance: none;appearance: none;font-size: 11px;color: #525252;font-weight: 700;text-transform: uppercase;line-height: 30px;cursor: pointer;}

#cms.code_promo .liste_code_promo{float:left;width:100%;padding:0 75px;margin:30px 0;}
#cms.code_promo .liste_code_promo li{float:left;width:100%;height:120px;margin:0 0 15px 0;background:#eeeeee;border-radius:5px;}
#cms.code_promo .liste_code_promo li.non_actif{opacity:0.5;}
#cms.code_promo .liste_code_promo li .type{position:relative;float:left;width:15%;height:100%;background:#9f2264;color:#ffffff;text-align:center;font-size:40px;line-height:120px;font-weight:700;border-radius:5px 0 0 5px;}
#cms.code_promo .liste_code_promo li .type:after{border-style:solid;border-width: 10px 0 10px 12px;border-color: transparent transparent transparent #9f2264;content: '';display: block;height: 0;position: absolute;top: 50%;right: -11px;width: 0;transform: translateY(-50%);}
#cms.code_promo .liste_code_promo li .type.cadeau img{margin:35px 0;}
#cms.code_promo .liste_code_promo li .type.livraison img{margin:32px 0;}
#cms.code_promo .liste_code_promo li .descriptif{position:relative;float:left;width:65%;height:100%;padding:15px 40px;font-size:15px;color:#525252;padding:5px 0 0 140px;}
#cms.code_promo .liste_code_promo li .descriptif a{color:#525252;text-decoration:underline;}
#cms.code_promo .liste_code_promo li .descriptif .img{position:absolute;top:10px;left:20px;width:100px;height:100px;}
#cms.code_promo .liste_code_promo li .descriptif .img img{width:100px;height:100px;}
#cms.code_promo .liste_code_promo li .descriptif span.date{position:absolute;bottom:10px;right:-163px;font-size:11px;font-style:italic;}
#cms.code_promo .liste_code_promo li.non_actif .descriptif span.date{color:#ff0000;}

#cms.code_promo .liste_code_promo li .descriptif p.price{float:left;width:100%;padding:0;}
#cms.code_promo .liste_code_promo li .descriptif p.price span.price{float:left;font-size:13px;margin:20px 0 0 0;background:#00a9c6;color:#ffffff;padding:5px 10px;}
#cms.code_promo .liste_code_promo li .descriptif span.price span{font-weight:700;font-size:22px;}

#cms.code_promo .liste_code_promo li .descriptif.no_img{padding:5px 0 0 20px;}
#cms.code_promo .liste_code_promo li .descriptif.no_img span.date{left:20px;}

#cms.code_promo .liste_code_promo li .descriptif .liste_img_cadeau{position:absolute;bottom:10px;left:139px;width:80%;}
#cms.code_promo .liste_code_promo li .descriptif .liste_img_cadeau li{float:left;width:55px;height:55px;margin:0 3px;}
#cms.code_promo .liste_code_promo li .descriptif .liste_img_cadeau li a{display:block;width:55px;height:55px;}
#cms.code_promo .liste_code_promo li .descriptif .liste_img_cadeau li img{width:55px;height:55px;}

#cms.code_promo .liste_code_promo li .descriptif .stock_limite{position:absolute;right:-160px;top:15px;color:#ffffff;background:#9f2264;font-weight:700;text-transform:uppercase;padding:5px 10px;border-radius:3px;font-size:16px;}
#cms.code_promo .liste_code_promo li .descriptif .stock_limite.out{position:absolute;right:-160px;top:15px;color:#ffffff;background:grey;font-weight:700;text-transform:uppercase;padding:5px 10px;border-radius:3px;font-size:14px;}
.blink {-webkit-animation: 1s linear infinite condemed_blink_effect;animation: 1s linear infinite condemed_blink_effect;}
@-webkit-keyframes condemed_blink_effect{0% {visibility: hidden;}50% {visibility: hidden;}100% {visibility: visible;}}
@keyframes condemed_blink_effect{0% {visibility: hidden;}50% {visibility: hidden;}100% {visibility: visible;}}

#cms.code_promo .liste_code_promo li .action{float:left;width:20%;padding:0 0 0 10px;}
#cms.code_promo .liste_code_promo li .action a.link{float:left;width:80%;height:40px;color:#ffffff;text-align:center;line-height:40px;font-size:14px;font-weight:700;text-transform:uppercase;background:#00a9c6;margin:40px 0;}
#cms.code_promo .liste_code_promo li .action div.code{position:relative;float:left;width:80%;height:40px;line-height:35px;border:2px dashed #00a9c6;margin:40px 0;color:#00a9c6;padding:0 0 0 5px;font-size:14px;background:#ffffff;}
#cms.code_promo .liste_code_promo li .action div.code input{float:left;width:70%;color:#00a9c6;font-size:12px;border:none;margin:11px 0 0 0;}
#cms.code_promo .liste_code_promo li .action div.code input:focus{outline: none;}
#cms.code_promo .liste_code_promo li .action div.code a{float:right;height:40px;line-height:40px;background:#00a9c6;padding:0 10px;margin:-2px -2px 0 0;}
#cms.code_promo .liste_code_promo li.non_actif .action div.code a{cursor:not-allowed;}
#cms.code_promo .liste_code_promo li .action div.code a img{float:left;width:20px;margin:10px 0 0 0;}
#cms.code_promo .liste_code_promo li .action div.code span{position:absolute;top:-33px;left:0;font-size:11px;font-weight:700;font-style:italic;}

#cms.code_promo .bloc_info{float:left;width:100%;padding:0 75px;margin:0 0 30px 0;font-size:14px;color:#525252;}
#cms.code_promo .bloc_info p{padding:0;}
#cms.code_promo .bloc_info h2{display: block;height: 50px;line-height: 50px;font-size: 18px;color: #ffffff;padding: 0 15px;margin: 0 0 10px 0;background:#00a9c6;}
#cms.code_promo .bloc_info ul{float:left;width:100%;}
#cms.code_promo .bloc_info ul li{float:left;width:100%;background: url(../img/icon_arrow_blue.png) 0px 7px no-repeat;padding: 0 0 0 10px;margin: 0 0 5px 0;}

#cms.code_promo .bloc_info.bloc_newsletter h2{position:relative;margin:0;}
#cms.code_promo .bloc_info.bloc_newsletter h2 ul{position:absolute;top:1px;right:15px;float:none;width:auto;}
#cms.code_promo .bloc_info.bloc_newsletter h2 ul li{background:none;float:left;width:40px;margin:0 3px;}
#cms.code_promo .bloc_info.bloc_newsletter .col{float:left;width:33%;height:185px;background:#eeeeee;padding:20px 10px 10px 10px;text-align:center;}
#cms.code_promo .bloc_info.bloc_newsletter .col3{width:34%;}
#cms.code_promo .bloc_info.bloc_newsletter .col2{padding:40px 30px;}
#cms.code_promo .bloc_info.bloc_newsletter .col p{text-align:center;}
#cms.code_promo .bloc_info.bloc_newsletter .col.col1 span{display:inline-block;width:150px;height:150px;border-radius:150px;background:#9f2264;}
#cms.code_promo .bloc_info.bloc_newsletter .col.col1 span img{margin:38px 0;}
#cms.code_promo .bloc_info.bloc_newsletter .col form{float:left;width:100%;padding:15px 0 0 0;}
#cms.code_promo .bloc_info.bloc_newsletter .col form input.text{float:left;width:100%;height:40px;padding:0 5px;border:2px solid #e3e3e3;color: #9e9e9e;font-style: italic;}
#cms.code_promo .bloc_info.bloc_newsletter .col form input.text:focus{outline: none;}
#cms.code_promo .bloc_info.bloc_newsletter .col form .checkbox{float:left;width:100%;margin:10px 0 0 0;text-align:left;font-size:12px;}
#cms.code_promo .bloc_info.bloc_newsletter .col form .checkbox a{color:#525252;text-decoration:underline;}
#cms.code_promo .bloc_info.bloc_newsletter .col form .checkbox input{float:left;width:5%;}
#cms.code_promo .bloc_info.bloc_newsletter .col form .checkbox label{float:left;width:90%;}
#cms.code_promo .bloc_info.bloc_newsletter .col form .submit{float:right;height:40px;line-height:40px;color:#ffffff;text-align:center;font-size:14px;font-weight:700;text-transform:uppercase;background:#9f2264;border:none;cursor:pointer;padding:0 10px;margin:15px 0 0 0;}
#cms.code_promo .bloc_info.bloc_newsletter .col .message{float:left;width:100%;text-align:left;color:#ff0000;font-size:12px;}

#cms.code_promo .bloc_info.comment p span{display:inline-block;width:25px;height:25px;line-height:25px;background:#00a9c6;padding:2px 0 0 2px;}
#cms.code_promo p.intro span{display:inline-block;width:25px;height:25px;line-height:25px;background:#00a9c6;padding:2px 0 0 2px;}


@media (min-width: 0px) AND (max-width: 767px) {
	#cms.code_promo .contenu p{padding:0 5%;}
	#cms.code_promo .liste_code_promo{padding:0 5%;}
	#cms.code_promo .liste_code_promo li{float:left;width:100%;height:340px;margin:0 1% 15px 1%;background:#eeeeee;border-radius:5px;}
	#cms.code_promo .liste_code_promo li .type{position:relative;float:left;width:100%;height:120px;background:#9f2264;color:#ffffff;text-align:center;font-size:50px;line-height:120px;font-weight:700;border-radius:5px 5px 0 0;}
	#cms.code_promo .liste_code_promo li .type:after{display:none;}
	#cms.code_promo .liste_code_promo li .descriptif{position:relative;float:left;width:100%;height:140px;font-size:15px;color:#525252;text-align:center;padding:20px 10px 20px 140px;}
	#cms.code_promo .liste_code_promo li .descriptif a{color:#525252;text-decoration:underline;}
	#cms.code_promo .liste_code_promo li .descriptif .img{position:absolute;top:20px;left:20px;width:100px;height:100px;}
	#cms.code_promo .liste_code_promo li .descriptif .img img{width:100px;height:100px;}
	#cms.code_promo .liste_code_promo li .descriptif span.date{position:absolute;bottom:-77px;left:0;width:100%;font-size:11px;font-style:italic;text-align:center;}
	#cms.code_promo .liste_code_promo li .descriptif.no_img{padding:20px 10px;}
	#cms.code_promo .liste_code_promo li .action{float:left;width:100%;padding:0 0 0 10px;}
	#cms.code_promo .liste_code_promo li .action a.link{float:left;width:80%;height:40px;color:#ffffff;text-align:center;line-height:40px;font-size:14px;font-weight:700;text-transform:uppercase;background:#00a9c6;margin:10px 10%;}
	#cms.code_promo .liste_code_promo li .action div.code{float:left;width:80%;height:40px;line-height:35px;border:2px dashed #00a9c6;margin:10px 10%;color:#00a9c6;padding:0 0 0 5px;font-size:14px;background:#ffffff;}
	#cms.code_promo .liste_code_promo li .action div.code input{float:left;width:70%;color:#00a9c6;font-size:14px;border:none;margin:9px 0 0 0;}
	#cms.code_promo .liste_code_promo li .action div.code input:focus{outline: none;}
	#cms.code_promo .liste_code_promo li .action div.code a{float:right;height:40px;line-height:40px;background:#00a9c6;padding:0 10px;margin:-2px -2px 0 0;}
	#cms.code_promo .liste_code_promo li .action div.code a img{float:left;width:20px;margin:10px 0 0 0;}
	
	#cms.code_promo .bloc_info{padding:0 5%;}
	#cms.code_promo .bloc_info h2{font-size:14px;}
	#cms.code_promo .bloc_info.bloc_newsletter .col{width:100%;height:auto;}
}
@media (min-width: 768px) AND (max-width: 1024px) {
	#cms.code_promo .contenu p{padding:0 5%;}
	#cms.code_promo .liste_code_promo{padding:0 5%;}
	#cms.code_promo .liste_code_promo li{float:left;width:48%;height:340px;margin:0 1% 15px 1%;background:#eeeeee;border-radius:5px;}
	#cms.code_promo .liste_code_promo li .type{position:relative;float:left;width:100%;height:120px;background:#9f2264;color:#ffffff;text-align:center;font-size:50px;line-height:120px;font-weight:700;border-radius:5px 5px 0 0;}
	#cms.code_promo .liste_code_promo li .type:after{display:none;}
	#cms.code_promo .liste_code_promo li .descriptif{position:relative;float:left;width:100%;height:140px;font-size:15px;color:#525252;text-align:center;padding:20px 10px 20px 140px;}
	#cms.code_promo .liste_code_promo li .descriptif a{color:#525252;text-decoration:underline;}
	#cms.code_promo .liste_code_promo li .descriptif .img{position:absolute;top:20px;left:20px;width:100px;height:100px;}
	#cms.code_promo .liste_code_promo li .descriptif .img img{width:100px;height:100px;}
	#cms.code_promo .liste_code_promo li .descriptif span.date{position:absolute;bottom:-77px;left:0;width:100%;font-size:11px;font-style:italic;text-align:center;}
	#cms.code_promo .liste_code_promo li .descriptif.no_img{padding:20px 10px;}
	#cms.code_promo .liste_code_promo li .action{float:left;width:100%;padding:0 0 0 10px;}
	#cms.code_promo .liste_code_promo li .action a.link{float:left;width:80%;height:40px;color:#ffffff;text-align:center;line-height:40px;font-size:14px;font-weight:700;text-transform:uppercase;background:#00a9c6;margin:10px 10%;}
	#cms.code_promo .liste_code_promo li .action div.code{float:left;width:80%;height:40px;line-height:35px;border:2px dashed #00a9c6;margin:10px 10%;color:#00a9c6;padding:0 0 0 5px;font-size:14px;background:#ffffff;}
	#cms.code_promo .liste_code_promo li .action div.code input{float:left;width:70%;color:#00a9c6;font-size:14px;border:none;margin:9px 0 0 0;}
	#cms.code_promo .liste_code_promo li .action div.code input:focus{outline: none;}
	#cms.code_promo .liste_code_promo li .action div.code a{float:right;height:40px;line-height:40px;background:#00a9c6;padding:0 10px;margin:-2px -2px 0 0;}
	#cms.code_promo .liste_code_promo li .action div.code a img{float:left;width:20px;margin:10px 0 0 0;}
	
	#cms.code_promo .bloc_info{padding:0 5%;}
	#cms.code_promo .bloc_info h2{font-size:14px;}
	#cms.code_promo .bloc_info.bloc_newsletter .col{width:100%;height:auto;}
}


#cms.code_promo .liste_code_promo2{float:left;width:100%;padding:0 75px;margin:30px 0;}
#cms.code_promo .liste_code_promo2 li{float:left;width:31%;height:340px;margin:0 1% 15px 1%;background:#eeeeee;border-radius:5px;}
#cms.code_promo .liste_code_promo2 li .type{position:relative;float:left;width:100%;height:120px;background:#9f2264;color:#ffffff;text-align:center;font-size:50px;line-height:120px;font-weight:700;border-radius:5px 5px 0 0;}
#cms.code_promo .liste_code_promo2 li .type:after{border-style:solid;border-width: 10px 10px 0 10px;border-color:#9f2264 transparent transparent transparent;content: '';display: block;height: 0;position: absolute;bottom: -10px;left: 50%;width: 0;transform: translateX(-50%);}
#cms.code_promo .liste_code_promo2 li .descriptif{position:relative;float:left;width:100%;height:140px;font-size:15px;color:#525252;text-align:center;padding:20px 10px 20px 140px;}
#cms.code_promo .liste_code_promo2 li .descriptif a{color:#525252;text-decoration:underline;}
#cms.code_promo .liste_code_promo2 li .descriptif .img{position:absolute;top:20px;left:20px;width:100px;height:100px;}
#cms.code_promo .liste_code_promo2 li .descriptif .img img{width:100px;height:100px;}
#cms.code_promo .liste_code_promo2 li .descriptif span.date{position:absolute;bottom:-77px;left:0;width:100%;font-size:11px;font-style:italic;text-align:center;}
#cms.code_promo .liste_code_promo2 li .descriptif.no_img{padding:20px 10px;}
#cms.code_promo .liste_code_promo2 li .action{float:left;width:100%;padding:0 0 0 10px;}
#cms.code_promo .liste_code_promo2 li .action a.link{float:left;width:80%;height:40px;color:#ffffff;text-align:center;line-height:40px;font-size:14px;font-weight:700;text-transform:uppercase;background:#00a9c6;margin:10px 10%;}
#cms.code_promo .liste_code_promo2 li .action div.code{float:left;width:80%;height:40px;line-height:35px;border:2px dashed #00a9c6;margin:10px 10%;color:#00a9c6;padding:0 0 0 5px;font-size:14px;background:#ffffff;}
#cms.code_promo .liste_code_promo2 li .action div.code input{float:left;width:70%;color:#00a9c6;font-size:14px;border:none;margin:9px 0 0 0;}
#cms.code_promo .liste_code_promo2 li .action div.code input:focus{outline: none;}
#cms.code_promo .liste_code_promo2 li .action div.code a{float:right;height:40px;line-height:40px;background:#00a9c6;padding:0 10px;margin:-2px -2px 0 0;}
#cms.code_promo .liste_code_promo2 li .action div.code a img{float:left;width:20px;margin:10px 0 0 0;}