/* hidden languages */
.live-view #header .ar_JO,
.signed-out #header .ar_JO,
{
display: none;
}

/* ACTIVITY
----------------------------- */
/* introduction */
.introduction{
margin: 10px 0 20px 0;
}
.introduction *{
color: #777;
}
/* icon activity */
ul.compass-icons{
list-style: none;
margin: 0;
padding: 0;
display: flex;
justify-content: space-between;
}

ul.compass-icons li.compass-icon{
flex: 1 1 0px;
text-align: center;
margin-right: 10px;
flex-direction: column;
}
ul.compass-icons li.compass-icon span{
display: block;
}
ul.compass-icons li.compass-icon a{
color: #444;
}
/*icon thèmes*/
ul.compass-icons li.compass-icon-theme a{
display: block;
width: 100%;
}
/*survol thèmes*/
ul.compass-icons li.compass-icon-theme a:hover img{
opacity: 0.8;
}
/* titre icon activity */
ul.compass-icons li.compass-icon .title-icon{
color: #999;
width: 100%;
text-transform: uppercase
}
/* valeur icon activity */
ul.compass-icons li.compass-icon .value-icon{
line-height: 1.2em;
font-weight: bold;
margin-top: 5px;
}
/* image icon activity */
ul.compass-icons li.compass-icon img{
width: 80px;
height: 80px;
}
/* specification activity */
.specification{
margin-top: 30px;
padding-bottom: 10px;
border-bottom: 2px solid #ffac00;
}
.specification dl{
margin: 0;
padding: 0;
}
.specification dt{
width: 25%;
float: left;
margin: 0;
border-top: 1px solid #c7c8c6;
font-weight: bold;
padding: .3em 0;
}
.specification dd{
float: left;
width: 75%;
margin: 0;
padding: .3em 0;
border-top: 1px solid #c7c8c6;
}
.specification dd ul{
margin-top: 0px;
margin-bottom: 0.5em;
margin-left: 16px;
}
.specification dd ul, .specification dd p{
margin-bottom: 0.5em;
}
/* key date activity */
.key-date{
margin: 15px 0;
border: 1px solid #ccc;
border-radius: 2px;
padding: 10px 10px 10px 80px;
background: url('https://static.coe.int/sites/compass/images/key-dates.png') no-repeat 0 0;
}

.aui-w25 .key-date{
padding: 10px;
}
.key-date h6{
text-transform: uppercase;
font-weight: bold;
padding-left: 0;
padding-top: 5px;
}
.aui-w25 .key-date h6{
padding-left: 70px;
}
/* list date activity */
.key-date ul{
list-style: none;
margin: 0;
padding: 0;
}
.aui-w25 .key-date ul{
margin-top: 40px;
}
.key-date ul li{
padding-bottom: 10px;
}
.key-date span.date-ev{
padding-right: 10px;
min-width: 100px;
display: inline-block;
font-weight: bold;
}

.aui-w25 .key-date span.date-ev,
.aui-w50 .key-date span.date-ev{
display: block;
}

/* SOMMAIRE
------------------------*/
.sommaire{
}

.sommaire .activity,
.sommaire .sommaire-header{
display: table;
width: 100%;
}
/*sépration ligne*/
.sommaire .activity{
border-bottom: 1px solid #e6e6e6;
}
.sommaire .activity:last-child{
border-bottom: none;
}
/*entête tableau*/
.sommaire .sommaire-header{
/*margin-bottom: 10px;*/
}
/*entète colonnes*/
.sommaire .sommaire-header .header-level,
.sommaire .sommaire-header .header-group,
.sommaire .sommaire-header .header-time,
.sommaire .sommaire-header .header-theme{
color: #666;
font-size: 0.8em;
text-transform: uppercase;
}
/*affichable tableau*/
.sommaire .title-activity, .sommaire .compass-icons{
display: table-cell;
vertical-align: middle;
}
/*hack ie*/
.ie7 .sommaire .activity .title-activity{
float: left;
clear: left;
width: 35%;
padding: 15px 0;
}
.ie7 .sommaire .compass-icons{
float: right;
clear: right;
width: 65%;
}
/*titre activité*/
.sommaire .title-activity{
width: 35%;
text-align: left;
}
/*tooltip overview*/
.sommaire .title-activity .compass-tooltip{
float: right;
margin-right: 10px;
height: 16px;
width: 16px;
background: url('https://static.coe.int/sites/compass/images/point-interrogation.png') no-repeat 0 0;
cursor: pointer;
}
/*liste icones*/
.sommaire .compass-icons, .sommaire .compass-icon{
text-align: center;
}
.sommaire .compass-icon{
padding-top: 10px;
}
/*icon complexity*/
.sommaire .compass-icons .compass-icon-level,
.sommaire .compass-icons .compass-icon-group,
.sommaire .compass-icons .compass-icon-time,
.sommaire .sommaire-header .header-level,
.sommaire .sommaire-header .header-group,
.sommaire .sommaire-header .header-time{
float: left;
width: 17%;
}
/*icons thèmes*/
.sommaire .compass-icons .compass-icons-theme,
.sommaire .sommaire-header .header-theme{
float: left;
width: 49%;
background-color: #f7f7f7;
}
.sommaire .compass-icons .compass-icons-theme .compass-icon{
margin: 0 5px;
margin-bottom: 10px;
display: inline-block;
}
.ie7 .sommaire .compass-icons .compass-icons-theme .compass-icon{
display: inline;
}
.sommaire .compass-icons .compass-icon a{
display: block;
}
.ie7 .sommaire .compass-icons .compass-icon a{
display: inline;
}
.sommaire .compass-icons .compass-icon img{
height: 45px;
width: 45px;
}
.sommaire .activity .compass-icon .compass-icon-value{
display: none;
}
/*thème principal*/
.sommaire .compass-icons .compass-icon-theme-main img{
border: 1px solid gold;
border-radius: 6px;
}
/*survol thèmes*/
.sommaire .compass-icons .compass-icon-theme a:hover img,
.sommaire .compass-icons .compass-icon-theme-main a:hover img{
visibility: hidden;
}
.sommaire .compass-icons .compass-icon-theme a:hover, .sommaire .compass-icons .compass-icon-theme-main a:hover{
border-radius: 6px;
background: url('https://static.coe.int/sites/compass/images/icon-hover-theme.png') no-repeat 50% 50% #3d6394;
}
/* CONTENU
-------------------------------------*/
/* comment */
.comment{
background-color: #ebebeb;
margin: 1% 0 2% 5%;
padding: 3% 1% 2% 3%;
border: none;
border-left: 5px solid #d6d6d6;
word-wrap: break-word;
}

/*sitemap titre chapitre*/
.featured-items h3{
font-size: 1.5em;
margin: 1em 0;
}


/*RESPONSIVE*/
/* page summary version mobile */
@media only screen and (min-width: 320px) and (max-width: 560px) {
	.sommaire .sommaire-header{
	display: none;
	}
	.sommaire .title-activity{
	font-size: 1.4em;
	margin: 10px 0;
	}
	.sommaire .title-activity, .sommaire .compass-icons{
	width: auto;
	text-align: left;
	display: block;
	}
	.sommaire .compass-icons .compass-icon{
	width: auto;
	display: inline-block;
	width: 30% !important;
	margin-bottom: 1%;
	}
	.sommaire .compass-icons .compass-icons-theme .compass-icon{
	margin: 0;
	margin-bottom: 1%;
	}
	.sommaire .compass-icons .compass-icons-theme{
	float: none;
	width: 100%;
	display: inline-block;
	}
	.sommaire .compass-icons .compass-icon-theme{
	width: auto;
	display: block;
	}
	.sommaire .activity .compass-icon .compass-icon-value{
	display: block;
	}
}

/*FIX width structure saisie*/
.staging .aui-form-validator-content .structure-tree-wrapper{
max-width: 620px;
}

/* PDF Button */
.print-pdf a {
    background: url("https://static.coe.int/sites/compass/img/bouton-pdf.png") top left;
    width: 60px;
    height: 18px;
background-repeat: no-repeat;
}

.print-pdf a:hover {
    background: url("https://static.coe.int/sites/compass/img/bouton-pdf-hover.png") top left;
}

/* April 2021 */
ul.compass-icons li.compass-icon {
    font-size: .9em;
}
.aui body.purple3 .portlet-body p.colorbox2 a {
color: #fff;
text-decoration: underline;
}

.aui body.purple3 .portlet-body p.colorbox2 a:hover{
color: #fff;
text-decoration: none;
}