/* ---------------------------------------------------------------- */
/* ------------------------ GENERAUX ------------------------------ */
/* ---------------------------------------------------------------- */
/* --------- Tailles ----------- */
















/* --------- Font ----------- */











/* --------- Variables ----------- */
/* ------- */

.crayon-html {
	position: fixed !important;
	top: 0 !important;
	left: 0 !important;
	margin: -50px 0 !important;
	z-index: 50000000 !important;
	right: 0 !important;
	bottom: 0;
}

.crayon-html:before {
	content:"";
	display:block;
	position:fixed;
	top:0;
	left:0;
	right:0;
	bottom:0;
	background:rgba(0,0,0,.8);
	z-index:1;
}

.crayon-html .formulaire_spip {
	z-index: 10000;
	background: #fff;
	width: 80%;
	max-width: 40%;
	transform: translateX(-50%);
	position: absolute;
	left: 50%;
	top: 60px;
}

.crayon-active.markItUpEditor {
	color: black !important;
}
.resizehandle_boutons {
	margin:0 !important;
}

.formulaire_spip input.text {
	color: #222 !important;
	background-color: #FFF !important;
	padding: 10px 9px !important;
	border: none !important;
	margin-top: 0 !important;
	margin-left: 0 !important;
	outline: none !important;
	box-sizing: border-box;
}
.formulaire_crayon .crayon-active { color: #222 !important; }
.crayon-html .crayon-boutons {
	position: absolute !important;
	right: 0px !important;
	left: 0px !important;
	background: #FFF !important;
	padding: 3px 0px 0px 0px !important;
	box-shadow: 0 4px 8px rgba(0,0,0,0.3);
}

.crayon-boutons .crayon-cancel {
	background: #D27E60 url(images/annuler-16.png) center center no-repeat !important;
	color: rgba(255, 255, 255, 0.65) !important;
	text-indent: 0 !important;
	padding-right: 20px !important;
	margin-bottom: 0 !important;
	margin-left: 0 !important;
	padding: 10px 5px !important;
	width: 25% !important;
	margin: 0 !important;
	float: left !important;
}

.crayon-boutons button {
	border: none !important;
	cursor: pointer !important;
	display: inline-block !important;
	font-size: 12px !important;
	border-radius: 0px !important;
	text-transform: uppercase !important;
	letter-spacing: 1px !important;
}

.crayon-boutons .crayon-submit {
	background: #ADD260 url(images/ok-16.png) 2px center no-repeat !important;
	color: #5f6554 !important;
	border-color: #c6d880 !important;
	float: right !important;
	margin-bottom: 0 !important;
	margin-left: 0 !important;
	padding: 10px 5px !important;
	width: 75% !important;
	margin: 0 !important;
	text-indent: 0 !important;
}

.crayon .crayon-icones em.crayon-crayon {
	background-color: #FFF !important;
	width: 30px !important;
	height: 30px !important;
	background-position: center center !important;
	border-radius: 50% !important;
	background-size: 50% !important;
	margin-top: -8px !important ;
	left: -30px
}

.markItUp {
	margin: 0;
	clear: both;
	position: relative;
}

.markItUp .markItUpHeader {
	display: block;
	margin: 0;
	padding: 0 10px;
	background: #CCC;
	border: none;
	border-radius: 0;
}
.markItUp .markItUpTabs {
	text-align: right;
	padding: 0;
	margin-bottom: 0;
	top: 0px;
	overflow: hidden;
	position: absolute;
	right: 0;
	clear: right;
	z-index: 5;
}
.markItUp .markItUpTabs a {
	display: block;
	float: right;
	border: none;
	border-bottom: 0;
	margin: 0;
	padding: 11px 14px;
	background: #ddd;
	border-radius: 0;
}
.markItUp .markItUpHeader ul a {
	clear: none;
	display: block;
	margin: 0;
	padding: 10px 9px 9px;
}
.markItUpEditor {
	width: 100% !important;
	box-sizing: border-box;
	border: none !important;
	padding: 20px !important;
	outline: solid 1px #ddd !important;
	outline-offset: -1px;
}

/* ---------------------------------------------------------------- */
/* ------------------------ GENERAUX ------------------------------ */
/* ---------------------------------------------------------------- */
/* --------- Reset --------- */
* {
	list-style:none;
	padding:0px;
	margin: 0px;
}

embed, iframe, object {
	max-width: 100%;
}

option, select, form {
	font-size:12px;
	-webkit-appearance:none;
	vertical-align: middle;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-background-clip: padding;
	-moz-background-clip: padding;
	background-clip:padding-box;
	-webkit-border-radius:0;
	-moz-border-radius:0;
	-ms-border-radius:0;
	-o-border-radius:0;
	border-radius:0;
	padding: 0px;
	margin: 0px;
	border: 0px;
}


/* --------- Généraux --------- */
@font-face {
	font-family: font;
	src: url(plugins/thematique/squelettes/font/lato/Lato-Reg.ttf);
}


body {
	background-color: transparent;
	margin: 0px;
	padding: 0 0 64px 0;
	font-family: 'font', Helvetica, Arial, sans-serif;
	color : #000000;
	font-size: 12px;
	overflow-x : hidden;
}

/* --------- Blocs --------- */

#global {
	margin: 0%;
	width: 100%;
}

#zone {
	z-index: 600;
	overflow:hidden;
	position:relative;
	margin: 0px;
	float: left;
	margin: 0.3% 1% 0 1%;
}

#zone_classe {
	overflow: auto;
	position: relative;
	display: none;
	top: 0px;
	z-index: 200;
	width:98%;
	margin: 1% 1% 0 1%;
	float: left;
	height: 80.2%;
}

#classes {
	margin-left: -8px;
}

#menu_bas {
	margin: 0;
	z-index: 2000;
	position:fixed;
	bottom:5px;
	left:7px;
	height: 64px;
	background-color: transparent;
	white-space: nowrap;
}

#menu_haut {
	margin:0;
	padding: 0px;
	top:5px;
	left:7px;
	width:100%;
	color: #999;
	background-color:transparent;
	z-index:1000;
	position:fixed;
	font-size:0 !important;
}
.bloc_menu_gauche {
	float:left;
}
#menu_haut_logos {
	overflow:hidden;
}

#menu_haut_logos img {
	height: 21px;
	margin: 6px 6px;
}

#menu_haut_logos a {
	background:transparent !important;
}

#menu_haut .bloc_titre,
.bloc_view {
	position:relative;
	display:inline-block;
	vertical-align:top;
	font-size:12px;
}

#menu_haut_titre_fixed,
#menu_haut_user,
#menu_haut_publier_consigne,
#menu_haut_logos,
.bloc_view {
	background-color: white;
	border-radius:3px;
	box-shadow:0 2px 7px rgba(0,0,0,.3);
	height: 33px;
	line-height: 33px;
}


#menu_haut_titre,
#menu_haut_user,
#menu_haut_publier_consigne,
.bloc_view {
	margin-right:5px;
}

#menu_haut_publier_consigne {
	border-radius:3px;
	overflow:hidden;
}

#menu_haut_titre_fixed {
	position:relative;
	z-index:1000;
	margin-right:0;
}

#menu_haut_titre .bloc1,
#menu_haut_user .bloc2 {
	overflow:hidden;
	border-radius:3px 0 0 3px;
}
#menu_haut_titre .bloc2 {
	overflow:hidden;
	border-radius:0 3px 3px 0;
}

#menu_haut_titre .bloc1 a {
}

#menu_haut_titre .bloc2 a {
}

#menu_haut_titre_more {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	background: #FFF;
	border-radius: 3px 3px 3px 3px;
	overflow:hidden;
	z-index: 980;
	box-shadow: 0 2px 7px transparent;

	-webkit-transition:all 200ms ease-out;
	 -moz-transition:all 200ms ease-out;
		 -o-transition:all 200ms ease-out;
			transition:all 200ms ease-out;

	display:block; /* TO DO */
}

#menu_haut_titre:hover #menu_haut_titre_more {
	top:32px;
	box-shadow: 0 2px 7px rgba(0,0,0,.3);
	border-radius: 0 0 3px 3px;
	overflow:visible;
}

.bloc_view {
	width:auto !important;
	height: 58px;
	line-height:12px;
}

.bloc_view li.logo:first-child {
	margin-left:0 !important;
}

.logo_menu-doc {
	background-image: url(plugins/thematique/squelettes/img/logo_doc.png);
	background-size: 25px;
}

.logo_menu-cible {
	background-image: url(plugins/thematique/squelettes/img/logo_cible.png);
	background-size: 25px;
}

.logo_menu-cible.selected {
	background-color: #999;
}

.logo_menu_classe_image {
	width:100%;
	height:100%;
	font-size:0;
	background-size:100% auto;
	background-position:center center;
	background-repeat:no-repeat;
	background-color:white;
}

.logo:hover .logo_menu_classe_image {
	opacity:1;
}

.logo_menu_classe_couleur {
	position:absolute;
	bottom:0;
	left:0;
	right:0;
	height:5px;
	transition:all 200ms ease-in-out;
}

.logo:hover .logo_menu_classe_couleur,
.logo a.selected .logo_menu_classe_couleur {
	height:100%;
	opacity: .5;
}

.logo_menu-ecrire {
	border-radius: 3px;
	width: 33px;
	overflow: hidden;
	height: 100%;
	display: block;
	background-repeat: no-repeat;
	background-position: center center;
	cursor:pointer;
}

#menu_haut_user {
	padding: 0 0 0 0;
}

#menu_haut.zone-menu li.li_deconnexion {
	width:35px
}

#menu_haut .select {
	height:33px;
	border:none;
	margin:0 0 0 0;
	background:white;
	width:auto !important;
	line-height:33px;
	border-radius:0 3px 3px 0;
}

#menu_haut select label {
	height:22px;
	line-height:22px;
}

#menu_haut .select label.first_label {
	height:33px;
	line-height:33px;
	padding-right:30px;
	border-radius:0 3px 0 0;
	color:#aaa;
	cursor:pointer;
}

#menu_haut .select label.first_label .highlight {
	color:black;
	padding-left: 5px
}

#menu_haut .select label {
	padding:0 15px;
}


#menu_haut .select:hover label.first_label {
	color:rgba(255,255,255,.8);
}
#menu_haut .select:hover label.first_label .highlight {
	color:rgb(255,255,255);
}

#menu_haut .select:after {
	border-left: 5px solid rgba(0, 0, 0, 0);
	border-right: 5px solid rgba(0, 0, 0, 0);
	border-top: 6px solid #fc0078;
	content: '';
	height: 0;
	position: absolute;
	right: 10px;
	top: 15px;
	width: 0;
	z-index: 3;
}

#menu_haut .select:hover:after {
	border-left: 5px solid rgba(0, 0, 0, 0);
	border-right: 5px solid rgba(0, 0, 0, 0);
	border-top: 6px solid white;
	content: '';
	height: 0;
	position: absolute;
	right: 10px;
	top: 15px;
	width: 0;
	z-index: 3;
}

#menu_haut .select:hover div {
	top: 33px;
}


#menu_haut_titre .select {
	width:100% !important
}

#menu_haut_titre .select {
	border-radius:0 0 3px 3px;
}

#menu_haut_titre .select label.first_label {
	border-radius:0 0 0 0;
}

#menu_haut_titre .select label {
	padding:0 12px;
}


#zone_bas {
	width: 100%;
	height:160px;
	padding-top:10px;
	z-index: 500;
	position:absolute;
	clear: both;
	display: none;
}
.zone_bas_timeline {
	position:absolute;
	bottom: 10px;
	left: auto;
	width: 100%;
}
.zone_bas_classe {
	position:absolute;
	bottom: 83%;
	width: 100%;
}
.zone_bas_classe2{
	top: 0px;
}

#connexion {
	width: 90%;
	margin-top: 4px 20px 5px;
	display: none;
	clear: both;
}


a, label {
	color: #000000;
	text-decoration: none;
}

input {
	font-size: 12px;
	vertical-align: top;
	padding: 2px;
}

a:hover {
	color: #00A0F0;
	text-decoration: none;
}

.nettoyeur { clear: both; }
.zone-menu li a.cache { display: none; }
.cache2, .zone-menu li a.cache2 { visibility: hidden; }
.aligne_centre { text-align: center; margin: 0 auto;}
.aligne_gauche { text-align: left; }
.aligne_droite { text-align: right; }
.top { margin-top: 2%; }
.gauche { position: relative; float: left; }
.droite { position: relative; float: right; }
.p45 {width: 43%; }

.fin { font-weight: normal; }
.gras, .titre { font-weight: bold; }
.petit {font-size: 0.94em;}
#lien_public:hover, #lien_prive:hover { cursor: pointer; }

/* ---------------------------------------------------------------- */
/* ------------------------ COULEURS ------------------------------ */
/* ---------------------------------------------------------------- */

/* --------- Defaut --------- */

.fiche_titre {
	color:white;
	background-color:#5c6a6f;
}

.vert	{ color: #58AB27; }
.bleu_clair { color: #F2F8FB; }
.blanc	{ color: #fff; }
.noir	{ color: #000; }
.gris	{ color: #646b70; }
.arriere_blanc {background-color: #fff;}

.couleur_blogs { background-color: #fc0078;}


.couleur_evenements { background-color: #00ffff; }


.couleur_ressources { background-color: #00c800; }

/* --------- Intervenants --------- */

.couleur_texte_consignes {
	color:black;
}
/*Jaune*/
.couleur_consignes1, .zone-menu li.logo a.hover_couleur_consignes1:hover, .zone-menu li.logo a.hover_couleur_consignes1.selected {
	background-color:#F44336;
}
/*Vert*/
.couleur_consignes2, .zone-menu li.logo a.hover_couleur_consignes2:hover, .zone-menu li.logo a.hover_couleur_consignes2.selected {
	background-color:#E91E63;
}
/*Bleu*/
.couleur_consignes3, .zone-menu li.logo a.hover_couleur_consignes3:hover, .zone-menu li.logo a.hover_couleur_consignes3.selected {
	background-color:#9C27B0;
}
.couleur_consignes4, .zone-menu li.logo a.hover_couleur_consignes4:hover, .zone-menu li.logo a.hover_couleur_consignes4.selected {
	background-color:#673AB7;
}
/*Jaune*/
.couleur_consignes5, .zone-menu li.logo a.hover_couleur_consignes5:hover, .zone-menu li.logo a.hover_couleur_consignes5.selected {
	background-color:#3F51B5;
}
/*Violet*/
.couleur_consignes6, .zone-menu li.logo a.hover_couleur_consignes6:hover, .zone-menu li.logo a.hover_couleur_consignes6.selected {
	background-color:#2196F3;
}
.couleur_consignes7, .zone-menu li.logo a.hover_couleur_consignes7:hover, .zone-menu li.logo a.hover_couleur_consignes7.selected {
	background-color:#009688;
}
.couleur_consignes8, .zone-menu li.logo a.hover_couleur_consignes8:hover, .zone-menu li.logo a.hover_couleur_consignes8.selected {
	background-color:#4CAF50;
}
/*Bleu clair*/
.couleur_consignes9, .zone-menu li.logo a.hover_couleur_consignes9:hover, .zone-menu li.logo a.hover_couleur_consignes9.selected {
	background-color:#3F51B5;
}
/*Rose*/
.couleur_consignes0, .zone-menu li.logo a.hover_couleur_consignes0:hover, .zone-menu li.logo a.hover_couleur_consignes0.selected {
	background-color:#607D8B;
}


/* --------- Classes --------- */

.couleur_texte_travail_en_cours {
	color:white;
}
.couleur_travail_en_cours1, .zone-menu li.logo a.hover_couleur_travail_en_cours1:hover, .zone-menu li.logo a.hover_couleur_travail_en_cours1.selected {
	background-color:#F44336;
}
.couleur_travail_en_cours2, .zone-menu li.logo a.hover_couleur_travail_en_cours2:hover, .zone-menu li.logo a.hover_couleur_travail_en_cours2.selected {
	background-color:#E91E63;
}
.couleur_travail_en_cours3, .zone-menu li.logo a.hover_couleur_travail_en_cours3:hover, .zone-menu li.logo a.hover_couleur_travail_en_cours3.selected {
	background-color:#9C27B0;
}
.couleur_travail_en_cours4, .zone-menu li.logo a.hover_couleur_travail_en_cours4:hover, .zone-menu li.logo a.hover_couleur_travail_en_cours4.selected {
	background-color:#673AB7;
}
.couleur_travail_en_cours5, .zone-menu li.logo a.hover_couleur_travail_en_cours5:hover, .zone-menu li.logo a.hover_couleur_travail_en_cours5.selected {
	background-color:#3F51B5;
}
.couleur_travail_en_cours6, .zone-menu li.logo a.hover_couleur_travail_en_cours6:hover, .zone-menu li.logo a.hover_couleur_travail_en_cours6.selected {
	background-color:#2196F3;
}
.couleur_travail_en_cours7, .zone-menu li.logo a.hover_couleur_travail_en_cours7:hover, .zone-menu li.logo a.hover_couleur_travail_en_cours7.selected {
	background-color:#009688;
}
.couleur_travail_en_cours8, .zone-menu li.logo a.hover_couleur_travail_en_cours8:hover, .zone-menu li.logo a.hover_couleur_travail_en_cours8.selected {
	background-color:#4CAF50;
}
.couleur_travail_en_cours9, .zone-menu li.logo a.hover_couleur_travail_en_cours9:hover, .zone-menu li.logo a.hover_couleur_travail_en_cours9.selected {
	background-color:#3F51B5;
}
.couleur_travail_en_cours0, .zone-menu li.logo a.hover_couleur_travail_en_cours0:hover, .zone-menu li.logo a.hover_couleur_travail_en_cours0.selected {
	background-color:#607D8B;
}

/* Interventions */


/*Jaune*/
.couleur_intervention_item1 {
	border-color:#F44336;
}
/*Vert*/
.couleur_intervention_item2 {
	border-color:#E91E63;
}
/*Bleu*/
.couleur_intervention_item3 {
	border-color:#9C27B0;
}
.couleur_intervention_item4 {
	border-color:#673AB7;
}
/*Jaune*/
.couleur_intervention_item5 {
	border-color:#3F51B5;
}
/*Violet*/
.couleur_intervention_item6 {
	border-color:#2196F3;
}
.couleur_intervention_item7 {
	border-color:#009688;
}
.couleur_intervention_item8 {
	border-color:#4CAF50;
}
/*Bleu clair*/
.couleur_intervention_item9 {
	border-color:#3F51B5;
}
/*Rose*/
.couleur_intervention_item0 {
	border-color:#607D8B;
}

/* ---------------------------------------------------------------- */
/* ------------------------ SOMMAIRE ------------------------------ */
/* ---------------------------------------------------------------- */

/* --------- MENU --------- */

/* Zone-menu */

.zone-menu li, .zone-menu form {
	float: left;
	display: block;
}

.zone-menu li a:hover, .zone-menu li a {
	background-color: inherit;
	color: inherit;
}

/* Menu Haut */
#menu_haut {
	font-size: 12px;
	width: initial;
}

#menu_haut.zone-menu li, #menu_haut.zone-menu form {
	height: 33px;
	margin-bottom: 0px;
	background-color: #fff;
	color: #999;
	overflow: hidden;
}

#menu_haut.zone-menu li.bloc2 a {
	padding: 0px 15px 0px 15px;
	display: block;
}

#menu_haut.zone-menu li.bloc1 a {
	padding: 0px 15px 0px 15px;
	display:block;
}

#menu_haut.zone-menu form {
	padding: 0px;
}

#menu_haut.zone-menu li a {
	color: #000;
}

#menu_haut.zone-menu li a:hover, #menu_haut.zone-menu form:hover {
	background-color: #7dd6de;
	color: #fff;
}

#menu_haut.zone-menu li.bloc1, #menu_haut.zone-menu li.bloc1 a {
	background-color: #4d54ff;
	color: #fff;
	font-weight: bold;
}

#menu_haut.zone-menu li.bloc1:hover, #menu_haut.zone-menu li.bloc1:hover a {
	color: #fff;
	background-color: #fc0078;
}

#menu_haut.zone-menu li.bloc2, #menu_haut.zone-menu li.bloc2 a {
	color: #999;
	font-weight: bold;
	color: #000;
}

#menu_haut.zone-menu li.bloc2:hover, #menu_haut.zone-menu li.bloc2:hover a {
	color: #fff;
	background-color: #fc0078;
}

#menu_haut.zone-menu .bordure_gauche {
	border-left: 1px solid #999;
}

#menu_haut.zone-menu .bordure_droite {
	border-right: 1px solid #999;
}

#menu_haut.zone-menu .col2.droite {
	border-left: 1px solid	#fff;
}

/* Select */
.select {
	height: 25px;
	line-height: 25px;
	position: relative;
	float: left;
	z-index: 1000;
	margin-right: 10px;
	width: 110px;
}

.select,
.select div {
	border-bottom: 1px solid #ccc;
	background: #f5f5f5;
	color: #bbb;
}
.select div {
	width: 100%;
	border-width: 0;
}
.select:hover div {
	border-width: 1px;
	position: absolute;
	z-index: 4;
	top: 30px;
}

.select label {
	height: 0;
	display: block;
	padding: 0 10px;
	word-wrap: break-word;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	font-weight: normal;
}

.select input {
	filter:alpha(opacity=0);
	-moz-opacity: 0;
	opacity: 0;
	cursor: pointer;
	position: absolute;
	z-index: 2;
}
.select input.first + label {
	height: 30px;
	font-weight: bold;
}

.select:hover input {
	min-height: 30px;
	min-width: 100%;
	height: 30px;
	width: 100%;
}
/*Déplie le carroussel*/
.select:hover label {
	height: 30px;
	line-height: 30px;
	background-color: #fff;

		-ms-transition:height 250ms ease-in-out, line-height 250ms ease-in-out;
	 -moz-transition:height 250ms ease-in-out, line-height 250ms ease-in-out;
		 -o-transition:height 250ms ease-in-out, line-height 250ms ease-in-out;
	-webkit-transition:height 250ms ease-in-out, line-height 250ms ease-in-out;
			transition:height 250ms ease-in-out, line-height 250ms ease-in-out;

}

.select input:hover + label, .select:hover input.first + label {
	color: #fff;
	background-color: #fc0078;
}

/* Arrow */
.select:after {
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-top: 6px solid #fc0078;
	content: '';
	height: 0;
	position: absolute;
	right: 10px;
	top: 10px;
	width: 0;
	z-index: 3;
}
.select:hover:after {
	border-top-color: #fff;
}


/* Menu Bas */
#menu_bas.zone-menu ul {
	width: 110%;
	display: inline-block;
	list-style: none outside none;
	margin: 0px;
	float: left;
}

#menu_bas.zone-menu .menu-bas-select {
	position:relative;
}

#menu_bas.zone-menu .menu-bas-select .liste-select {
	width:300px;
	position: absolute;
	bottom:60px;
	left:0;
	float:none;
	display:block;

}
#menu_bas.zone-menu .menu-bas-select .liste-select li {
	display:block;
	padding:0;
	margin:0;
	float:none;
	width:100%;
	height:auto;
}
#menu_bas.zone-menu .menu-bas-select .liste-select li a {
	display:block;
	padding:0 15px 0 40px;
	margin:0;
	font-size:12px;
	line-height:15px;
	background:white;
	overflow:hidden;
	cursor:pointer;
	background-position:2px 2px;
	background-size:auto 27px;
	background-repeat:no-repeat;
	height:0;

	transition:all 300ms ease;
}

#menu_bas.zone-menu .menu-bas-select:hover .liste-select li a {
	margin:0;
	height: 15px;
	white-space: nowrap;
	text-overflow: ellipsis;
	padding-top:8px;
	padding-bottom:8px;
}

#menu_bas.zone-menu li, #menu_bas.zone-menu form {
	height: 31px;
	line-height: 31px;
	margin:0px 0px 4px 4px;
}

#menu_bas.zone-menu h3 {
	color: #868181;
	background-color: rgba(0, 0, 0, 0) !important;
	padding: 2px 0 3px 0;
	text-align: center;
	clear: both;
	margin: 0 0 4px 0;
	font-size: 11px;
	position:relative;
}

#menu_bas.zone-menu h3:before {
	content: "";
	display: block;
	position: absolute;
	left: 0;
	right: 0;
	border-top: solid 1px #ccc;
	top: 8px;
}

#menu_bas.zone-menu h3 span {
	background: #FFF;
	z-index: 10;
	position: relative;
	padding: 0 0px;
}

#menu_bas.zone-menu h3.first {
	margin-top: 4%;
}

#menu_bas .col {
	padding: 6px 6px 0px 6px;
	display: inline-block;
	vertical-align: top;
}

#zone_bas, #zone_bas a {
	font-size: 10.8px;
}

#menu_bas.zone-menu ul.actualites-ul {
	width:27px;
	margin-right:3px;
}

#menu_bas .actualites-inner {
	overflow: scroll;
	height: 27px;
	display:inline-block;
	overflow:hidden;
}

#menu_bas .actualites-actu {
	cursor:pointer
}

#menu_bas .actualites-actu:hover {
	background: rgba(194, 194, 194, 1);
}

#menu_bas .actualites-actu:last-child {
	margin-bottom:0;
}
#menu_bas .actualites-actu {
	font-size: 11px;
	line-height: 14px;
	height: 27px;
	background: rgb(204, 204, 204);
	padding: 7px 10px;
	box-sizing: border-box;
	margin-bottom: 5px;
	border-radius: 0px;
}

.popup .actualites-actu {
	background: rgb(224, 224, 224);
	margin: 7px;
	border-radius: 2px;
	padding: 12px 20px;
	font-size: 14px;
	line-height: 18px;
	/* Required for text-overflow to do anything */
}

.actualites-titre {
	font-size: 1.2em;
	font-weight: bold;
}
.actualites-texte {
	text-overflow: ellipsis;
	max-height: 200px;
	overflow: hidden;
	padding: 10px 10px 20px 10px;
}

.actualites-actu-date {
	/*text-transform:uppercase;*/
	font-size:11px;
	color:gray
}

#menu_bas .actualites-actu-date, #menu_bas .actualites-texte { display:none; }
#menu_bas .actualites-titre { font-weight: normal; font-size: 1.em;}
/* Logos */

#menu_haut.zone-menu span.logo {
	vertical-align: middle;
	height: 24px;
	display: inline-block;
	margin-right:2px
}

#menu_haut.zone-menu span.logo img {
	width: 33px;
	height: auto;
	margin-top: -6px;
	margin-left:-10px;
}

#menu_bas.zone-menu li.logo {
	cursor: pointer;
	width: 31px;
	padding: 0px;
	position:relative;
}
#menu_bas.zone-menu li.logo {
	background-color: #ccc;
}

#menu_bas.zone-menu li.logo a, #menu_haut.zone-menu li.logo a {
	height: 100%;
	width: 100%;
	margin: 0px auto;
	font-size: 12px;
	text-align: center;
	display: block;
	background-position: center;
	background-repeat: no-repeat;
	color: #fff;
}

.zone-menu li.logo a:hover {
	background-color: #999;
	color: #fff;
}

.zone-menu li.logo a.selected {
	cursor: default;
	border: 0px solid #fff;
}


	
	
	
	#menu_bas.zone-menu li a.logo_menu-tout{background-image: url(local/cache-vignettes/L20xH13/12a7865c9b1c2ecbc3b2feed49e040-1dcc9.png?1752713009);}
	#menu_bas.zone-menu li a.logo_menu-tout:hover, .zone-menu li a.logo_menu-tout.selected, .show_tout #menu_bas.zone-menu li a.logo_menu-tout, .show_tout #menu_bas.zone-menu li a.menu_logo_tout {background-color: #999;}

	
	
	
	#menu_bas.zone-menu li a.logo_menu-timeline{background-image: url(local/cache-vignettes/L20xH20/8483869e52c581bea270e0bdfaecf7-506e4.png?1752713009);}
	#menu_bas.zone-menu li a.logo_menu-timeline:hover, .zone-menu li a.logo_menu-timeline.selected, .show_timeline #menu_bas.zone-menu li a.logo_menu-timeline, .show_timeline #menu_bas.zone-menu li a.menu_logo_timeline {background-color: #999;}

	
	
	   
	#menu_bas.zone-menu li a.logo_menu-classe{background-image: url(local/cache-vignettes/L20xH20/fdf0b7f60150635a4b87465c59ff4a-d553a.png?1752713009);}
	#menu_bas.zone-menu li a.logo_menu-classe:hover, .zone-menu li a.logo_menu-classe.selected, .show_classe #menu_bas.zone-menu li a.logo_menu-classe, .show_classe #menu_bas.zone-menu li a.menu_logo_classe {background-color: #fea811;}

	
	
	   
	#menu_bas.zone-menu li a.logo_menu-blog{background-image: url(local/cache-vignettes/L20xH20/30ac39f2b256cfbe7fe329d6e5d506-b00d1.png?1752713009);}
	#menu_bas.zone-menu li a.logo_menu-blog:hover, .zone-menu li a.logo_menu-blog.selected, .show_blog #menu_bas.zone-menu li a.logo_menu-blog, .show_blog #menu_bas.zone-menu li a.menu_logo_blog {background-color: #fc0078;}

	
	
	   
	#menu_bas.zone-menu li a.logo_menu-evenement{background-image: url(local/cache-vignettes/L20xH13/339ea4b8ad6bbf781f75dc7d9ce5ca-85598.png?1752713009);}
	#menu_bas.zone-menu li a.logo_menu-evenement:hover, .zone-menu li a.logo_menu-evenement.selected, .show_evenement #menu_bas.zone-menu li a.logo_menu-evenement, .show_evenement #menu_bas.zone-menu li a.menu_logo_evenement {background-color: #47989a;}

	
	
	   
	#menu_bas.zone-menu li a.logo_menu-ressource{background-image: url(local/cache-vignettes/L20xH17/8369968244d1e53acb56c184e9ac4d-e067f.png?1752713009);}
	#menu_bas.zone-menu li a.logo_menu-ressource:hover, .zone-menu li a.logo_menu-ressource.selected, .show_ressource #menu_bas.zone-menu li a.logo_menu-ressource, .show_ressource #menu_bas.zone-menu li a.menu_logo_ressource {background-color: #26e400;}

	
	
	
	#menu_bas.zone-menu li a.logo_menu-consigne{background-image: url(local/cache-vignettes/L20xH20/4c4944819b527b22e77542b913dabf-f8fa5.png?1752713009);}
	#menu_bas.zone-menu li a.logo_menu-consigne:hover, .zone-menu li a.logo_menu-consigne.selected, .show_consigne #menu_bas.zone-menu li a.logo_menu-consigne, .show_consigne #menu_bas.zone-menu li a.menu_logo_consigne {background-color: #999;}

	
	
	
	#menu_bas.zone-menu li a.logo_menu-consignes{background-image: url(local/cache-vignettes/L20xH13/12a7865c9b1c2ecbc3b2feed49e040-1dcc9.png?1752713009);}
	#menu_bas.zone-menu li a.logo_menu-consignes:hover, .zone-menu li a.logo_menu-consignes.selected, .show_consignes #menu_bas.zone-menu li a.logo_menu-consignes, .show_consignes #menu_bas.zone-menu li a.menu_logo_consignes {background-color: #999;}

	
	
	
	#menu_bas.zone-menu li a.logo_menu-ressources{background-image: url(local/cache-vignettes/L20xH13/12a7865c9b1c2ecbc3b2feed49e040-1dcc9.png?1752713009);}
	#menu_bas.zone-menu li a.logo_menu-ressources:hover, .zone-menu li a.logo_menu-ressources.selected, .show_ressources #menu_bas.zone-menu li a.logo_menu-ressources, .show_ressources #menu_bas.zone-menu li a.menu_logo_ressources {background-color: #999;}

	
	
	
	#menu_bas.zone-menu li a.logo_menu-evenements{background-image: url(local/cache-vignettes/L20xH13/12a7865c9b1c2ecbc3b2feed49e040-1dcc9.png?1752713009);}
	#menu_bas.zone-menu li a.logo_menu-evenements:hover, .zone-menu li a.logo_menu-evenements.selected, .show_evenements #menu_bas.zone-menu li a.logo_menu-evenements, .show_evenements #menu_bas.zone-menu li a.menu_logo_evenements {background-color: #999;}

	
	
	
	#menu_bas.zone-menu li a.logo_menu-blogs{background-image: url(local/cache-vignettes/L20xH13/12a7865c9b1c2ecbc3b2feed49e040-1dcc9.png?1752713009);}
	#menu_bas.zone-menu li a.logo_menu-blogs:hover, .zone-menu li a.logo_menu-blogs.selected, .show_blogs #menu_bas.zone-menu li a.logo_menu-blogs, .show_blogs #menu_bas.zone-menu li a.menu_logo_blogs {background-color: #999;}

	
	
	   
	#menu_bas.zone-menu li a.logo_menu-classes{background-image: url(local/cache-vignettes/L20xH10/dfa3534ea475c8b386ffd8780b5d2b-d6e09.png?1752713009);}
	#menu_bas.zone-menu li a.logo_menu-classes:hover, .zone-menu li a.logo_menu-classes.selected, .show_classes #menu_bas.zone-menu li a.logo_menu-classes, .show_classes #menu_bas.zone-menu li a.menu_logo_classes {background-color: #ea4949;}

	
	
	
	#menu_bas.zone-menu li a.logo_menu-article_evt{background-image: url(local/cache-vignettes/L20xH13/12a7865c9b1c2ecbc3b2feed49e040-1dcc9.png?1752713009);}
	#menu_bas.zone-menu li a.logo_menu-article_evt:hover, .zone-menu li a.logo_menu-article_evt.selected, .show_article_evt #menu_bas.zone-menu li a.logo_menu-article_evt, .show_article_evt #menu_bas.zone-menu li a.menu_logo_article_evt {background-color: #999;}

	
	
	
	#menu_bas.zone-menu li a.logo_menu-texte{background-image: url(local/cache-vignettes/L20xH20/dd3f71f15ff7a52e3c8808f5b7c22c-10355.png?1752713009);}
	#menu_bas.zone-menu li a.logo_menu-texte:hover, .zone-menu li a.logo_menu-texte.selected, .show_texte #menu_bas.zone-menu li a.logo_menu-texte, .show_texte #menu_bas.zone-menu li a.menu_logo_texte {background-color: #999;}

	
	
	
	#menu_bas.zone-menu li a.logo_menu-image{background-image: url(local/cache-vignettes/L20xH20/b97eb8c46b500b375ec917742988c3-569c9.png?1752713009);}
	#menu_bas.zone-menu li a.logo_menu-image:hover, .zone-menu li a.logo_menu-image.selected, .show_image #menu_bas.zone-menu li a.logo_menu-image, .show_image #menu_bas.zone-menu li a.menu_logo_image {background-color: #999;}

	
	
	
	#menu_bas.zone-menu li a.logo_menu-son{background-image: url(local/cache-vignettes/L20xH20/a343bcc7d31641dabafb6eca4d20da-e042f.png?1752713009);}
	#menu_bas.zone-menu li a.logo_menu-son:hover, .zone-menu li a.logo_menu-son.selected, .show_son #menu_bas.zone-menu li a.logo_menu-son, .show_son #menu_bas.zone-menu li a.menu_logo_son {background-color: #999;}

	
	
	
	#menu_bas.zone-menu li a.logo_menu-video{background-image: url(local/cache-vignettes/L20xH20/3b58079946c6025f10cde9248a4c81-fe86c.png?1752713009);}
	#menu_bas.zone-menu li a.logo_menu-video:hover, .zone-menu li a.logo_menu-video.selected, .show_video #menu_bas.zone-menu li a.logo_menu-video, .show_video #menu_bas.zone-menu li a.menu_logo_video {background-color: #999;}

	
	
	
	#menu_bas.zone-menu li a.logo_menu-autre{background-image: url(local/cache-vignettes/L20xH20/c01469ce4c94dbce2b50b522141eb3-ff7db.png?1752713009);}
	#menu_bas.zone-menu li a.logo_menu-autre:hover, .zone-menu li a.logo_menu-autre.selected, .show_autre #menu_bas.zone-menu li a.logo_menu-autre, .show_autre #menu_bas.zone-menu li a.menu_logo_autre {background-color: #999;}

	
	
	
	#menu_bas.zone-menu li a.logo_menu-date{background-image: url(local/cache-vignettes/L20xH20/8c6e6f9cbfffcb079f573124a02f9d-b274c.png?1752713009);}
	#menu_bas.zone-menu li a.logo_menu-date:hover, .zone-menu li a.logo_menu-date.selected, .show_date #menu_bas.zone-menu li a.logo_menu-date, .show_date #menu_bas.zone-menu li a.menu_logo_date {background-color: #999;}

	
	
	
	#menu_bas.zone-menu li a.logo_menu-notation{background-image: url(local/cache-vignettes/L19xH20/6a41cfbfe3beb9ce08092c56215fbb-a1ea1.png?1752713009);}
	#menu_bas.zone-menu li a.logo_menu-notation:hover, .zone-menu li a.logo_menu-notation.selected, .show_notation #menu_bas.zone-menu li a.logo_menu-notation, .show_notation #menu_bas.zone-menu li a.menu_logo_notation {background-color: #999;}

	
	
	
	#menu_bas.zone-menu li a.logo_menu-descendant{background-image: url(local/cache-vignettes/L20xH20/d72a36ae50137b8ace5a0741596fb7-a3136.png?1752713009);}
	#menu_bas.zone-menu li a.logo_menu-descendant:hover, .zone-menu li a.logo_menu-descendant.selected, .show_descendant #menu_bas.zone-menu li a.logo_menu-descendant, .show_descendant #menu_bas.zone-menu li a.menu_logo_descendant {background-color: #999;}

	
	
	
	#menu_bas.zone-menu li a.logo_menu-ascendant{background-image: url(local/cache-vignettes/L20xH20/8ab8829c0348e64f3728c62ea2ee0d-558dc.png?1752713009);}
	#menu_bas.zone-menu li a.logo_menu-ascendant:hover, .zone-menu li a.logo_menu-ascendant.selected, .show_ascendant #menu_bas.zone-menu li a.logo_menu-ascendant, .show_ascendant #menu_bas.zone-menu li a.menu_logo_ascendant {background-color: #999;}

	
	
	   
	#menu_bas.zone-menu li a.logo_menu-agora{background-image: url(local/cache-vignettes/L20xH20/d93773471e57867f91667c7d8faa86-a593c.png?1752713009);}
	#menu_bas.zone-menu li a.logo_menu-agora:hover, .zone-menu li a.logo_menu-agora.selected, .show_agora #menu_bas.zone-menu li a.logo_menu-agora, .show_agora #menu_bas.zone-menu li a.menu_logo_agora {background-color: #d6c71f;}

	
	
	
	#menu_bas.zone-menu li a.logo_menu-forum{background-image: url(local/cache-vignettes/L20xH13/12a7865c9b1c2ecbc3b2feed49e040-1dcc9.png?1752713009);}
	#menu_bas.zone-menu li a.logo_menu-forum:hover, .zone-menu li a.logo_menu-forum.selected, .show_forum #menu_bas.zone-menu li a.logo_menu-forum, .show_forum #menu_bas.zone-menu li a.menu_logo_forum {background-color: #999;}

	
	
	   
	#menu_bas.zone-menu li a.logo_menu-ressource_classes{background-image: url(local/cache-vignettes/L20xH20/a475b0c9589aeb1261ba4ca63df91f-5e38e.png?1752713009);}
	#menu_bas.zone-menu li a.logo_menu-ressource_classes:hover, .zone-menu li a.logo_menu-ressource_classes.selected, .show_ressource_classes #menu_bas.zone-menu li a.logo_menu-ressource_classes, .show_ressource_classes #menu_bas.zone-menu li a.menu_logo_ressource_classes {background-color: #9a0000;}

	
	
	   
	#menu_bas.zone-menu li a.logo_menu-reponse{background-image: url(local/cache-vignettes/L19xH20/b2c67f0c650909298e208062a133d2-1ba7d.png?1752713009);}
	#menu_bas.zone-menu li a.logo_menu-reponse:hover, .zone-menu li a.logo_menu-reponse.selected, .show_reponse #menu_bas.zone-menu li a.logo_menu-reponse, .show_reponse #menu_bas.zone-menu li a.menu_logo_reponse {background-color: #58ab27;}


/* Pictos haut */

	
	
	
	#menu_haut.zone-menu li a.logo_menu-presentation{background-color: #fff; background-image: url(local/cache-vignettes/L15xH15/3252068711d292cb15eeea1d4fa3f8-bf4e5.png?1752713009);}
	#menu_haut.zone-menu li a.logo_menu-presentation:hover{background-color: #fc0078;background-image: url(local/cache-vignettes/L15xH15/6f6de1c530258bdab81979bd19021e-63bfe.png?1752713009);}
	

	
	
	
	#menu_haut.zone-menu li a.logo_menu-connecter{background-color: #fff; background-image: url(local/cache-vignettes/L15xH15/2f660f7c65b4efa6dbe67e2b6b5e37-76690.png?1752713009);}
	#menu_haut.zone-menu li a.logo_menu-connecter:hover{background-color: #fc0078;background-image: url(local/cache-vignettes/L15xH15/b99850b584a0e9887712a5a9f5eef2-febd7.png?1752713009);}
	

	
	
	
	#menu_haut.zone-menu li a.logo_menu-connecter1{background-color: #fff; background-image: url(local/cache-vignettes/L15xH10/1414d9bb44eae5095a6b502e76a364-dd771.png?1752713009);}
	#menu_haut.zone-menu li a.logo_menu-connecter1:hover{background-color: #fc0078;background-image: url(local/cache-vignettes/L15xH10/12a7865c9b1c2ecbc3b2feed49e040-ba98d.png?1752713009);}
	

	
	
	
	#menu_haut.zone-menu li a.logo_menu-connecter2{background-color: #fff; background-image: url(local/cache-vignettes/L15xH10/1414d9bb44eae5095a6b502e76a364-dd771.png?1752713009);}
	#menu_haut.zone-menu li a.logo_menu-connecter2:hover{background-color: #fc0078;background-image: url(local/cache-vignettes/L15xH10/12a7865c9b1c2ecbc3b2feed49e040-ba98d.png?1752713009);}
	

	
	
	
	#menu_haut.zone-menu li a.logo_menu-prive{background-color: #fff; background-image: url(local/cache-vignettes/L15xH10/1414d9bb44eae5095a6b502e76a364-dd771.png?1752713009);}
	#menu_haut.zone-menu li a.logo_menu-prive:hover{background-color: #fc0078;background-image: url(local/cache-vignettes/L15xH10/12a7865c9b1c2ecbc3b2feed49e040-ba98d.png?1752713009);}
	

	
	
	
	#menu_haut.zone-menu li a.logo_menu-ecrire{background-color: #fff; background-image: url(local/cache-vignettes/L15xH15/d9aebc98533a571dbbd13b41aa42bc-5ed95.png?1752713009);}
	#menu_haut.zone-menu li a.logo_menu-ecrire:hover{background-color: #fc0078;background-image: url(local/cache-vignettes/L15xH15/855d3f2e42a51df8239fe3c348d355-49c02.png?1752713009);}
	 
	.zone-menu li a.logo_menu-ecrire, .zone-menu li a.logo_menu-ecrire:hover{background-color: #58ab27}
	

	
	
	
	#menu_haut.zone-menu li a.logo_menu-mdpperdu{background-color: #fff; background-image: url(local/cache-vignettes/L12xH15/a45d5cf72a4841fcdf529209eb48da-77966.png?1752713009);}
	#menu_haut.zone-menu li a.logo_menu-mdpperdu:hover{background-color: #fc0078;background-image: url(local/cache-vignettes/L12xH15/7d407865d4d49eb36866bc06b4788d-63139.png?1752713009);}
	

	
	
	
	#menu_haut.zone-menu li a.logo_menu-inscription{background-color: #fff; background-image: url(local/cache-vignettes/L15xH15/d2e847910813db0c1deb1d6455d94d-e9d54.png?1752713009);}
	#menu_haut.zone-menu li a.logo_menu-inscription:hover{background-color: #fc0078;background-image: url(local/cache-vignettes/L15xH15/5b5a2c31a726f35e163724884510c9-aff93.png?1752713009);}
	

	
	
	
	#menu_haut.zone-menu li a.logo_menu-profil-publication{background-color: #fff; background-image: url(local/cache-vignettes/L15xH15/2bfdbe5b9eafa4642f703bc894706b-49477.png?1752713009);}
	#menu_haut.zone-menu li a.logo_menu-profil-publication:hover{background-color: #fc0078;background-image: url(local/cache-vignettes/L15xH15/6208bd3e19da712e76085b6258d55e-f6b79.png?1752713009);}
	


#menu_haut.zone-menu li a.logo_menu-deconnecter {
	background-color: #fff;
	background-size: contain;
	background-image: url(plugins/thematique/squelettes/img/thumb-close.png);
}
#menu_haut.zone-menu li a.logo_menu-deconnecter:hover {
	background-color: #7dd6de;
}
#choix_rubrique_admin {
	padding-left:50px;
	margin-left:50px;
}
#bouton_aide {
	background-color: #fff;
	background-size: contain;
	background-image: url(plugins/thematique/squelettes/img/question_mark.png);
}
#bouton_aide:hover{
	background-color: #7dd6de;
}

/*Surcharges mode 1024*/

/* --------- Classes --------- */
.titre2 {
	font-size:15.6px;
	line-height:15.6px;
}

.consigne_reponses {
	width: 26px;
	height: 32px;
	font-size: 15.6px;
	font-weight: bold;
	text-align: center;
	display: table-cell;
	vertical-align: middle;
	background-image: url(plugins/thematique/squelettes/img/reponse.png);
}

.consigne_reponses_classe {
	width: 26px;
	height: 32px;
	font-size: 15.6px;
	font-weight: bold;
	text-align: center;
	display: table-cell;
	vertical-align: middle;
	background-image: url(plugins/thematique/squelettes/img/reponse_classe.png);
}

.reponse_p {
	float: left;
	white-space: nowrap;
	font-size: 12px;
	color: #000000;
	margin-left: 30px;
	margin-top: 2px;
}

.reponse_plus {
	float: left;
	white-space: nowrap;
	color: #00A0F0;
	font-size: 12px;
	font-weight: bold;
	margin-left: 41px;
	margin-top: 2px;
}

.bouton_article_plus {
	cursor: pointer;
	margin: 0px auto;
	z-index:800;
}

#reponse_plus2 {
	visibility: visible;
}

.commentaires {
	z-index: 2;
	width:25px;
	height: 25px;
	color: #000000;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	/*display: table-cell;*/
	vertical-align: middle;
	background-image: url(plugins/thematique/squelettes/img/commentaire.png);
}

.intervention .action_supprimer {
	position: absolute;
	z-index: 1000;
	right: 1px;
	top: 5px;
	background-color: #fff;
	border-radius: 50%;
	width: 30px;
	height: 30px;
}

.action_supprimer, .formulaire_editer_rubrique .action_supprimer, .action_supprimer_off {
	width: 15px;
	height: 15px;
	float: right;
	margin: auto;
	margin-left: 5px;
	margin-bottom: 3px;
	margin-right: 5px;
	background: url(plugins/thematique/squelettes/img/logo_supprimer_off_15.png) no-repeat center center / 12px auto;
	position: relative;
	z-index: 2;
}
.action_supprimer:hover, .formulaire_editer_rubrique .action_supprimer:hover, .action_supprimer_on {
	background: url(plugins/thematique/squelettes/img/logo_supprimer_off_15_white.png) no-repeat scroll center center / 12px auto tomato;
	border-radius:0 3px 3px 0;
	position: relative;
	z-index: 2;
}

.forum .action_supprimer {
	position:absolute;
	top:0;
	right:0;
	float:none;
	margin:0;
	bottom:0;
	width:30px;
	height:100%;
	z-index: 5;
	background-color: rgba(0, 0, 0, 0);
}

.forum .action_supprimer:hover {
	background-color:tomato;
}

.portfolio_grand .action_supprimer {
	position:absolute;
	top:0;
	right:0;
	float:none;
	margin:0;
	bottom:0;
	width:30px;
	height:100%;
	z-index: 5;
	background-color: rgba(0, 0, 0, 0);
}

.portfolio_grand {
	display: flex;
	flex-direction: column;
	align-items: center;
}

.portfolio_grand .audio {
	width: 100%;
	display: flex;
	justify-content: center;
}

.portfolio_grand .icone img {
	padding-left: 15px;
	height: auto;
	width: 25px;
}

.portfolio_grand .action_supprimer:hover {
	background-color:tomato;
}

/* --------- Formulaires --------- */
.classe_select {
	height:0px;
	margin:0 0 10px 0;
}

#connexion input {
	padding: 0px;
	background-color: #C0C0C0;
	border: none;
	height: 20px;
	vertical-align: top;
	padding-left: 2px;
	width: 70px;
}

#pass_securise img {display: none;}

/*--- Notations ---*/
.formulaire_jaime_flottant {
	top:45px;
	z-index: 100;
	position: absolute;
	right: 10px;
}

.formulaire_notation {
	position: relative;
	float: right;
	margin: 0px 5px 10px 10px;
}

.formulaire_jaime .submit {
	margin-right: 10px;
}

.formulaire_jaime form .submit.jaime,.formulaire_jaime form .submit.jaimeplus, .formulaire_jaime .dejavote, div.jaimeplus {
	background-image: url(local/cache-vignettes/L25xH25/logo_notation_white-15185.svg?1752713009);
	background-position: center;
	background-repeat: no-repeat;
	background-size: 18px auto;
	width: 35px;
	height: 35px;
	color: rgba(0, 0, 0, 0);
	float: left;
	border: none;
	border-radius: 50%;
	background-color:transparent;
	cursor: pointer;
	-webkit-transition: all 100ms ease;
	-moz-transition: all 100ms ease;
	-o-transition: all 100ms ease;
	transition: all 100ms ease;
}

.formulaire_jaime form .submit.jaime:hover {
	background-color: white;
	background-image: url(local/cache-vignettes/L25xH25/logo_notation-ad9f7.svg?1752713009);
}

.formulaire_jaime form .submit.jaimeplus:hover,
.formulaire_jaime .dejavote:hover,
div.jaimeplus:hover {
	background-color:white;
	background-image: url(local/cache-vignettes/L25xH25/logo_notation_bas-15ed5.svg?1752713009);
}

.formulaire_jaime form .submit.jaimeplus {
	background-image: url(local/cache-vignettes/L25xH25/logo_notation_bas-15ed5.svg?1752713009);
	background-color:rgba(0,0,0,.2);
}

.formulaire_jaime .dejavote,
.formulaire_jaime form .submit.jaimeplus,
div.jaimeplus {
	background-color: #00c800;
}

.formulaire_jaime form {
	float: left;
}
.formulaire_jaime .note {
	float: right;
	font-size: 16px;
	line-height: 35px;
	font-weight: bold;
	vertical-align: middle;
	text-align: center;
	color: #fff;
	margin: 0;
}

/*-- Tooltip -- */
.ui-tooltip, .arrow:after {
	background: #333 !important;
	border: none;
	margin: 0px;
	border: 1px solid white;
}

.ui-tooltip {
	opacity: 0.8;
	padding: 4px 8px;
	color: white;
	border-radius: 0px;
	font-size: 12;
	font-weight: normal;
	border:solid 1px white;
}
.arrow {
	width: 70px;
	height: 9px;
	overflow: hidden;
	position: absolute;
	left: 50%;
	margin-left: -34px;
	bottom: -9px;
	border:none;
}

.arrow.left {
	left: 13.2%;
}
.arrow:after {
	content: "";
	position: absolute;
	left: 20px;
	bottom: 6px;
	width: 25px;
	height: 25px;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	tranform: rotate(45deg);
}
.arrow.top {
	top: -20px;
	bottom: auto;
}

.arrow.top:after {
	bottom: -20px;
	top: auto;
}


/* -- SocialTags -- */
div.socialtags {
	/*
	bottom: 0px;
	height: 50px;
	margin-bottom: 60px;
	top: auto;
	bottom: 0px;
	margin-bottom: 40px;
	height: 40px;
	right: 25px;
	position: absolute;
	*/
	margin-left: 0;
	padding: 0;
}

/* Surcharge de socialtags.css */

div.socialtags {
	margin: 2px 0 0px 0;
	padding: 0;
	clear:both;
}

.socialtags ul {
	display: inline;
	margin: 0 !important;
	padding: 0 !important;
}
.socialtags ul li {
	background: none;
	display: inline-block;
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	vertical-align: top;
}
.socialtags a {
	display:block;
	width:50px;
	height:50px;
}
.socialtags img {
	float: none;
	width: auto;
	height: 16px;
	border: 0;
	margin: 0;
	padding: 0;
}

.socialtags-hovers {
	opacity: .4;
	filter: alpha(opacity=40);
}
.socialtags-hovers:hover {
	opacity: 1;
	filter: alpha(opacity=100);
}

div.donnees_classe {
	padding: 20px 30px;
	font-size: 14px;
	line-height: 1.2;
}

/* ---------------------------------------------------------------- */
/* -------------------- BLOCS MODULAIRES -------------------------- */
/* ---------------------------------------------------------------- */

.consigne {
	margin: 0;
	padding: 10px;
	box-shadow: 0 2px 7px rgba(0,0,0,.3);
	border-radius: 3px;
	position: relative;
	width:200px;
}
.consigne_haute:hover {
	z-index:3000;
}

.photo {
	background-color: #fff;
}

.consigne .photo {
	box-shadow: 0px 2px 7px rgba(0, 0, 0, 0.4);
	width: 50px;
	height: 50px;
	border-radius: 3px;
	overflow: hidden;
	margin: -30px auto 0 auto;
}

.consigne .photo img {
	width:100%;
	height:auto;
}

.consigne .titre {
	color:white;
	line-height:1.1 !important;
	font-weight:bold
}

.consigne .auteur_date {
	font-size: 9.4px;
	line-height: 12px;
	padding: 10px 10px;
	text-transform: uppercase;
	letter-spacing: 1px;
	color: rgba(255, 255, 255, 0.6);
	background: rgba(0,0,0,0.07);
	margin: 12px -10px 8px;
}

.consigne .texte {
	width: 100%;
	color: #FFF;
	text-align: center;
	padding-top: 10px;
}

.consigne .titre_taille1 {
	font-size:16px;
}

.consigne .titre_taille2 {
	font-size:20px;
}

.consigne .titre_taille3 {
	font-size:24px;
}

.consigne .titre_taille4 {
	font-size:32px;
}

.consigne .texte .liens {
	margin-top:10px;
	font-size:11px;
}

.consigne .texte .liens:hover {
	margin-top:10px;
	font-size:11px;
	text-decoration:underline;
	color:black;
}

.consigne .picto_nombre_reponses {
	background-repeat: no-repeat;
	z-index: 10;
	padding: 7px 0 6px 0;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	background: rgba(255, 255, 255, 0.95);
	margin-top: 5px;
	border-radius: 0 0 3px 3px;
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
}

.consigne .reponse_puce {
	width: 8px;
	height: 8px;
	/* background: rgb(255, 255, 255); */
	margin: 0px 5px 1px 5px;
	display: inline-block;
	border-radius: 50%;
}

.consigne .reponse_puce.disabled {
	background:rgba(0,0,0,.2);
}

.bouton_reponse_consigne:after {
	position: absolute;
	content: "";
	display: block;
	border: solid 7px rgba(0, 0, 0, 0);
	border-bottom-color: #FFF;
	left: 50%;
	margin-left: -7px;
	top: -14px;
}
.bouton_reponse_consigne {
	position: absolute;
	bottom: -35px;
	left: 10px;
	right: 10px;
	height: 33px;
	background: #FFF;
	border-radius: 3px;
	box-shadow: 0 2px 7px rgba(0,0,0,0.3);
	z-index: 10;
	line-height: 33px;
	font-size: 12px;
	padding: 0px 10px 10px 10px;
	box-sizing: border-box;
	color: #58AB27;
	text-align: center;
	border-bottom:solid 2px #ddd;
	display:none;
}

.bouton_reponse_consigne.show {
	display:block;
}

.bouton_reponse_consigne img {
	display:inline-block;
	vertical-align:-3px;
	height:17px;
	width:auto;
	margin-right:4px
}

.reponse {
	margin: 0;
	padding: 10px;
	box-shadow: 0px 2px 7px rgba(0, 0, 0, 0.2);
	min-width: 250px;
	border-radius: 3px;
	max-width:240px
}

.reponse:hover, .reponse_haute:hover {
	z-index:1000;
}

.reponse .photo {
	width: 30px;
	box-shadow: 0px 2px 7px rgba(0, 0, 0, 0.2);
	height: 30px;
	overflow: hidden;
	border-radius: 3px;
	position: absolute;
	top: 0px;
	left: 50%;
	margin: -10px 0 0 -10px;
}

.reponse .photo img {
	width:100%;
	height:auto;
}

.reponse .texte {
	padding:20px 10px 0 10px;
	text-align:center;
}

.reponse .titre {
	font-weight: bold;
	font-size: 14.6px;
	line-height: 16px;
}

.reponse .auteur_date {
	padding: 7px 15px 7px 15px;
	color: rgba(255, 255, 255, 0.59);
	background: rgba(0,0,0,.1);
	text-transform: uppercase;
	letter-spacing: 0.7px;
	font-size: 8.4px;
	margin: 10px -20px -10px;
}

.auteur_date {
	margin-top: 0px;
	padding-top: 7px;
}

.intervention_auteur {
	font-size: 17px;
	color: #fff;
	display: inline-block;
	vertical-align: middle;
	line-height: 20px;
	width: calc(100% - 160px);
}

.intervention_date {
	font-size: 10px;
	line-height: 14px;
	color: rgba(255,255,255,.8);
	text-transform: uppercase;
	letter-spacing: 1px;
	font-weight: bold;
	text-align: right;
	position: absolute;
	top: 22px;
	right: 35px;
}

.intervention_item_around {
	position:relative;
}

.intervention_item_around .toggleshow {
	display:none;
}

.intervention_item_content a {
	color:white;
	text-decoration:underline !important;
}

.intervention_nb_reponses {
	position: absolute;
	top: -15px;
	right: -7px;
	padding: 0;
	font-size: 14px;
	font-weight: bold;
	width: 30px;
	height: 30px;
	background: #FFC800;
	margin-left: 10px;
	color: #AD5D14;
	box-shadow: 0 2px 5px rgba(0,0,0,.3);
	line-height: 30px;
	text-align: center;
	border-radius: 50%;
	z-index: 10;
}

.reponse .picto_nombre_commentaires {
	position: absolute;
	top: -15px;
	right: -25px;
	padding: 0;
	font-size: 14px;
	font-weight: bold;
	width: 30px;
	height: 30px;
	background: #FFC800;
	margin-left: 10px;
	color: #AD5D14;
	box-shadow: 0 2px 5px rgba(0,0,0,.3);
	line-height: 30px;
	text-align: center;
	border-radius: 50%;
}

.consigne .picto_nombre_commentaires {
	position: absolute;
	top: -12px;
	right: -11px;
	padding: 0;
	font-size: 14px;
	font-weight: bold;
	width: 30px;
	height: 30px;
	background: #FFC800;
	color: #AD5D14;
	box-shadow: 0 2px 5px rgba(0,0,0,.3);
	line-height: 30px;
	text-align: center;
	border-radius: 50%;
}





/* * * * * * * *

	FICHE CLASSE

*/

.classe_consigne {
	margin: 10px;
	padding: 0 0 15px 0;
	text-align: left;
	border-radius: 3px;
}
.classe_consigne_reponse {
	padding: 15px 15px 15px 17px;
	position: relative;
	font-size:0;
	cursor:pointer;
}

.classe_consigne_reponse_photo {
	display:inline-block;
	width: 38px;
	height: 38px;
	box-shadow: 0 3px 15px rgba(0, 0, 0, 0.3);
	border-radius: 3px;
	overflow: hidden;
	background: #fff;
	margin-right:15px;
	vertical-align:middle;
}
.classe_consigne_reponse_photo img {
	width:100%;
	height:auto;
}

.classe_consigne_reponse_titre {
	display:inline-block;
	vertical-align:middle;
	width:calc(100% - 60px);
	font-size: 17px;
	line-height: 20px;
}

.classe_consigne_reponse_consigne {
	background: rgba(0,0,0,.2);
	padding: 15px 15px 15px 54px;
	color: #fff;
	margin: 0 15px;
	cursor:pointer;
}
.classe_consigne_reponse_date {
	font-size: 13px;
	color: rgba(255, 255, 255, 0.47);
	margin-bottom: 3px;
	line-height: 13px;
}
.classe_consigne_reponse_consigne_label {
	font-size: 13px;
	color: rgba(255, 255, 255, 0.47);
	margin-bottom: 3px;
}
.classe_consigne_reponse_consigne_titre {
	font-size: 15px;
	line-height: 19px;
	color: #fff;
}



.classe_consigne_reponse_classe {
	margin: 10px -15px -30px -15px;
	background: rgba(0,0,0,0.1);
	padding: 9px 15px 9px 68px;
	font-size: 9px;
	text-transform: uppercase;
	letter-spacing: 1px;
}

.bloc_option_reponses_consignes_classe.cache {padding:0 !important}


.consigne_no_reponse {
	background:#dcdcdc;
}

.consigne_no_reponse .classe_consigne_reponse {
	color:#757575;
}

.consigne_no_reponse .classe_consigne_reponse_photo {
	visibility:hidden;
}

.consigne_no_reponse .classe_consigne_reponse_consigne {
	background:#c3c3c3
}

.consigne_no_reponse .classe_consigne_reponse_consigne_titre {
	color:#585858;
}

.consigne_no_reponse .classe_consigne_reponse_date {
	color:rgba(49, 49, 49, 0.5)
}

.reponse_goto_classe.pointer {
	cursor:pointer;
}


.reponse_goto_consigne {
	background: rgba(0, 0, 0, 0.1);
	padding: 10px;
	border-radius: 2px;
	margin-top: 10px;
	text-transform: initial;
	letter-spacing: 0;
	font-size: 13px;
	color: #fff;
	line-height:16px;
	cursor:pointer;
}

.reponse_goto_consigne:hover {
	background: rgba(0, 0, 0, 0.2);
}


.reponse_goto_consigne_label {
	color:rgba(255,255,255,.6)
}

.reponse_goto_consigne:hover .reponse_goto_consigne_label {
	color:white;
}


#sidebar_main_around {
/*  margin-top: 34px; */
	margin-top:0;
}

.timeline_item.article_blog_container {
	width: 100px;
	height: 100px;
	padding: 0;
	box-sizing: border-box;
	transform: scale(0.4);
	-webkit-transition: transform 500ms ease;
	 -moz-transition: transform 500ms ease;
		 -o-transition: transform 500ms ease;
			transition: transform 500ms ease;
}

.show_blogs .article_blog_container{
	transform: scale(1);
}

.article_blog_container:before {
	content: "";
	display: block;
	position: absolute;
	width: 50%;
	height: 50%;
	background: #E91E63;
	z-index: -1;
	left: 6%;
	bottom: 6%;
	-webkit-transition: all 500ms ease;
	 -moz-transition: all 500ms ease;
		 -o-transition: all 500ms ease;
			transition: all 500ms ease;
}

.show_blogs .article_blog_container:before {

}

.article_blog_container .article_blog{
	font-size: 12px;
	color: transparent;
	width: 100px;
	height: 100px;
	position: absolute;
	top: 0;
	left: 0;
	background: #E91E63;
	border-radius: 50%;
	-webkit-transition: all 500ms ease;
	 -moz-transition: all 500ms ease;
		 -o-transition: all 500ms ease;
			transition: all 500ms ease;
}

.show_blogs .article_blog_container .article_blog {
	color:white;
}

.timeline_item.article_evenement_container {
	width: 150px;
	height: 100px;
	padding: 0;
	box-sizing: border-box;
	transform: scale(0.4);
	-webkit-transition: transform 500ms ease;
	 -moz-transition: transform 500ms ease;
		 -o-transition: transform 500ms ease;
			transition: transform 500ms ease;
}

.show_evenements .article_evenement_container{
	transform: scale(1);
}

.article_evenement_container:before {
	content: "";
	display: block;
	position: absolute;
	width: 100px;
	height: 100px;
	background: rgb(71, 152, 154);
	z-index: -1;
	left: 25px;
	bottom: 0;
	-webkit-transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	transition: all 500ms ease;
	transform: rotate(45deg) skew(-10deg, -10deg);
}

.show_evenements .article_evenement_container:before {

}

.article_evenement_container .article_evenement{
	font-size: 12px;
	color: rgba(255,255,255, 0);
	width: 100%;
	height: 100px;
	position: absolute;
	top: 0;
	left: 0;
	padding: 0 30px;
	box-sizing: border-box;
	background: rgba(0, 0, 0, 0);
	-webkit-transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	transition: all 500ms ease;
}

.show_evenements .article_evenement_container .article_evenement {
	color:white;
}

.article_blog_container .article_blog2{
	color: yellow;
	font-family: Courier, "Courier New", FreeMono, "Liberation Mono", monospace;
	font-size: 15.6px;
}

.article_blog_container .article_blog .article_blog_inner {
	text-align: center;
	vertical-align: middle;
	display: table-cell;
	height: 100px;
	width: 100px;
	margin: 0;
	padding: 10px;
	box-sizing: border-box;
}

.article_evenement_container .article_evenement{
	font-size: 12px;
	position: absolute;
	top: 0px;
	left: 0px;
}

.article_evenement_container .article_evenement_texte {
	text-align: center;
	vertical-align: middle;
	display: table-cell;
	width: 150px;
	height: 99px;
	margin: 20px 15px;
}

.article_blog .picto_nombre_commentaires {
	position: absolute;
	top: -5px;
	right: -5px;
	padding: 0;
	font-size: 14px;
	font-weight: bold;
	width: 30px;
	height: 30px;
	background: #FFC800;
	margin-left: 10px;
	color: #AD5D14;
	box-shadow: 0 2px 5px rgba(0,0,0,.3);
	line-height: 30px;
	text-align: center;
	border-radius: 50%;
	transform: scale(0);
	-webkit-transition: all 500ms ease;
	 -moz-transition: all 500ms ease;
		 -o-transition: all 500ms ease;
			transition: all 500ms ease;
}

.show_blogs .article_blog .picto_nombre_commentaires {
	transform: scale(1);
}

.article_blog_date,
.article_evenement_date {
	text-transform: uppercase;
	color: transparent;
	font-size: 10px;
	margin-top: 2px;
	display: block;
	-webkit-transition: all 500ms ease;
	 -moz-transition: all 500ms ease;
		 -o-transition: all 500ms ease;
			transition: all 500ms ease;
}

.show_blogs .article_blog_date,
.show_evenements .article_evenement_date {
	color: rgba(255,255,255,.6);
}

.forum_vide {
	margin:20px;
	font-size:14px;
	color:#333
}

.forum_commenter {
	background: #DEDEDE;
	border-radius: 4px;
	margin: 0px 10px 10px 10px;
}

.forum_commenter_head.bloc_option_doc_comment {
	padding: 20px 20px 20px 58px;
	display: block;
	font-size: 14px;
	background-repeat: no-repeat;
	background-position: 25px 55% !important;
}

.article_evenement .picto_nombre_commentaires {
	top:-5px;
	right:40px;
	padding: 0;
	font-size: 14px;
	font-weight: bold;
	width: 30px;
	height: 30px;
	background: #FFC800;
	margin-left: 60px;
	margin-top: -115px;
	color: #AD5D14;
	box-shadow: 0 2px 5px rgba(0,0,0,.3);
	line-height: 30px;
	text-align: center;
	border-radius: 50%;
}

.article_evenement_container img {
	position:relative;
	top: 31px;
	left: 37px;
	width: 0px;
	height: 0px;
}

.article_blog_container img {
	position:relative;
	left: 24px;
	top: 32px;
	width: 0px;
	height: 0px;
	display:none;
}

/* ---------------------------------------------------------------- */
/* ------------------------ POPUPS ------------------------------ */
/* ---------------------------------------------------------------- */

/* --------- Styles popups --------- */

.popup {
	font-size: 11px;
	line-height: 13px;
	overflow-y: auto;
	overflow-x: hidden;
	margin: 0 7px 1px 0;
}

.popup a {
	text-decoration: underline;
}

.popup .bloc_option_doc a, .popup .bloc_option_doc a:hover, .popup #menug a {
	text-decoration: none;
}

.popup a.hac, .titre_bubble {
	font-weight:bold;
}

.hac img {
	border: 0px;
}

.intervention_answers {
	margin:0 15px
}

.popup .bloc_publier_repondre .popup_titre {
	margin-bottom:0;
}

.popup .bloc_publier_repondre .bloc_texte {
	padding-top:0;
}

/* Bloc de titre principal de la modalbox */
.popup .fiche_titre {
	margin: -20px -20px 0 -20px;
	padding:74px 40px 40px 40px;
	overflow:auto;
	clear:both;
	text-align:center;
	border-radius:3px 3px 0 0;
}

.popup .fiche_titre .photo {
	box-shadow: 0 3px 15px rgba(0, 0, 0, 0.3);
	margin:0px auto 20px auto;
	width:60px;
	height:60px;
	border-radius:3px;
	overflow:hidden
}

.popup .fiche_titre .photo img {
	width:100%;
	height:auto;
}

.popup .fiche_titre .texte {

}

.popup .fiche_titre .titre {
	font-size:24px;
	line-height:28px;
	color:white;
}

.popup .fiche_titre .auteur_date {
	background:rgba(0,0,0,.06);
	margin:20px -20px -40px;
	padding:15px 20px;
	color:rgba(255,255,255,.8);
	text-transform:uppercase;
	letter-spacing:1px;
	font-size:11px;
	line-height: 15px;
}



.popup .bloc_texte .spip_documents,
.popup .bloc_documents .portfolio,
.popup .bloc_documents .portfolio_grand {
	background:#dedede;
	text-align:left;
	border-radius:3px;
	max-width:100% !important;
	box-sizing:border-box;
	float:none !important;
	margin-left:auto;
	margin-right:auto;
	margin-top:10px;
	margin-bottom:10px;
	width: auto !important;
}

.spip_documents video {
	max-width: 100%;
}

.popup .spip_documents img {
	max-width: 100% !important;
	height: auto !important;
	display:block;
	margin-left:auto;
	margin-right:auto;
}

.popup .spip_documents a[type="application/pdf"] img {
	clear: both;
	padding-top: 15px;
}

.popup .portfolio_grand .spip_doc_titre,
.popup .bloc_texte .spip_doc_titre {
	padding: 0px 5px 12px 10px;
	font-size:12px;
	width:auto !important;
	display:block;
	text-align:center;
}

.popup .portfolio_grand .spip_doc_titre {
	font-size: 14px;
	line-height: 18px;
}

.popup .bloc_texte .spip_documents,
.popup .bloc_documents .spip_documents {
	text-align:center;
	width: 95%;
}

.popup .portfolio_grand dt.spip_doc_titre {
	display:none;
}

.popup .spip_documents audio {
	margin-top:10px;
}


/* Blocs de titres à l'intérieur de la modalbox (pour les réponses par exemple) */
.popup .intervention {
	margin: 0;
	padding: 10px 25px 10px 25px;
	overflow: auto;
	clear: both;
	display: block;
	background: rgba(0,0,0,.08);
	cursor:pointer;
	overflow:visible
}

.popup .intervention .photo {
	display: inline-block;
	box-shadow: 0px 2px 7px rgba(0, 0, 0, 0.3);
	margin: 0 13px 0 0px;
	border-radius: 3px;
	overflow: hidden;
	width: 38px;
	height: 38px;
	vertical-align: middle;
}

.popup.popup_blank .sidebar_bubble_blank {
	/*
	height: 300px;
	padding: 50px;
	*/
	padding:30px;
	font-size: 18px;
	line-height: 24px;
}

.popup .sidebar_bubble.sidebar_bubble_empty {
	background:rgba(255,255,255,.4);
	box-shadow:none;
	height:400px
}

.intervention_item_around {
	margin: 10px 10px 0 10px;
}

.intervention_item {
	border-radius: 4px;
	color:white;
	position:relative;
}

.intervention_answers {
	margin-top:-17px
}

.intervention_answers .intervention_item {
	margin-top:5px;
	box-shadow:0 -3px 10px rgba(0,0,0,.2)
}

.intervention_item_content {
	border-style: solid;
	border-width: 0 4px 4px 4px;
	padding-bottom:15px
}

.intervention_item .titre {
	font-size: 18px;
	line-height:22px;
	margin: 20px 20px 0 20px;
}
.intervention_item .forum_around_document {
	text-align: center;
}

.popup .intervention .photo img {
	width:100%;
	height:auto;
}

.popup .intervention .texte {
	max-width:250px;
	min-width:150px;
	float:left;
	/*color:white;*/
}

.popup .intervention .titre {
	font-size:16px;
	color:white;
	margin-bottom:8px
}

.intervention_callto_answer {
	background: #DEDEDE;
	border-radius: 4px;
	margin: 5px 15px 0 15px;
}

.intervention_callto_answer a {
	padding:10px 20px;
	display:block;
	text-decoration:none;
	font-size:14px;
	color:#333;
	cursor:pointer;
}
.intervention_callto_answer a.retour {
	padding: 5px;
	display: initial;
}

.intervention_thumbnail {
	max-width:100% !important;
	height:auto !important;
}

.intervention_new_answer.bloc_texte {
	background: #f5f5f5;
	border-radius: 4px;
	margin: 5px 15px 5px 15px;
	padding: 10px 20px;
}

.popup_new_article .formulaire_spip {
	margin: 0 -20px !important;
	padding: 0;
	background: #eee;
	border-radius: 3px;
	padding: 6px 20px !important;
}

.popup .popup_titre {
	background: #eee;
	padding: 20px;
	margin: 20px;
	border-radius: 3px;
}

.popup .popup_titre .titre, .popup_titre .titre {
	font-size: 22px;
	line-height: 24px;
	color: #2b2b2b;
}
.popup .popup_titre .date {
	font-weight: bold;
	font-size: 14px;
	line-height: 20px;
	color: #464646;
	padding-left: 0;
}
.popup .popup_titre .auteur {
	font-weight:bold;
	font-size:14px;
	line-height:20px;
	color: #ccc;
}

.popup .popup_titre li {
	font-weight:bold;
	font-size:20px;
	line-height:30px;
	color: #00a5db;
	list-style-type: disc;
	margin-left: 10%;
}

.popup .popup_titre li span {
	color: #ccc;
}

.popup .popup_titre_blogs {
	margin: 0;
	padding: 50px 40px 30px 40px;
	background: #e91e63;
	color: #fff;
	text-align:center;
}

.popup .popup_titre_blogs .titre {
	color:white;
}

.popup .popup_titre_blogs .date {
	color:rgba(255,255,255,.8)
}

.popup .popup_titre_blogs .auteur_date {
	background: rgba(0,0,0,0.1);
	margin: 30px -40px -30px;
	padding: 15px 40px;
	color: rgba(255,255,255,.8);
	text-transform: uppercase;
	letter-spacing: 1px;
	font-size: 11px;
	line-height: 15px;
}

.popup .popup_titre_blogs .auteur {
	font-size: 11px;
	line-height: 15px;
	color: rgba(255, 255, 255,.8);
	display:block;
}

.popup .popup_titre_blogs .date {
	font-size: 11px;
	line-height: 15px;
	display:block;
}





.popup .popup_titre_evenements {
	margin: 0;
	padding: 50px 40px 30px 40px;
	background: rgb(71, 152, 154);
	color: #fff;
	text-align:center;
}

.popup .popup_titre_evenements .titre {
	color:white;
}

.popup .popup_titre_evenements .date {
	color:rgba(255,255,255,.8)
}

.popup .popup_titre_evenements .auteur_date {
	background: rgba(0,0,0,0.1);
	margin: 30px -40px -30px;
	padding: 15px 40px;
	color: rgba(255,255,255,.8);
	text-transform: uppercase;
	letter-spacing: 1px;
	font-size: 11px;
	line-height: 15px;
}

.popup .popup_titre_evenements .auteur {
	font-size: 11px;
	line-height: 15px;
	color: rgba(255, 255, 255,.8);
	display:block;
}

.popup .popup_titre_evenements .date {
	font-size: 11px;
	line-height: 15px;
	display:block;
}





.sidebar_bubble.separation_binome {
	width: 100%;
	height: 50px;
	line-height: 50px;
	position: relative;
	float: right;
	margin: 0;
	font-weight: bold;
	font-size: 15.6px;
	text-align: center;
	box-sizing: border-box;
	color: rgb(216, 216, 216);
	background: rgb(62, 62, 62);
}

.popup_separation_binome {
	padding: 0 0 8px 0;
	margin-top: -15px;
}
/*
.sidebar_bubble.reponse_binome_entete_bubble {
	background:rgb(62, 62, 62);
}

.reponse_binome_entete_texte {
	height: 35px;
	line-height: 40px;
	font-weight: bold;
	font-size: 15.6px;
	text-align: center;
	color: rgb(216, 216, 216);
	padding-top: 5px;
}
*/

.popup_reponse_binome_entete {
	padding-bottom:30px
}

#ressources_wrap {
}

#sidebar_lateral,
#sidebar_main {
}


.call_sidebar_main {
	position: absolute;
	right: 7px;
	height: 35px;
	left: 0;
	z-index: 1000000000;
	border: solid 1px rgba(0,0,0,0.2);
	border-bottom: none;
	border-radius: 3px 3px 0 0;
	background-clip: padding-box;
	box-sizing: border-box;
	letter-spacing: 1px;
	cursor:pointer;
	top:0;
}

.call_sidebar_main_inner {
	background:rgba(0,0,0,.1);
	position:absolute;
	top:0;
	left:0;
	bottom:0;
	right:0;
	text-align: center;
	text-transform: uppercase;
	color: rgba(255, 255, 255, 0.7);
	padding: 10px;
	font-size: 11px;
}


#sidebar_lateral {
	width:100%;
	position: absolute;
	font-size: 13px;
	top: 5px;
	right: -100%;
	bottom: 0;
	padding: 0;
	box-sizing: border-box;
	overflow: auto;
	-webkit-transition: right 500ms ease-in-out, width 500ms ease-in-out;
	 -moz-transition: right 500ms ease-in-out, width 500ms ease-in-out;
		 -o-transition: right 500ms ease-in-out, width 500ms ease-in-out;
			transition: right 500ms ease-in-out, width 500ms ease-in-out;
	z-index: 10000000;
}

.hasSidebarLateralVisible #sidebar_lateral {
	right:0px;
}

.hasSidebarLateralVisible #sidebar_main {
	overflow: hidden;
	height: auto;
	min-height: 0px;
	position: absolute;
	right: 0;
	bottom: 0;
	opacity:.2;
	/* width: calc(100% - 7px); */
}

#sidebar_lateral .ressources_header_titre {
	font-size: 22px;
	color: #000;
	margin: 5px 0 25px 0;
}

#sidebar_main {
	width: 100%;
	font-size:13px;
	min-height: 1200px;
	-webkit-transition: opacity 500ms ease;
	 -moz-transition: opacity 500ms ease;
		 -o-transition: opacity 500ms ease;
			transition: opacity 500ms ease;
	position:relative;
	top:5px;
}

#sidebar_main_around {

	-webkit-transition: width 500ms ease-in-out;
	 -moz-transition: width 500ms ease-in-out;
		 -o-transition: width 500ms ease-in-out;
			transition: width 500ms ease-in-out;

	width:100%;
}

.hasSidebarExpanded .call_sidebar_main {
	display:none;
}

.hasSidebarExpanded.modeCols #sidebar_main_around {
	width: 70%;
	height: 100%;
	overflow: auto;
}

.hasSidebarExpanded.modeFullscreen #sidebar_main_around {
	width: 100%;
	height: 100%;
	overflow: auto;
}

.hasSidebarExpanded.modeCols #sidebar_lateral_around {
	width:30%;
}

.hasSidebarExpanded.modeFullscreen #sidebar_lateral_around {
	width:0%;
	display:none;
}

.hasSidebarExpanded #sidebar_lateral {
	right:0;
	width:30%;
}

#loading_feedback {
	position: absolute;
	top: 14px;
	right: 0;
	margin-right: 17px;
	width: 45px;
	height: 45px;
	background: url(plugins/thematique/squelettes/img/sidebar_loading.gif) no-repeat 7px 7px / 30px auto rgb(255, 255, 255);
	color: rgb(0, 0, 0);
	z-index: 1000000000000;
	text-align: left;
	padding: 0;
	font-size: 0;
	box-sizing: border-box;
	overflow: hidden;
	border-radius: 50%;
	box-shadow: 0 7px 15px rgba(0, 0, 0, 0.47);
	-webkit-transition: all 300ms ease;
	 -moz-transition: all 300ms ease;
		 -o-transition: all 300ms ease;
			transition: all 300ms ease;
	transform: scale(0);
}

.loading #loading_feedback {
	transform:scale(1)
}

.ressources_classes_around {
	padding:10px;
	background-color:white;
}

.ressources_no_color .ressources_classes {
	background-color:#5c6a6f;
}

.ressources_classes {
	padding: 0 0 15px 0;
	border-radius: 3px;
	margin-top: 0;
	color: #fff;
	text-decoration:none !important
}

.ressources_classes a {
	text-decoration:none !important
}

.ressources_classe_nom {
	font-size: 16px;
	line-height: 21px;
	color: #fff;
	padding: 20px 20px;
	clear: both;
	display: block;
	background:rgba(0,0,0,.1);
}

.ressources_classe_nom:hover {
	background:rgba(0,0,0,.2);
	color:white;
}

.ressources_classes ul {
	margin-top:10px;
}

.ressources_classe_consignes {
	margin-top: 0px;
}
.ressources_classe_consignes a {
	color: #fff;
	display: block;
	padding: 8px 20px 8px 20px;
	margin: 0px 0px;
	border-radius: 1px;
	line-height: 16px;
	font-size: 13px;
}
.ressources_classe_consignes a:hover {
	background:rgba(0,0,0,.2);
}

.edit_groupe_travail .bloc_option_doc .photo {
	background:transparent;
	float:right;
	margin:-10px -13px;
}

.edit_groupe_travail .crayon-icones,
.edit_groupe_travail .crayon-icones > span,
.edit_groupe_travail .crayon .crayon-icones em.crayon-crayon {
	display:block !important;
	top:0 !important;
	left:0 !important;
	right:0 !important;
	bottom:0 !important;
	position:absolute !important;
	z-index:100 !important;
	width:auto !important;
	height:auto !important;
	margin:0 !important;
	background:transparent !important;
	float:none !important;
}


.chargement_grand {
	background: url(plugins/thematique/squelettes/img/chargement.gif) no-repeat center center;
	min-width: 200px;
	min-height: 200px;
	}

.chargement {
	background: url(plugins/thematique/squelettes/img/chargement-petit.gif) no-repeat center center;
	}

a.lien_ajouter { cursor: pointer; color: #58ab27; padding-right: 25px; font-weight: normal;}
a.lien_ajouter:hover { }

a.liens_voir { cursor: pointer; color: #333; font-weight: normal;}
a.liens_voir:hover { }

a.liens_voir2 { cursor: pointer; color: #333; font-weight: normal;}
a.liens_voir2:hover { }

a.liens_supprimer { cursor: pointer; color: red; font-weight: normal;}
a.liens_supprimer:hover { }

a.liens_forum { color: #00a5db; font-weight: normal;}
a.liens_forum:hover { }


/*--- Google doc --- */
#docs-chrome, #docs-header, #docs-bar {
	visibility: hidden;
}

/* -- Surcharges Colorbox -- */
#cboxTitle {
	font-size: 15px;
	font-weight: bold;
	color: #000;
}
#cboxLoadedContent {
	margin-top: 10px;
}
#cboxClose, #cboxClose:hover {
	top: -4px;
	right: -6px;
	background-image: url(plugins/thematique/squelettes/img/close.png);
	background-position: 0px 0px;
	width: 30px;
	height: 30px;
	z-index: 2000px;
}

/* --- Silder d'aide --- */
#slide1 p {
	position: absolute;
	text-align: center;
	color: black;
	font-size: 1.7vw;
	top: 50%;
	transform: translateY(-50%);
	width: 100%;
	padding: 0 15px 0 15px;
}

.slider img {
	width: 100%;
}

/* --- Menu --- */
#sidebar_lateral .ui-state-active {
	color: #999;
}

#cadre_couleur {
	/*background-color: #FFFFFF;*/
	color: #000000;
	padding-left: 5px;
	padding-right: 5px;
	display: inline;
}

.popup_consigne #cadre_couleur, .popup_reponse #cadre_couleur, .popup_travail_en_cours #cadre_couleur {
	background-color: #000;
	color: #fff;
}

.popup_consigne .formulaire_formidable .submit {display: none;}
.popup_consigne .formulaire_formidable textarea { color:#fff; }

.ombre_portee
{	background-color: #fff;
	border: 3px solid #fff;
	box-shadow: 2px 2px 6px #ccc;
	-moz-box-shadow: 2px 2px 6px #ccc;
	-webkit-box-shadow: 2px 2px 6px #ccc;
}

.ombre_portee_bande
{	background-color: #fff;
	border: 3px solid #fff;
	box-shadow: 2px 2px 6px #ccc;
	-moz-box-shadow: 2px 2px 6px #ccc;
	-webkit-box-shadow: 2px 2px 6px #ccc;
	margin-left: 5px;
	margin-right: 5px;
}

/* -------- Surcharges SPIP ----------*/

.crayon .crayon-icones em.crayon-crayon {
	background-attachment: scroll;
	background-clip: border-box;
	background-color: transparent;
	background-image: url("plugins/thematique/squelettes/img/logo_crayon_20.png");
	background-origin: padding-box;
	background-position: 0 0;
	background-repeat: no-repeat;
	background-size: auto auto;
	height: 20px;
	width: 20px;
}

input.crayon-active {
	background-color: #ccc;
	color: #000;
}

.crayon-html li.editer_logo {
	margin-top: 0px;
}

p.spip_cadre {
	display: block;
	background:#EEEEEE none repeat scroll 0%;
	border-color: #999;
	border-style:inset inset inset solid;
	border-width:1px 1px 1px 4px;
	padding:0.5em 4px 4px;
	width:95%;
	/*color:#3465A4;*/
	margin: 0.5em 0px 0.5em 0px;
	font-size: 110%;
}

.sous-colonne form {
	margin-bottom:0px;
	margin-left:0px;
}

code, .coloration_code{
	display: block;
	background:#EEEEEE none repeat scroll 0% 50%;
	border-color:#EEEEEE rgb(238, 238, 238) rgb(238, 238, 238) #00a5db;
	border-style:inset inset inset solid;
	border-width:1px 1px 1px 4px;
	color:#00a5db;
	padding:4px;
	/*width:95%;*/
	overflow:hidden;
	margin: 8px 0px 20px 8px;
}

/*Suppression de certains champs de la barre d'outils porte plumes*/
label em.aide, .formulaire_editer_article .editer_parent, .outil_code, .outil_caracteres, .outil_guillemets, .outil_liste_ol, .outil_quote {display: none;}

.formulaire_spip .editer_texte #text_area {height: 250px;}
.formulaire_spip .editer input,
.formulaire_spip .editer textarea { width: 380px;}

.erreur_message {color: red;}

/*Formulaire edition*/
.markItUpTabs {display: none;}

/*Formulaires edition article public*/
.ajouter_couleur {
	color:gray;
}

.popup div.formulaire_spip {
	margin: 0;
	padding: 10px;
}

input[type="file"] {
	border:solid 2px #EEE;
	padding: 10px;
	width: 100%;
	box-sizing: border-box;
	border-radius: 3px;
}

#fichier_upload__new_wrap_list > div {
	padding: 10px;
	background: #eee;
	border-radius: 3px;
	margin-top: 5px;
	font-size: 12px;
}
#fichier_upload__new_wrap_list > div > a {
	float: right;
	display: block;
	width: 30px;
	text-align: center;
	margin: -6px;
	height: 26px;
	width: 26px;
	border-radius: 50%;
	line-height: 22px;
	font-size: 0;
	background: url(local/cache-vignettes/L25xH25/close-c9462.svg?1752713009) no-repeat center center / 20px auto;
}

#fichier_upload__new_wrap_list > div > a:hover {
	background: url(local/cache-vignettes/L25xH25/close_white-d2e0c.svg?1752713009) no-repeat center center / 20px auto #ff6347;
}

.bloc_option_doc .submit,
.popup_new_article .submit,
.formulaire_spip .submit {
	margin-top: 10px;
	background: #9e3d6b;
	color: #fff;
	text-align: center;
	border: none;
	border-radius: 3px;
	padding: 10px 15px;
	font-size: 12px;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-weight: 500;
	/* width: 100%; */
	border-bottom: solid 2px rgba(12, 12, 12, 0.49);
}

/*Formulaires edition auteur*/

.formulaire_editer_auteur {
	padding-left: 20px;
	margin-left: 5px;
	margin-top: 10px;
	padding-top: 10px;
	border: none;
	background: #d6d6d6;
	padding: 30px;
}
.formulaire_editer_auteur label, .formulaire_editer_auteur legend, .formulaire_editer_auteur .champs_extras, .formulaire_editer_auteur .editer_identification {
	display: none;
}
.formulaire_editer_auteur fieldset {
	border: 0px;
}
.formulaire_editer_auteur li {
	margin-bottom: 10px;
}

.crayon-html fieldset {
	padding:10px;
}

.crayon-html fieldset .legend {
	font-size:14px;
	color:black;
}

.editer-groupe {
	font-size:14px !important;
	color:black !important;
	line-height:18px !important;
}

.editer-groupe .choix {
	padding:10px;
	background:#eee;
	border-radius:3px;
	margin-top:4px;
	clear:both;
}

#cboxLoadedContent {
	padding: 10px;
}

/*Forum*/
.popup div.formulaire_forum {
	margin-top: 20px;
	padding-top: 0px;
	border-left: none;
	margin-left: 0;
	padding-left: 0;
	margin-bottom: 0;
}

/*#formulaire_forum { margin-top:5px; margin-bottom:15px; }*/
#formulaire_forum .markItUpHeader ul, #formulaire_forum .retour, #formulaire_forum fieldset p { }
#formulaire_forum legend { display: none; }
#formulaire_forum fieldset { border: 0px; padding: 0px; margin: 0px;}
#formulaire_forum fieldset p.boutons { display: block;}
#formulaire_forum fieldset.qui { display: none; }

#formulaire_forum ul.forum {

	margin-left: 0px;
	margin-top: 10px;
}

/*Affichage Doc*/
.forum .doc a img {
	width: 10%;
	float: left;
}

.forum .doc {
	height: 55px;
	padding: 15px;
}

.forum .doc a span {
	padding-left: 10px;
	height: 85%;
	display: flex;
	align-items: center;
}

.bloc_previsu {
	background:white;
	padding:20px;
	border-radius:4px;
}

#formulaire_forum .bloc_previsu ul.forum {
	margin-top:0;
}

.bloc_previsu .comment-titre {
	font-size: 18px;
	line-height: 22px;
	display: block;
}

.bloc_previsu .comment-auteur { display:none; }

.bloc_previsu .comment-content {
	font-size: 13px;
	line-height: 17px;
	margin-top: 5px;
}

/* Dans le cas ou l'utilisateur est un invité ne pas afficher */
.forum_commenter #formulaire_forum .explication, .forum_commenter #formulaire_forum .retour{
	display: none;
}


/*Formulaire_joindre_document*/
.formulaire_joindre_document .titrem,
.formulaire_joindre_document .sourceup,
.formulaire_joindre_document #joindre_mediatheque__new,
.formulaire_joindre_document #joindre_distant__new,
.formulaire_joindre_document #defaultsubmit__new,
.formulaire_joindre_document .boutons {display:none;}
.formulaire_joindre_document #joindre_upload__new {display: inline!important;}
#spip-admin {display: none;}
li.editer p.explication, .editer_pgp, .editer_bio, .editer_liens_sites, .saisie_session_nom, .saisie_session_email {display: none;}

/* -------- Surcharges du classique ----------*/

.lien_forum {
	display: none;
}

.bloc_article {
	overflow-x: hidden;
}

.bloc_article.serif p {
	font-family: "Palatino",Georgia,"Times New Roman",serif;
	font-size:1.2em;
	font-style:italic;
	line-height:1.5;
}

.bloc_article.monospace {color: white; }
.bloc_article.monospace p { font-family: Courier, "Courier New", FreeMono, "Liberation Mono", monospace; font-size: 1.1em; }
.bloc_article.monospace .bloc_article_h, .bloc_article.monospace .bloc_article_b { visibility: hidden; }
.bloc_article.monospace .bloc_article_m { width: 497px; background-image:url(); background-color: black; padding: 20px 15px 20px 20px; margin-left: 6px; -moz-border-radius: 10px;}
.bloc_article.monospace #bloc_texte p:first-letter, .bloc_article.monospace .bloc_consigne p:first-letter {
	font-size: 100%;
	font-weight: normal;
	color: white;
}
.bloc_article.monospace a.lienss, .bloc_article.monospace a.lienss:hover, .bloc_article.monospace a.lienss:visited {
	color: #ffffff;
}

.bloc_article.sans-serif p { font-family: 'font' , Arial, Helvetica, "Liberation Sans", FreeSans, sans-serif; }

.introduction {
	padding-top: 10px;
}

#bloc_texte, .bloc_texte {
	font-size: 13px;
	line-height: 17px;
	padding: 20px 40px 20px 40px;
}

.intervention_item #bloc_texte,.intervention_item .bloc_texte {
	font-size: 13px;
	line-height: 17px;
	padding: 5px 20px 5px 20px;
}

.bloc_texte p {
	margin: 12px 0px;
	clear:both;
}

li a, li a:hover {
	text-decoration:none;
}

#bloc_option_doc, .bloc_option_doc {
	margin: 0 0px;
	padding: 0;
	background: none;
	border-top: none;
}

#bloc_option_doc > a, .bloc_option_doc > a, .titre_bubble {
	display: block;
	padding: 18px 30px 18px 60px;
	color: #000;
	background-color: #F5F5F5;
	background-repeat: no-repeat;
	background-position: 20px 50%;
	font-size: 17px;
	line-height: 20px;
}

#bloc_option_doc p, .bloc_option_doc p {
	margin: 0;
}

.bloc_option_doc .bloc_option_forum .bloc_option_forum {
	padding: 0 10px 20px 20px
}

.bloc_option_doc_adddocument {
	background-image: url(local/cache-vignettes/L25xH25/add-b67d4.svg?1752713009);
	background-size: 33px auto;
}

.bloc_option_doc_ressources {
	background-image: url(local/cache-vignettes/L24xH24/ressources-cd3fb.svg?1752713009);
	background-size: 24px auto;
	background-position: 25px 50% !important;
}

.bloc_option_doc_comment {
	background-image: url(local/cache-vignettes/L25xH25/comment-1717f.svg?1752713009);
	background-size: 24px auto;
	background-position: 25px 55% !important;
}

.bloc_option_doc_link {
	background-image: url(local/cache-vignettes/L25xH25/permalink-9085d.svg?1752713009);
	background-size: 24px auto;
	background-position: 25px 50% !important;
}

.bloc_option_doc_social {
	background-image: url(local/cache-vignettes/L25xH25/share-1210c.svg?1752713009);
	background-size: 24px auto;
	background-position: 25px 50% !important;
}

.bloc_option_doc_about {
	background-image: url(local/cache-vignettes/L25xH25/group-21202.svg?1752713009);
	background-size: 24px auto;
	background-position: 25px 50% !important;
}

.bloc_option_doc_edit {
	background-image: url(local/cache-vignettes/L25xH25/edit-69748.svg?1752713009);
	background-size: 27px auto;
	background-position: 24px 50% !important;
}

.bloc_option_doc_reply {
	background-image: url(local/cache-vignettes/L24xH24/reply-8495d.svg?1752713009);
	background-size: 27px auto;
	background-position: 22px 49% !important;
}

.bloc_option_doc_people {
	background-image: url(local/cache-vignettes/L25xH25/people-adb1e.svg?1752713009);
	background-size: 27px auto;
	background-position: 22px 49% !important;
}

.popup code {
	margin-left: 0;
	margin-right: 0;
	border: none;
	margin: 20px 0px 0px 0px;
	background: none;
	border-radius: 3px;
	padding: 0;
}

.bloc_option_top {
	margin-top: 10px;
}

#popup label, .popup label {
	vertical-align: middle;
	font-weight: bold;
	margin-top: 7px;
	margin-bottom: 10px;
	display: block;
	/* text-transform: uppercase; */
	/* letter-spacing: 1px; */
	font-size: 12px;
	color: #a0a0a0;
}

#formulaire_forum input.text, #formulaire_forum textarea {
	border: solid 1px #E8E8E8 !important;
	padding: 5px 8px !important;
	color: #000 !important;
	margin: 0 !important;
	border-radius: 2px !important;
}

.popup .editer_fichier_upload label {display: none;}

.portfolio {
	text-align: left;
	padding: 0;
	font-size:12px;
	border-radius: 3px;
	box-sizing: border-box;
	margin:0 0 4px 0;
	vertical-align:top;
	background:#EEE;
	position:relative;
}

.portfolio:hover {
	background:#DEDEDE
}

.portfolio_logo_around {
	display:inline-block;
	vertical-align:middle;
	width:45px;
	height:45px;
	text-align:center;
	margin-right:10px;
	padding-top:9px;
	box-sizing:border-box;
	overflow:hidden;
}

.portfolio_logo {
	height:27px;
	width:auto;
}
.portfolio_titre {
	display:inline-block;
	vertical-align:middle;
	font-size:14px;
	width:260px;
	color:black;
}

.portfolio .action_supprimer {
	position:absolute;
	top:0;
	right:0;
	float:none;
	margin:0;
	bottom:0;
	width:30px;
	height:100%;
}

.portfolio .crayon-icones {
	position:absolute;
	right:-30px;
	top:0;
	bottom:0;
	width:30px;
	left:auto;
	float:none;
	display:block !important;
}


.portfolio .crayon-icones:hover {
	background:#cdcdcd;
}

.portfolio .crayon-icones span {
	width:100% !important;
	height:100% !important;
	left: 30px
}

.portfolio .crayon .crayon-icones .crayon-crayon {
	display: block !important;
	width: 30px !important;
	height: 100% !important;
	background-position: 50% 50% !important;
	margin-top: 0 !important;
	background-color: rgba(0, 0, 0, 0) !important;
}


.portfolio a {
	border:0;
}

.portfolio_grand {
	position: relative;
}

.titre_bloc {
	font-size: 100%;
}

ul#forum, .lien_forum {
	margin-top: 0px;
}


.ressources_rubrique {
	margin: 5px;
	background: rgb(230, 230, 230);
	padding: 10px 0;
}

.ressource_rubrique_titre {
	padding: 10px 20px;
	font-size: 14px;
	line-height: 20px;
	margin-top:-10px;
	margin-bottom:2px;
}

.ressource_article {
	padding: 2px 20px;
	cursor: pointer;
	font-size:13px;
	line-height:16px;
}

.ressource_article:hover {
	text-decoration:underline;
}

.syndic_article_lire_suite {
	display: block;
	background: rgb(230, 230, 230);
	padding: 10px 30px;
	text-decoration: none !important;
	font-size: 14px;
	border-radius: 3px;
	border-bottom: solid 2px rgb(177, 177, 177);
	margin: 15px 0;
}
.syndic_article_lire_suite:hover {
	background: rgb(210, 210, 210);
	color:black;
}

#sidebar_main_inner > .syndic_article_lire_suite {
	display:none;
}


/* * * * * * * * * * * * * * * * * * * * * */

#timeline {
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	background:#eee;
	font-size:0;
	overflow:hidden;
	background-size:cover;

	z-index:999
}

#timeline_responsive {
	position:absolute;
	top:0;
	left:0;
	bottom:0;
	right:0;

	-webkit-transition:all 2000ms ease;
	-moz-transition:all 2000ms ease;
	-o-transition:all 2000ms ease;
	transition:all 2000ms ease;
}

.hasSidebarOpen #timeline_responsive {
	right:550px;
}

#timeline_wrapin {
	position:absolute;
	top:40px;
	bottom:80px;
	left:0;
	width:100%;
	z-index:900;

	-webkit-transition:all 2000ms ease;
	-moz-transition:all 2000ms ease;
	-o-transition:all 2000ms ease;
	transition:all 2000ms ease;
}

#timeline_fixed {
	position:absolute;
	top:-40px;
	bottom:-80px;
	left:0;
	width:100%;
}

#timeline_background {
	position:absolute;
	top:-40px;
	bottom:-80px;
	left:0;
	width:100%;
}

.timeline_trigger {
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
}

#timeline_wrapin .mois {
	border-right:solid 1px rgba(255, 255, 255, 0.24);
	display:inline-block;
	height:100%;
	box-sizing:border-box;
	z-index:10;
	position:relative;
	overflow:hidden;
}

#timeline_wrapin .mois:nth-child(even) {
	background:rgba(0,0,0,.03);
}

#timeline_wrapin .mois:last-child() {
	border-right:none;
}
#timeline_wrapin .mois_label {
	position: absolute;
	top: 0;
	left: 0;
	font-size: 63px;
	color: rgba(255, 255, 255, 0.4);
	transform: rotateZ(-90deg);
	transform-origin: top left;
	left: 35%;
	text-transform: lowercase;
	top: 87%;
	line-height: 19px;
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select:none;
}



#sidebar {
	position:fixed;
	top: 0;
	right: 0;
	bottom: 0;
	width:550px;
	z-index:4000;
	margin-right:-570px;

	-webkit-transition:margin 1000ms ease, width 1000ms ease;
	 -moz-transition:margin 1000ms ease, width 1000ms ease;
		 -o-transition:margin 1000ms ease, width 1000ms ease;
			transition:margin 1000ms ease, width 1000ms ease;
}

#sidebar_content {
	border: none;
	width: 100%;
	height: 100%;
	z-index: 10000;
	position: relative;
	overflow:auto;
	overflow-x: hidden;
}

#sidebar_content_inner {
	margin-top:4px;
}

.hasSidebarOpen #sidebar {
	margin-right:0;
}

.hasSidebarOpen #sidebarExpand {
	left:-38px;
	z-index: 100000;
}

.hasSidebarExpanded #sidebar {
	width: 80%;
	margin-right: 10%;
	z-index: 100000;

	-webkit-transition:margin 1000ms ease, width 1000ms ease;
	 -moz-transition:margin 1000ms ease, width 1000ms ease;
		 -o-transition:margin 1000ms ease, width 1000ms ease;
			transition:margin 1000ms ease, width 1000ms ease;
}
#sidebarExpand {

	-webkit-transition:all 1000ms ease, background 500ms ease;
	 -moz-transition:all 1000ms ease, background 500ms ease;
		 -o-transition:all 1000ms ease, background 500ms ease;
			transition:all 1000ms ease, background 500ms ease;

	position: absolute;
	left: 0;
	top: 5px;
	height: 33px;
	width: 33px;
	background: #fff;
	border-radius: 2px;
	box-shadow: 0 2px 7px rgba(0,0,0,.3);
	font-size: 0;
	line-height: 33px;
	z-index: -1;
	background:url(plugins/thematique/squelettes/img/expandIcon_off.png) no-repeat center center white
}

.hasSidebarExpanded #sidebarExpand {
	background:url(plugins/thematique/squelettes/img/expandIcon_on.png) no-repeat center center white
}

#sidebarCache {
	display:block;
	position:fixed;
	background:transparent;
	pointer-events:none;
	z-index:1000;
	left:0;
	top:0;
	height:100%;
	width:100%;

	-webkit-transition:background 1000ms ease;
	 -moz-transition:background 1000ms ease;
		 -o-transition:background 1000ms ease;
			transition:background 1000ms ease;
}

.hasSidebarExpanded #sidebarCache {
	background:rgba(0,0,0,.8);
	pointer-events:all;
}

.timeline_item {
	opacity:1;
	pointer-events:auto;
	cursor:pointer;
	z-index:100; /* Minimum, surcharge par le JS */
	position:absolute;

	-webkit-transition:opacity 500ms ease;
	 -moz-transition:opacity 500ms ease;
		 -o-transition:opacity 500ms ease;
			transition:opacity 500ms ease;
}

.timeline_item.hide {
	opacity:0 !important;
	pointer-events: none;
	cursor:default;
}

.consigne_haute {
	z-index:200
}

.no_event {
	pointer-events:none;
}

#menu_bas.zone-menu li.logo, #menu_haut.zone-menu li.logo {
	width: 27px;
}

/* TO DO */

.hoveringReponse .reponse_haute,
.highlightReponse .reponse_haute,
.hoveringReponse .reponse_haute.current_select,
.hoveringReponse .connecteur_timeline,
.highlightReponse .connecteur_timeline,
.highlightReponse.hoveringReponse .connecteur_timeline.current_select {
	opacity:.3;
}

.reponse_haute.hover,
.hoveringReponse .reponse_haute.current_select.hover,
.hoveringReponse .connecteur_timeline.hover {
	opacity:1;
}

.reponse_haute.current_select,
.hoveringReponse .connecteur_timeline.hover.current_select,
.highlightReponse .connecteur_timeline.current_select {
	z-index:999;
	opacity:1;
}

.hoveringReponse .connecteur_timeline.hover {
	z-index:1000;
}

.connecteur_timeline {
	transform-origin: 0 50%;
	height: 2px; /* Line width of 3 */
	border-radius:5px;

	-webkit-transition:opacity 300ms ease;
	-moz-transition:opacity 300ms ease;
	-o-transition:opacity 300ms ease;
	transition:opacity 300ms ease;
}

.connecteur_timeline.hide {
	opacity:0;
}

.sidebar_bubble {
	box-shadow: 0 2px 7px rgba(0,0,0,.3);
	border-radius:3px;
	background:white;
	overflow:hidden;
	clear:both;
	border: solid 1px rgba(0,0,0,0.1);
	background-clip: padding-box;
	position:relative;
}

.sidebar_bubble_split_parent {
	padding: 0;
	background: rgba(0, 0, 0, 0);
	border-radius: 0;
	font-size:0;
	margin-bottom:0;
}
/*
.sidebar_bubble_portfolio {
	padding:20px 30px
}
*/
.bloc_documents {
	padding:0 10px 0 10px;
	clear:both;
}

.material-icons {
	vertical-align: middle;
}

// Rules for sizing the icon.
.material-icons.md-18 { font-size: 18px; }
.material-icons.md-24 { font-size: 24px; }
.material-icons.md-36 { font-size: 36px; }
.material-icons.md-48 { font-size: 48px; }

// Rules for using icons as black on a light background.
.material-icons.md-dark { color: rgba(0, 0, 0, 0.54); }
.material-icons.md-dark.md-inactive { color: rgba(0, 0, 0, 0.26); }

// Rules for using icons as white on a dark background.
.material-icons.md-light { color: rgba(255, 255, 255, 1); }
.material-icons.md-light.md-inactive { color: rgba(255, 255, 255, 0.3); }

#cboxOverlay {
	background:rgba(0,0,0,.9) !important;
}

.crayon-html .formulaire_crayon {
	max-width: none !important;
}

.formulaire_crayon {
	width:400px;
	height:500px;
}

.socialtags ul li img {
	display:none;
}

.socialtags ul li.facebook {
	background: url(plugins/thematique/squelettes/img/facebook.svg) no-repeat center center / 80% auto;
}

.socialtags ul li.twitter {
	background: url(plugins/thematique/squelettes/img/twitter.svg) no-repeat center center / 80% auto;
}

.socialtags ul li.printer {
	background: url(plugins/thematique/squelettes/img/print.svg) no-repeat center center / 80% auto;
}

.resizehandle {
	width: 100% !important;
}

#cboxTopLeft,
#cboxTopCenter,
#cboxTopRight,
#cboxMiddleLeft,
#cboxMiddleRight,
#cboxBottomLeft,
#cboxBottomCenter,
#cboxBottomRight {
	display:none;
}

#cboxClose, #cboxClose:hover {
	top: 0;
	right: 0;
	background: url(plugins/thematique/squelettes/img/close.svg) no-repeat center center / 80% auto white;
	width: 40px;
	height: 40px;
	z-index: 2000;
	position:fixed;
}

#cboxLoadedContent {
	padding: 0;
	margin:0;
}

#cboxContent {
	overflow:visible;
	background:transparent;
}

#cboxTitle {
	color:white;
	bottom:-30px;
}

#cboxOverlay {
	background:black !important
}

.timeline_layer {
	opacity:.2;

	-webkit-transition:opacity 300ms ease;
	 -moz-transition:opacity 300ms ease;
		 -o-transition:opacity 300ms ease;
			transition:opacity 300ms ease;

	position: absolute;
	z-index: 100;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	pointer-events:none;
}

.show_consignes #timeline_layer_consignes,
.show_blogs #timeline_layer_blogs,
.show_evenements #timeline_layer_evenements {
	opacity:1;
	z-index:101;
	pointer-events:all;
}

#livrables {
	opacity: 0;
	pointer-events: none;
	transition: all 0.1s ease-in;
}

.show_livrables #livrables {
	opacity: 1;
	pointer-events: all;
}

.show_blogs .connecteur_timeline,
.show_evenements .connecteur_timeline {
	-webkit-transition:opacity 300ms ease;
	 -moz-transition:opacity 300ms ease;
		 -o-transition:opacity 300ms ease;
			transition:opacity 300ms ease;
	opacity:0;
}
.bloc_classe_iframe, .bloc_classe_iframe iframe {
	min-height: 620px;
}
.bloc_classe_iframe iframe {
	border:none;
}
/*** CHOIX RUBRIQUE ***/

#choix_rubrique_admin:hover > .choix_rubrique_wrapper {
	display: block;
	height: initial;
}

.choix_rubrique_wrapper {
	display: none;
	overflow: scroll;
	min-height: 25px;
	max-height: 500px;
}

/* LIVRABLES */
#livrables {
	position: absolute;
	z-index: 105;
}
#livrables .wrapper {
	display: flex;
	flex-direction: row;
	justify-content: center;
	flex-wrap: wrap;
	height: 80vh;
	width: 100vw;
	align-items: flex-end;
}
.livrable {
	display: flex;
	flex-direction: column;
	align-items: center;
	border-radius: 10px;
	box-shadow: 0 2px 7px rgba(0,0,0,.3);
	height: 220px;
	margin: 15px 15px 0 15px;
	cursor: pointer;
}

.livrable .featured-image {
	filter: blur(2px) grayscale(100%);
	transition: all 0.5s ease;
}

.livrable:hover > .featured-image {
	-webkit-filter: grayscale(0%);
	 -moz-filter: grayscale(0%);
	filter: blur(2px) grayscale(0%);
}

.livrable .profil {
	display: flex;
	flex-direction: column;
	pointer-events: none;
}

.livrable .profil img {
	border-radius: 50%;
	margin: auto;
}

.livrable h3 {
	color: white;
	background: black;
	padding: 8px;
	margin: 10px;
	font-size: 1rem;
	text-transform: uppercase;
}

.livrable h4 {
	font-size: 15px;
	color: white;
	text-align: center;
	padding: 15px;
}

#debug-nav {
	left: 10px;
}

/* Rajouter par Pierre K */
.lity { z-index: 999992; }
.masquer { display: none; }

/* ---------------------------------------------------------------- */
/* ------------------------ RESPONSIVE ---------------------------- */
/* ---------------------------------------------------------------- */
@media screen and (max-width: 1280px) {

	#sidebar {
		width:450px;
		margin-right:-470px;
	}

	.hasSidebarOpen #timeline_responsive {
		right:450px;
	}

	#zone {
		margin-top: 0.5%;
	}

	#menu_bas {
		height:60px;
	}

	.bloc_view {
		height: 54px;
	}

	.zone-menu h3 { font-size: 10.8px; padding: 2px;}
	#menu_bas.zone-menu li, #menu_bas.zone-menu form {
		width: 27px;
		height: 27px;
		margin:0px 0 3px 3px;
		line-height: 27px;
	}

	#menu_bas.zone-menu li.logo, #menu_haut.zone-menu li.logo {
		width: 27px;
		font-size:0;
	}

	#menu_haut.zone-menu li.logo {
		font-size:0;
		width:33px;
	}

	.choix_rubrique_wrapper {
		height: max-content !important;
	}

	.select, .select:hover div, .select input.first + label, .select:hover input, .select:hover label {
		height: 22px;
		line-height: 22px;
	}
	.select:hover div {
		top: 22px;
	}

	.zone-menu form {
		width: 91px;
	}

	.zone-menu .titre3, .zone-menu .titre3 a {
		font-size:15.6px;
		line-height:15.6px;
	}

	/* 30*n - 3 */
	#menu-vues {width: 57px;}
	#menu-ressources {width: 177px;}
	#menu-consignes {width: 207px;}
	#menu-classes {width: 237px;}
	#menu-medias {width: 177px;}
	#menu-tris {width: 57px;}
}

@media screen and (max-width: 1050px) and (max-height: 770px ) {
	#livrables {
		overflow-y: scroll;
	}
}