.block-pj-cookie-message{

  display: none; /*overriden in pj_cookie_message.js to show the message*/

  margin: 10px 0;

}



.block-pj-cookie-message div.cookie_message{

  padding: 10px 40px;

  position: relative;

  background: #f5f5f5;

  border: 0;

  -moz-border-radius: 3px;

  -webkit-border-top-left-radius: 3px;

  -webkit-border-top-right-radius: 3px;

  -webkit-border-bottom-left-radius: 3px;

  -webkit-border-bottom-right-radius: 3px;

  border-radius: 3px;

  margin-top: 0;

  margin-bottom: 0;

}



  .ui-mobile body:not(.news_mobile_tab) .block-pj-cookie-message div.cookie_message{

    font-size: 12px;

  }



  .ui-mobile body.news_mobile_tab .block-pj-cookie-message div.cookie_message{

    font-size: 13px;

  }



#cookie-message_picto-info{

  position: absolute;

  left: 10px;

  top: 10px;

  display: inline-block;

  width: 22px;

  height: 22px;

  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAWCAYAAADEtGw7AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDE0IDc5LjE1Njc5NywgMjAxNC8wOC8yMC0wOTo1MzowMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTQgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QUY5NTUwMDJGRTJCMTFFNDk0M0RDRkIyMDJBQkQ5NjMiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QUY5NTUwMDNGRTJCMTFFNDk0M0RDRkIyMDJBQkQ5NjMiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpBRjk1NTAwMEZFMkIxMUU0OTQzRENGQjIwMkFCRDk2MyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpBRjk1NTAwMUZFMkIxMUU0OTQzRENGQjIwMkFCRDk2MyIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PtlYXagAAAF6SURBVHjatFV/T8IwEG27iSgO+MfMSBD9/p8KjQiLJNM5xblZ3yU3Mpf+guglL1uh93bXu3uVwmLX6WyAxwQYAUMg4r8aYAeUwMtq81iZ/KWBMMYjZVIp3KaJHNjgA7WVGKQU3bwTXahRFg8gL9sfoh7pAlAOgm9LpuQzSS7G70VZfO2J+TxvPaTPwJKf5HdmONYE5K8gb1qiK0/6FGmGVDUB72s+375FzCUUoqUvJ54zlL30laOwCXFSB0wDikMkczhkvE49+6cx96nPqCAnwF1AC5KNiHjg2PAGPLVDwD2+4IFx2UB5IiCiGddB8BBkIUcXc3Vt5EPuiOrAgdEqwGmLSJvOehxAXCkWE5cWbA3C5LOSiHPHhl0v2svArsgVHD/wUtiqiyhlv0uA2kFaEGfMCxrRc8NY0/qGB6NmJNwtNpVb/1KpjrpJcZxRPZatdO4jJLkj2eOI1BF6fG/U4w55zqmeHnCDkMh/Oq+mP7vztNbiP+xHgAEApLGNEHLLRDIAAAAASUVORK5CYII=) no-repeat;

}



.block-pj-cookie-message div.cookie_message .fa-info-circle{

  font-size: 22px;

  color: #cecece;

  margin-right: 14px;

}



#cookie-message_link-about{

  display: inline-block;

  color: #606060;

  text-decoration: underline;

}



#cookie-message_btn-close{

  position: absolute;

  right: 15px;

  top: 15px;

  cursor: pointer;

  display: inline-block;

  width: 10px;

  height: 10px;

  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDE0IDc5LjE1Njc5NywgMjAxNC8wOC8yMC0wOTo1MzowMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTQgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QUY5NTUwMEFGRTJCMTFFNDk0M0RDRkIyMDJBQkQ5NjMiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RDQ0QTVBNjJGRTJCMTFFNDk0M0RDRkIyMDJBQkQ5NjMiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpBRjk1NTAwOEZFMkIxMUU0OTQzRENGQjIwMkFCRDk2MyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpBRjk1NTAwOUZFMkIxMUU0OTQzRENGQjIwMkFCRDk2MyIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PpPJ0DsAAAC5SURBVHjaYlRXV5dgYGDIB+IaIP7LgAoEgXg1EJezAImVQGwHxLJAHI+kGKRoDxAbAXEnE5DIAuLXQBwNxAuBmBlN0TkgDgWZeBWIHYF4P1QxGxCrALEhVJELEL9ngVoDU3wApBsqdh6mCMRhQnL4MyB+hcS/A8SfYBwmNIdrAfE1IH4DNRnmZrBCdIfbALEDugdBbixBUuQKddN7NA/eYxYRETkMNT4TiN8huRFk4jYgVgXiMoAAAwCo+yrE7bx/aQAAAABJRU5ErkJggg==) center center no-repeat;

  overflow: hidden;

  text-indent: -5000px;

}



/* MOBILE/TABLET */

.ui-mobile #cookie-message_btn-close{

  right: 0;

  top: 0;

  width: 40px;

  height: 40px;

}



/* MOBILE */

.ui-mobile body:not(.news_mobile_tab) .block-pj-cookie-message div.cookie_message{

  margin-bottom: 20px;

}



/* TABLET */

.ui-mobile body.news_mobile_tab .block-pj-cookie-message{

  float: none;

  width: auto;

  margin: 20px 0 0 0;

}