@-webkit-viewport
{
	width: device-width;
	zoom: 1;
}
@-moz-viewport
{
	width: device-width;
	zoom: 1;
}
@-ms-viewport
{
	width: device-width;
	zoom: 1;
}
@viewport
{
	width: device-width;
	zoom: 1;
}



html, body
{
	font-family: Tahoma, Helvetica, Arial;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px; /* 10px pour jQuery */
	margin: 0;
	padding: 0;
	overflow: visible;
	color: #444444;
}
h1
{
	font-size: 18px;
	margin-top: 20px;
	margin-bottom: 10px;
}
h2
{
	font-size: 16px;
	margin-top: 20px;
	margin-bottom: 10px;
}
h2.erreur-application-importante
{
	text-align: center;
	font-weight: normal;
}
h3
{
	font-size: 14px;
	margin-top: 20px;
	margin-bottom: 10px;
}
h4
{
	font-size: 12px;
	margin-top: 20px;
	margin-bottom: 10px;
}
h5
{
	font-size: 11px;
	margin-top: 20px;
	margin-bottom: 10px;
}
h6
{
	font-size: 10px;
	margin-top: 20px;
	margin-bottom: 10px;
}
.lien_export
{
	text-decoration: underline;
	color: blue;
	cursor:pointer;
}
a, a:visited, a:hover
{
	color: blue;
}
.surligne
{
	background-color: #DAFDA0;
}
.en-relation-avec-affichage-contextuel
{
	background-color: #CDCDCD;
}
p
{
	margin: 10px 0;
}
input[type="date"]
{
	-webkit-appearance: none;
	-moz-appearance: none;
}
input[type="text"]:not(.ui-spinner-input),
input[type="date"],
input[type="time"],
input[type="datetime"],
input[type="password"],
input[type="email"],
input[type="tel"]
{
	margin: 0;
	padding: 4px 1%;
	border: 1px solid #CDCDCD;
	outline: none;
	width: 38%;
	width: -webkit-calc(38% - 2px);
	width: -moz-calc(38% - 2px);
	width: calc(38% - 2px);
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	border-radius: 0;
}
textarea
{
	margin: 0;
	padding: 2px 0;
	border: none;
	outline: 1px solid #CDCDCD;	/*	L'outline ne modifie pas la taille de l'élément, le border si...	*/
	width: 40%;
	font-family: Tahoma, Helvetica, Arial;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
}
select
{
	margin: 0;
	padding: 2px 0 1px;
	font-family: Tahoma, Helvetica, Arial;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
}
form
{
	margin: 0;
	padding: 0;
	display: inline;
}
input[type="text"]:focus,
input[type="date"]:focus,
input[type="email"]:focus,
input[type="password"]:focus,
input[type="tel"]:focus,
textarea:focus,
select:focus
{
	color: #00A1E1;
	border-color: #00A1E1;
	-moz-box-shadow: 0px 0px 5px 0px #00A1E1;
	-webkit-box-shadow: 0px 0px 5px 0px #00A1E1;
	-o-box-shadow: 0px 0px 5px 0px #00A1E1;
	box-shadow: 0px 0px 5px 0px #00A1E1;
}
input[type="text"]:focus::selection,
input[type="date"]:focus::selection,
input[type="email"]:focus::selection,
input[type="password"]:focus::selection,
input[type="tel"]:focus::selection,
textarea:focus::selection,
select:focus::selection
{
	color:#FFFFFF;
	background-color: #00A1E1;
}
input[type="text"]:focus::-moz-selection,
input[type="date"]:focus::-moz-selection,
input[type="email"]:focus::-moz-selection,
input[type="password"]:focus::-moz-selection,
input[type="tel"]:focus::-moz-selection,
textarea:focus::-moz-selection,
select:focus::-moz-selection
{
	color:#FFFFFF;
	background-color: #00A1E1;
}
input[type="submit"],
button
{
	padding: 6px 4%;
	text-align: center;
	-webkit-appearance: none;
	-moz-appearance: none;
	border-radius: 0;
	border: none;
	background-color: #00A1E1;
	color: #FFFFFF;
	cursor: pointer;
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
}
ul
{
	list-style-type: none;
}



ul.messages-utilisateur li > .style-lien
{
	color: #00A1E1;
	text-decoration: underline;
	cursor: pointer;
	text-align: center;
	padding: 3px 0;
}



/*	Styles de boutons radio	*/
input[type="radio"]
{
	display: none;
}
input[type="radio"] + label		/*	Les label qui suivent les radio	*/
{
	cursor: pointer;
}
*:not(.radio-speciaux):not(.radio-speciaux-nombreux) > input[type="radio"] + label::after
{
	content: "";
	display: inline-block;
	vertical-align: top;
	margin-left: 5px;
	width: 16px;
	height: 16px;
	border: 1px solid #CDCDCD;
	border-radius: 50%;
	text-align: center;
	background-color: #FFFFFF;
}
*:not(.radio-speciaux):not(.radio-speciaux-nombreux) > input[type="radio"]:checked + label::after
{
	content: "\2B24";
	content: "\23FA";
	content: "\25CF";
	content: "\26AB";
	content: "";
	width: 16px;
	height: 16px;
	font-size: 14px;
	line-height: 16px;
	background-color: #00A1E1;
	color: #00A1E1;
}
/*	Switch radio, seulement 2 états possibles (oui/non, vrai/faux, homme/femme, ...)	*/
.radio-speciaux > input[type="radio"] + label
{
	display: inline-block;
	padding: 4px 10px 3px;
	text-align: center;
	border-left: 1px solid #CDCDCD;
	border-top: 1px solid #CDCDCD;
	border-bottom: 1px solid #CDCDCD;
	color: #A0A0A0;
	background-color: #FFFFFF;
	background: -webkit-linear-gradient(right, #00A1E1 50%, #FFFFFF 50%);
	background: -moz-linear-gradient(right, #00A1E1 50%, #FFFFFF 50%);
	background: -o-linear-gradient(right, #00A1E1 50%, #FFFFFF 50%);
	background: linear-gradient(right, #00A1E1 50%, #FFFFFF 50%);
	-webkit-background-size: 200% 100%;
	-moz-background-size: 200% 100%;
	background-size: 200% 100%;
	-webkit-transition: all 50ms linear;
	-moz-transition: all 50ms linear;
	-o-transition: all 50ms linear;
	transition: all 50ms linear;
	
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
.radio-speciaux > input[type="radio"] + label:nth-child(4)
{
	border-left: none;
	border-right: 1px solid #CDCDCD;
	background: -webkit-linear-gradient(left, #FFFFFF 50%, #00A1E1 50%);
	background: -moz-linear-gradient(left, #FFFFFF 50%, #00A1E1 50%);
	background: -o-linear-gradient(left, #FFFFFF 50%, #00A1E1 50%);
	background: linear-gradient(left, #FFFFFF 50%, #00A1E1 50%);
	-webkit-background-size: 200% 100%;
	-moz-background-size: 200% 100%;
	background-size: 200% 100%;
}
.radio-speciaux > input[type="radio"]:checked + label:nth-child(2)
{
	background-position: +100% 0;
	color: #FFFFFF;
	border-color: #00A1E1;
	outline: 1px solid #FFFFFF;
	outline-offset: -2px;
}
.radio-speciaux > input[type="radio"]:checked + label:nth-child(4)
{
	background-position: -100% 0;
	color: #FFFFFF;
	border-color: #00A1E1;
	outline: 1px solid #FFFFFF;
	outline-offset: -2px;
}


.pastille-selection
{
	display: inline-block;
	width: 22px;
	height: 22px;
	border: 1px solid #CDCDCD;
	border-radius: 50%;
	cursor: pointer;
	background-position: center center;
	background-size: 14px 14px;
	background-repeat: no-repeat;
	-webkit-transition: border-color 150ms linear 150ms, background-color 150ms linear 150ms;
	transition: border-color 150ms linear 150ms, background-color 150ms linear 150ms;
}
.pastille-selection.selected,
.selected > .pastille-selection
{
	background-color: #00A1E1;
	border-color: #00A1E1;
	background-image: url('/images/coche-selectionne.png');
}
.pastille-selection:not(.selected):hover,
*:not(.selected) > .pastille-selection:not(.selected):hover
{
	border-color: #00A1E1;
}


.pastille-plus
{
	display: inline-block;
	width: 34px;
	height: 32px;
	padding-top: 2px;
	border-radius: 50%;
	border: 1px solid #00A1E1;
	color: #00A1E1;
	text-align: center;
	font-size: 26px;
	cursor: pointer;
	-webkit-transition: all 350ms; transition: all 350ms;
}
.pastille-plus:hover
{
	background-color: #00A1E1;
	color: #FFFFFF;
}




.conteneur-nouvel-element
{
	display: -webkit-box; display: -moz-box; display: -webkit-flex; display: flex;
	-webkit-align-items: center; -moz-align-items: center; align-items: center;
	-webkit-justify-content: center; -moz-justify-content: center; justify-content: center;
}
.conteneur-nouvel-element > .pastille-plus + .texte
{
	margin-left: 10px;
}





/*	Conteneur généraux	*/
.conteneur-general
{
	font-size: 14px;
	margin: 0 auto;
	padding: 0;
	/*background-image: url('/images/fond.jpg');
	background-size: 6px;*/
}
.conteneur-general.deconnecte
{
	background-image: url('/images/fond-ecran-accueil.jpg');
	background-repeat: no-repeat;
	background-position: center center;
	min-height: 100vh;
}
@media only screen and (max-device-width: 720px)
{
	.conteneur-general
	{
		padding: 0;
	}
}






#remonteur-scroll
{
	display: none;
	position: fixed;
	width: 52px;
	height: 52px;
	border-radius: 50%;
	bottom: 15%;
	right: 5%;
	background-color: #CDCDCD;
	background-image: url('/images/fleche-haut.png');
	background-position: center center;
	background-size: 32px 32px;
	background-repeat: no-repeat;
	opacity: 0.7;
	cursor: pointer;
}



.conteneur-general.page-simple
{
	width: 100%;
	min-width: inherit;
	padding: 5px 0 5px;
}
.conteneur-general header
{
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 8px 24px;
	cursor: pointer;
	text-align: center;
}
.conteneur-general.deconnecte header
{
	justify-content: center;
	padding-top: 96px;
}
.conteneur-general > header > .icone-menu
{
	flex: 0 0 auto;
	padding: 2px 4px;
	border: 1px solid transparent;
}
.conteneur-general > header > .icone-menu:hover
{
	border-color: #00A1E1;
}
.conteneur-general > header > .icone-menu > *
{
	width: 20px;
	margin: 4px auto;
	background-color: #00A1E1;
	height: 3px;
}
.conteneur-general.deconnecte > header > .icone-menu
{
	display: none;
}
.conteneur-general header img
{
	flex: 1 1 auto;
	min-width: 240px;
	max-height: 90px;
}
.conteneur-general.deconnecte header img
{
	max-height: 128px;
}
.conteneur-general > header > .conteneur-modes-affichages
{
	display: none;
	flex: 0 0 26px;
	height: 26px;
	overflow: hidden;
}
.conteneur-general > header > .conteneur-modes-affichages > *
{
	display: none;
	text-align: center;
	border: 1px solid #00A1E1;
}
.conteneur-general > header > .conteneur-modes-affichages > .selected
{
	display: block;
}
.conteneur-general > header > .conteneur-modes-affichages > .liste
{
	line-height: 2px;
	height: 24px;
	width: 24px;
}
.conteneur-general > header > .conteneur-modes-affichages > .liste > *
{
	display: block;
	height: 2px;
	width: 18px;
	margin: 3px auto;
	background-color: #00A1E1;
}
.conteneur-general > header > .conteneur-modes-affichages > .liste > *:first-child
{
	margin-top: 4px;
}
.conteneur-general > header > .conteneur-modes-affichages > .mosaique
{
	width: 20px;
	height: 20px;
	line-height: 6px;
	padding: 2px;
}
.conteneur-general > header > .conteneur-modes-affichages > .mosaique > *
{
	display: inline-block;
	vertical-align: top;
	width: 6px;
	height: 6px;
	margin: 2px;
	background-color: #00A1E1;
}
.conteneur-general:not(.deconnecte) .conteneur-page-principale
{
	background-color: #FFFFFF;
}


#maintenance
{
	padding: 16px 16px;
	border: 1px solid #CDCDCD;
	cursor: pointer;
	text-align: center;
}
#maintenance.masque
{
	display: none;
}
#maintenance > h1
{
	flex: 1 1 auto;
	margin: 0;
	padding: 0;
	font-weight: normal;
}
#maintenance:hover
{
	color: #00A1E1;
	border-color: #00A1E1;
}
#maintenance > div
{
	padding-top: 8px;
	text-decoration: underline;
}

.conteneur-page-principale
{
	overflow: auto;
	position: relative;
	padding-bottom: 15px;
}
footer
{
	height: 11px;
	text-align: center;
}
@media only screen and (max-device-width: 720px)
{
	.conteneur-general > header > .icone-menu
	{
		top: 30px;
		left: 20px;
	}
	.conteneur-general.deconnecte header
	{
		padding-top: 40px;
	}
	.conteneur-general header img
	{
		max-height: 64px;
	}
	.conteneur-general > header > .conteneur-modes-affichages
	{
		top: 30px;
		right: 20px;
	}
}


.conteneur-general > .conteneur-changement-mot-de-passe
{
	position: absolute;
	top: 0;
	background-color: rgba(0,0,0,0.8);
}
.conteneur-general > .conteneur-changement-mot-de-passe > .changement-mot-de-passe
{
	width: 90%;
	max-width: 500px;
	background-color: #FFFFFF;
	margin: 5% auto 0;
	padding: 15px 5%;
}
.conteneur-general > .conteneur-changement-mot-de-passe > .changement-mot-de-passe > .titre-principal
{
	font-size: 18px;
}
.conteneur-general > .conteneur-changement-mot-de-passe > .changement-mot-de-passe > .texte
{
	margin-top: 10px;
}
.conteneur-general > .conteneur-changement-mot-de-passe > .changement-mot-de-passe > .information
{
	margin-top: 10px;
}
.conteneur-general > .conteneur-changement-mot-de-passe > .changement-mot-de-passe > .conteneur-champs
{
	margin-top: 20px;
	text-align: center;
}
.conteneur-general > .conteneur-changement-mot-de-passe > .changement-mot-de-passe > .conteneur-champs input[type="text"],
.conteneur-general > .conteneur-changement-mot-de-passe > .changement-mot-de-passe > .conteneur-champs input[type="password"]
{
	width: 60%;
	margin-top: 10px;
}
.conteneur-general > .conteneur-changement-mot-de-passe > .changement-mot-de-passe > .conteneur-champs input[type="text"].non-valide,
.conteneur-general > .conteneur-changement-mot-de-passe > .changement-mot-de-passe > .conteneur-champs input[type="password"].non-valide
{
	border-color: #FF0000;
}
.conteneur-general > .conteneur-changement-mot-de-passe > .changement-mot-de-passe > .conteneur-validation
{
	margin-top: 25px;
	text-align: center;
}
.conteneur-general > .conteneur-changement-mot-de-passe > .changement-mot-de-passe > .conteneur-validation > span
{
	display: inline-block;
	vertical-align: top;
	padding: 5px 10%;
	cursor: pointer;
	background-color: #00A1E1;
	color: #FFFFFF;
	border: 1px solid #133783;
}


.conteneur-connexion
{
	width: 320px;
	margin: 50px auto 0;
	background-color: #FFFFFF;
	border: 1px solid #CDCDCD;
}
.conteneur-connexion > .titre
{
	padding: 13px 10% 10px;
	background-color: #EFEFEF;
	font-size: 16px;
	color: #00A1E1;
	font-weight: bold;
}
.conteneur-connexion > .sous-titre
{
	background-color: #EFEFEF;
	text-align: center;
	padding: 0 10% 10px;
}
.conteneur-connexion form
{
	display: block;
	text-align: center;
}
.conteneur-connexion form .conteneur-champ-login,
.conteneur-connexion form .indication
{
	padding: 15px 10%;
	text-align: left;
	position: relative;
}
.conteneur-connexion form .indication
{
	display: none;
	text-align: center;
}
.conteneur-connexion form .conteneur-champ-login.email
{
	margin-top: 10px;
}
.conteneur-connexion form .conteneur-champ-login.connexion
{
	padding-top: 15px;
	padding-bottom: 25px;
	text-align: center;
}
.conteneur-connexion form .conteneur-champ-login > span
{
	position: absolute;
	top: 21px;
	left: 5%;
	display: block;
	width: 32px;
	height: 32px;
	border-radius: 50%;
	background-color: #00A1E1;
	background-position: center center;
	background-size: 16px 16px;
	background-repeat: no-repeat;
}
.conteneur-connexion form .conteneur-champ-login.email > span
{
	background-image: url('/images/silhouette-blanche.png');
}
.conteneur-connexion form .conteneur-champ-login.mot-de-passe > span
{
	background-image: url('/images/cadenas-ferme-blanc.png');
}
.conteneur-connexion form .conteneur-champ-login input[type="email"],
.conteneur-connexion form .conteneur-champ-login input[type="password"]
{
	background-color: trnapsarent;
	padding-top: 12px;
	padding-bottom: 12px;
	padding: 12px 2% 12px 8%;
	width: 89%;
	width: -webkit-calc(90% - 2px);
	width: -moz-calc(90% - 2px);
	width: calc(90% - 2px);
}
.conteneur-connexion form .conteneur-champ-login.connexion > *
{
	padding-left: 3%;
	padding-right: 3%;
}
.conteneur-connexion.get-lien-mot-de-passe-oublie form .conteneur-champ-login.connexion > *
{
	padding-left: 8%;
	padding-right: 8%;
}
.conteneur-connexion form .conteneur-champ-login button
{
	background-color: #E5E5E5;
	color: #808080;
	margin-right: 3%;
}
@media only screen and (max-device-width: 720px)
{
	.conteneur-connexion
	{
		width: 90%;
		margin-top: 25px;
	}
}












/*	Menu principal	*/
.conteneur-general > .conteneur-menu-principal
{
	display: none;
	position: absolute;
	width: 100%;
	left: 0;
	z-index: 1;
}
.conteneur-general > .conteneur-menu-principal.visible
{
	display: block;
}
.conteneur-general > .conteneur-menu-principal > .menu
{
	position: absolute;
	left: -80px;
	top: 0;
	
	width: 320px;
	height: 100%;
	background-color: #FFFFFF;
	border-top: 1px solid #CDCDCD;
	border-right: 1px solid #CDCDCD;
	box-shadow: 1px 0px 5px 0px #515151;
}
.conteneur-general > .conteneur-menu-principal > .menu > ul.menu-principal
{
	margin: 0;
	padding: 5px 10px 0;
	
	display: -webkit-box; display: -moz-box; display: -webkit-flex; display: flex;
	
	-webkit-box-lines: multiple;
	box-lines: multiple;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-justify-content: space-around;
	justify-content: space-around;
	-webkit-align-content: flex-start;
	align-content: flex-start;
	-webkit-align-items: center;
	align-items: center;
}
.conteneur-general > .conteneur-menu-principal > .menu > ul.menu-principal > li
{
	cursor: pointer;
	text-align: center;
	
	margin: 10px 0;
	padding: 0;
	
	display: inline-block;
	/*display: block;		Suppression pour la vieille version de safari de merde !!		/*	Pour le vieux model box-flex, l'element doit être de type block, sinon, le flex n'est pas appliqué 	*/
	-webkit-box-flex: 0;
	-webkit-flex: 0 0 auto;
	-moz-flex: 0 0 auto;
	flex: 0 0 auto;
}
.conteneur-general > .conteneur-menu-principal > .menu > ul.menu-principal > li.selected
{
	background-color: #777777;
}
.conteneur-general > .conteneur-menu-principal > .menu > ul.menu-principal > li .icone
{
	border-radius: 50%;
	border: 1px solid #CDCDCD;
	margin: 0 auto;
	
	width: 60px;
	height: 60px;
	
	background-size: auto 38px;
	background-position: center center;
	background-repeat: no-repeat;
}
.conteneur-general > .conteneur-menu-principal > .menu > ul.menu-principal > li .libelle,
.conteneur-general > .conteneur-menu-principal > .menu > ul.menu-principal > li a
{
	color: #515151;
	text-decoration: none;
}
.conteneur-general > .conteneur-menu-principal > .menu > ul.menu-principal > li.editeurs .icone
{
	background-image: url('/images/entreprise.png');
}
.conteneur-general > .conteneur-menu-principal > .menu > ul.menu-principal > li.secteurs .icone
{
	background-image: url('/images/secteurs.png');
}
.conteneur-general > .conteneur-menu-principal > .menu > ul.menu-principal > li.titres .icone
{
	background-image: url('/images/supports.png');
}
.conteneur-general > .conteneur-menu-principal > .menu > ul.menu-principal > li.alertes .icone
{
	background-image: url('/images/reseau.png');
}
.conteneur-general > .conteneur-menu-principal > .menu > ul.menu-principal > li.reglages .icone
{
	background-image: url('/images/preferences.png');
}
.conteneur-general > .conteneur-menu-principal > .menu > ul.menu-principal > li.rapports .icone
{
	background-image: url('/images/rapports.png');
}
.conteneur-general > .conteneur-menu-principal > .menu > ul.menu-principal > li.selection .icone
{
	background-image: url('/images/pdf.png');
}
.conteneur-general > .conteneur-menu-principal > .menu > ul.menu-principal > li.mon-compte .icone
{
	background-image: url('/images/silhouette.png');
}
.conteneur-general > .conteneur-menu-principal > .menu > ul.menu-principal > li.deconnexion .icone
{
	background-image: url('/images/eteindre.png');
}
.conteneur-general > .conteneur-menu-principal > .menu > ul.menu-principal > li.parutions .icone
{
	background-image: url('/images/calendrier.png');
}
.conteneur-general > .conteneur-menu-principal > .menu > ul.menu-principal > li.power-user .icone
{
	background-image: url('/images/power-user.png');
}
.conteneur-general > .conteneur-menu-principal > .menu > ul.menu-principal > li.export .icone
{
	background-image: url('/images/excel.png');
}
@media only screen and (max-device-width: 720px)
{
	.conteneur-general > .conteneur-menu-principal
	{
		width: 100%;
	}
	.conteneur-general > .conteneur-menu-principal > .menu
	{
		width: 100%;
	}
	.conteneur-general > .conteneur-menu-principal > .menu > ul.menu-principal
	{
		padding: 15px 0 0;
		border-right: none;
		text-align: center;
	}
	.conteneur-general > .conteneur-menu-principal > .menu > ul.menu-principal > li:hover
	{
		background-color: transparent;
	}
	.conteneur-general > .conteneur-menu-principal > .menu > ul.menu-principal > li.selected .libelle,
	.conteneur-general > .conteneur-menu-principal > .menu > ul.menu-principal > li:hover .libelle,
	.conteneur-general > .conteneur-menu-principal > .menu > ul.menu-principal > li.selected a,
	.conteneur-general > .conteneur-menu-principal > .menu > ul.menu-principal > li:hover a
	{
		color: #515151;
	}
}






.conteneur-page-principale > .conteneur-titre-principal-navigation
{
	margin-top: 15px;
	border-top: 1px solid #CDCDCD;
	border-bottom: 1px solid #CDCDCD;
	padding: 0;
	display: -webkit-box;		/*	old webkit	*/
	display: -moz-box;			/*	old moz	*/
	display: -webkit-flex;
	display: flex;
	color: #00A1E1;
	font-size: 16px;
}
.conteneur-page-principale h1.titre-contenu
{
    color: #00A1E1;
    font-size: 26px;
    font-weight: normal;
    margin: 0;
    padding: 20px 0 10px;
    text-align: center;
}
.conteneur-page-principale > .conteneur-titre-principal-navigation > .conteneur-navigation-principal
{
	display: block;			/*	Pour le vieux model box-flex, l'element doit être de type block, sinon, le flex n'est pas appliqué 	*/
	-webkit-box-flex: 0;
	-webkit-flex: 0 0 auto;
	-moz-flex: 0 0 auto;
	flex: 0 0 auto;
}
.conteneur-page-principale > .conteneur-titre-principal-navigation > .conteneur-navigation-principal > *
{
	display: inline-block;
	vertical-align: top;
	cursor: pointer;
	padding: 5px 5px;
	background-repeat: no-repeat;
	background-size: auto 52px;
	width: 20px;
	height: 24px;
}
.conteneur-page-principale > .conteneur-titre-principal-navigation > .conteneur-navigation-principal > .precedent
{
	background-position: center 5px;
	background-image: url('/images/chevrons-navigation-gauche.png');
}
.conteneur-page-principale > .conteneur-titre-principal-navigation > .conteneur-navigation-principal > .suivant
{
	background-position: center 5px;
	background-image: url('/images/chevrons-navigation-droite.png');
}
.conteneur-page-principale > .conteneur-titre-principal-navigation > .conteneur-navigation-principal > .precedent.disabled
{
	background-position: center -24px;
}
.conteneur-page-principale > .conteneur-titre-principal-navigation > .conteneur-navigation-principal > .suivant.disabled
{
	background-position: center -24px;
}
.conteneur-page-principale > .conteneur-titre-principal-navigation > .conteneur-navigation-principal > *:not(.disabled):hover
{
	background-color: #EFEFEF;
}
.conteneur-page-principale > .conteneur-titre-principal-navigation > .titre-principal
{
	line-height: 24px;
	display: block;			/*	Pour le vieux model box-flex, l'element doit être de type block, sinon, le flex n'est pas appliqué 	*/
	-webkit-box-flex: 1;
	-webkit-flex: 1 1 auto;
	-moz-flex: 1 1 auto;
	flex: 1 1 auto;
	padding: 5px 5px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}
.conteneur-page-principale > .conteneur-titre-principal-navigation > .titre-principal.recherche
{
	padding: 0 0 0 5px;
}
.conteneur-page-principale > .conteneur-titre-principal-navigation > .titre-principal > form
{
	display: -webkit-box;		/*	old webkit	*/
	display: -moz-box;			/*	old moz	*/
	display: -webkit-flex;
	display: flex;
}
.conteneur-page-principale > .conteneur-titre-principal-navigation > .titre-principal > form > input[type="text"],
.conteneur-page-principale > .conteneur-titre-principal-navigation > .titre-principal > form > input[type="date"]
{
	display: block;		/*	Pour le vieux model box-flex, l'element doit être de type block, sinon, le flex n'est pas appliqué 	*/
	-webkit-box-flex: 1;
	-webkit-flex: 1 1 auto;
	-moz-flex: 1 1 auto;
	flex: 1 1 auto;
	
	width: 75%;
	max-width: 250px;
	padding: 7px 0 7px 5%;
	border: none;
	font-size: 16px;
}
@media only screen and (max-device-width: 720px)
{
	.conteneur-page-principale > .conteneur-titre-principal-navigation > .titre-principal > form > input[type="text"]:nth-child(2),
	.conteneur-page-principale > .conteneur-titre-principal-navigation > .titre-principal > form > input[type="date"]:nth-child(2)
	{
		display: none;
	}
}
.conteneur-page-principale > .conteneur-titre-principal-navigation > .titre-principal > form > input[type="text"]:not(:first-child),
.conteneur-page-principale > .conteneur-titre-principal-navigation > .titre-principal > form > input[type="date"]:not(:first-child)
{
	border-left: 1px solid #CDCDCD;
}
.conteneur-page-principale > .conteneur-titre-principal-navigation > .titre-principal > form > input[type="text"]:not(:focus),
.conteneur-page-principale > .conteneur-titre-principal-navigation > .titre-principal > form > input[type="date"]:not(:focus)
{
	cursor: pointer;
}
.conteneur-page-principale > .conteneur-titre-principal-navigation > .titre-principal > form > input[type="submit"]
{
	display: block;
	-webkit-box-flex: 0;
	-webkit-flex: 0 0 auto;
	-moz-flex: 0 0 auto;
	flex: 0 0 auto;
	
	padding: 6px 0 9px;
	border: none;
	cursor: pointer;
	width: 20%;
	max-width: 90px;
	background-image: url('/images/loupe-blanche.png');
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 20px 20px;
}
.conteneur-page-principale > .conteneur-titre-principal-navigation > .conteneur-mode-affichage
{
	display: block;
	-webkit-box-flex: 0;
	-webkit-flex: 0 0 auto;
	-moz-flex: 0 0 auto;
	flex: 0 0 auto;
	line-height: 24px;
	height: 24px;
	padding: 5px 0;
	width: 40px;
	text-align: center;
}
.conteneur-page-principale > .conteneur-titre-principal-navigation > .conteneur-mode-affichage.vide
{
	display: none;
}
.conteneur-page-principale > .conteneur-titre-principal-navigation > .conteneur-mode-affichage > .mode-affichage
{
	display: inline-block;
	vertical-align: top;
	width: 24px;
	height: 24px;
	text-align: center;
	outline: 1px solid #00A1E1;
	cursor: pointer;
}
.conteneur-page-principale > .conteneur-titre-principal-navigation > .conteneur-mode-affichage > .mode-affichage:not(.selected)
{
	display: none;
}
.conteneur-page-principale > .conteneur-titre-principal-navigation > .conteneur-mode-affichage > .mode-affichage[data-mode-affichage="liste"]
{
	line-height: 2px;
}
.conteneur-page-principale > .conteneur-titre-principal-navigation > .conteneur-mode-affichage > .mode-affichage[data-mode-affichage="mosaique"]
{
	line-height: 6px;
}
.conteneur-page-principale > .conteneur-titre-principal-navigation > .conteneur-mode-affichage > .mode-affichage[data-mode-affichage="liste"] > span
{
	display: block;
	background-color: #00A1E1;
	height: 2px;
	margin: 3px auto;
	width: 18px;
}
.conteneur-page-principale > .conteneur-titre-principal-navigation > .conteneur-mode-affichage > .mode-affichage[data-mode-affichage="liste"] > span:first-child
{
	margin-top: 4px;
}
.conteneur-page-principale > .conteneur-titre-principal-navigation > .conteneur-mode-affichage > .mode-affichage[data-mode-affichage="liste"] > span:last-child
{
	margin-bottom: 4px;
}
.conteneur-page-principale > .conteneur-titre-principal-navigation > .conteneur-mode-affichage > .mode-affichage[data-mode-affichage="mosaique"] > span
{
	display: inline-block;
	vertical-align: top;
	background-color: #00A1E1;
	height: 6px;
	width: 6px;
	margin: 3px 3px;
}
.conteneur-page-principale > .conteneur-titre-principal-navigation > .conteneur-filtrage
{
	display: block;
	-webkit-box-flex: 0;
	-webkit-flex: 0 0 auto;
	-moz-flex: 0 0 auto;
	flex: 0 0 auto;
	cursor: pointer;
	text-align: center;
	width: 89px;
	padding: 7px 0 5px;
	border-left: 1px solid #CDCDCD;
}


.conteneur-page-principale > ul.options-navigation
{
	padding: 10px 5% 0;
	margin: 0 auto;
	text-align: center;
	
	display: -webkit-box;		/*	old webkit	*/
	display: -moz-box;			/*	old moz	*/
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
}
.conteneur-page-principale > ul.options-navigation > li.lien
{
	cursor: pointer;
	color: #00A1E1;
	padding: 6px 20px 4px;
	border-right: 1px solid #CDCDCD;
}
.conteneur-page-principale > ul.options-navigation > li.lien.disabled
{
	color: #C0C0C0;
}
.conteneur-page-principale > ul.options-navigation > li.lien.selected
{
	background-color: #00A1E1;
	color: #FFFFFF;
}
.conteneur-page-principale > ul.options-navigation > li.lien:last-child
{
	border-right: none;
}
.conteneur-page-principale > ul.options-navigation > li.lien > .icone
{
	display: inline-block;
	vertical-align: top;
	width: 25px;
	height: 16px;
	background-position: left center;
	background-repeat: no-repeat;
	background-size: auto 16px;
}
.conteneur-page-principale > ul.options-navigation > li.lien > .material-icons
{
	display: inline-block;
	vertical-align: top;
	font-size: 18px;
	padding: 0 5px;
}
.conteneur-page-principale > ul.options-navigation > li.lien > .texte,
.conteneur-page-principale > ul.options-navigation > li.lien > a
{
	text-transform: lowercase;
	display: inline-block;
	vertical-align: top;
	height: 16px;
	color: inherit;
	text-decoration: none;
}
.conteneur-page-principale > ul.options-navigation > li.lien.cadenas-ouvert > .icone
{
	background-image: url("/images/cadenas-ouvert.png");
}
.conteneur-page-principale > ul.options-navigation > li.lien.supprimer > .icone
{
	background-image: url("/images/corbeille.png");
}
.conteneur-page-principale > ul.options-navigation > li.lien.mode-affichage.mosaique > .icone
{
	background-image: url("/images/mode-affichage-mosaique.png");
}
.conteneur-page-principale > ul.options-navigation > li.lien.mode-affichage.liste > .icone
{
	background-image: url("/images/mode-affichage-liste.png");
}
@media only screen and (max-device-width: 720px)
{
	.conteneur-page-principale > ul.options-navigation
	{
		padding: 0;
		-webkit-box-lines: multiple;
		box-lines: multiple;
		-webkit-justify-content: space-between;
		justify-content: space-between;
		-webkit-align-content: flex-start;
		align-content: flex-start;
	}
	.conteneur-page-principale > ul.options-navigation > li.lien
	{
		display: block;			/*	Pour le vieux model box-flex, l'element doit être de type block, sinon, le flex n'est pas appliqué 	*/
		-webkit-box-flex: 1;
		-webkit-flex: 1 1 auto;
		-moz-flex: 1 1 auto;
		flex: 1 1 auto;
		width: 40%;
		padding: 5px 0;
		border-bottom: 1px solid #CDCDCD;
	}
	.conteneur-page-principale > ul.options-navigation > li.lien:nth-child(even)
	{
		border-right: none;
	}
}



.conteneur-page-principale > .page-accueil-connecte
{
	text-align: center;
	color: #00A1E1;
	margin-top: 20px;
	font-size: 20px;
}




.conteneur-page-principale ul.conteneur-liens-actions-element
{
	margin: 0 auto;
	padding: 0;
	text-align: center;
	width: 50%;
	max-width: 800px;
	
	display: -webkit-box; display: -moz-box; display: -webkit-flex; display: flex;
	
	-webkit-box-lines: multiple;
	box-lines: multiple;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-align-content: flex-start;
	align-content: flex-start;
}
.conteneur-page-principale ul.conteneur-liens-actions-element > li
{
	cursor: pointer;
	text-align: center;
	
	padding: 0;
	margin: 8px 5px;
	width: 70px;
	
	display: inline-block;
	vertical-align: top;
	/*display: block;		Suppression pour la vieille version de safari de merde !!		/*	Pour le vieux model box-flex, l'element doit être de type block, sinon, le flex n'est pas appliqué 	*/
	-webkit-box-flex: 0;
	-webkit-flex: 0 0 auto;
	-moz-flex: 0 0 auto;
	flex: 0 0 auto;
}
.conteneur-page-principale ul.conteneur-liens-actions-element > li.disabled
{
	cursor: not-allowed;
}
.conteneur-page-principale ul.conteneur-liens-actions-element > li .icone
{
	border-radius: 50%;
	border: 1px solid #CDCDCD;
	
	background-repeat: no-repeat;
	background-position: center center;
	background-size: auto 30px;
	
	width: 50px;
	height: 50px;
	margin: 0 auto;
}
.conteneur-page-principale ul.conteneur-liens-actions-element > li.selected .icone
{
	background-color: #00A1E1;
	border-color: transparent;
}
.conteneur-page-principale ul.conteneur-liens-actions-element > li > a,
.conteneur-page-principale ul.conteneur-liens-actions-element > li > a > img,
.conteneur-page-principale ul.conteneur-liens-actions-element > li > img,
.conteneur-page-principale ul.conteneur-liens-actions-element > li > .texte
{
	display: block;
	padding: 0;
	text-decoration: none;
	color: #3A3A3A;
	text-transform: lowercase;
}
.conteneur-page-principale ul.conteneur-liens-actions-element > li > .texte,
.conteneur-page-principale ul.conteneur-liens-actions-element > li > a > .texte
{
	padding: 10px 0;
}
.conteneur-page-principale ul.conteneur-liens-actions-element > li.disabled .texte
{
	color: #BCBCBC;
}
.conteneur-page-principale ul.conteneur-liens-actions-element > li.selected .texte
{
	color: #00A1E1;
}
.conteneur-page-principale ul.conteneur-liens-actions-element > li.infos .icone
{
	background-image: url('/images/info.png');
}
.conteneur-page-principale ul.conteneur-liens-actions-element > li.numeros .icone
{
	background-image: url('/images/numeros-parus.png');
}
.conteneur-page-principale ul.conteneur-liens-actions-element > li.ours .icone
{
	background-image: url('/images/pdf.png');
}
.conteneur-page-principale ul.conteneur-liens-actions-element > li.abonnement .icone
{
	background-image: url('/images/abonnement.png');
}
.conteneur-page-principale ul.conteneur-liens-actions-element > li.alerte .icone
{
	background-image: url('/images/reseau.png');
}
.conteneur-page-principale ul.conteneur-liens-actions-element > li.liste .icone
{
	background-image: url('/images/etoile-bleue.png');
}
.conteneur-page-principale ul.conteneur-liens-actions-element > li.supports .icone
{
	background-image: url('/images/supports.png');
}
.conteneur-page-principale ul.conteneur-liens-actions-element > li.contacts .icone
{
	background-image: url('/images/contacts.png');
}
.conteneur-page-principale ul.conteneur-liens-actions-element > li.suivi .icone
{
	background-image: url('/images/suivi.png');
}
.conteneur-page-principale ul.conteneur-liens-actions-element > li.plan .icone
{
	background-image: url('/images/plan.png');
}
.conteneur-page-principale ul.conteneur-liens-actions-element > li.scorer .icone
{
	background-image: url('/images/etoile-bleue.png');
}
.conteneur-page-principale ul.conteneur-liens-actions-element > li.modifier .icone
{
	background-image: url('/images/cadenas-ouvert.png');
}
.conteneur-page-principale ul.conteneur-liens-actions-element > li.couverture-grand .icone
{
	background-image: url('/images/images-grand.png');
}
.conteneur-page-principale ul.conteneur-liens-actions-element > li.cadenas-ouvert .icone
{
	background-image: url('/images/cadenas-ouvert.png');
}
.conteneur-page-principale ul.conteneur-liens-actions-element > li.supprimer .icone
{
	background-image: url('/images/corbeille.png');
}
@media only screen and (max-device-width: 720px)
{
	.conteneur-page-principale ul.conteneur-liens-actions-element
	{
		width: auto;
	}
	.conteneur-page-principale ul.conteneur-liens-actions-element > li:hover
	{
		background-color: transparent;
	}
}












table
{
	width: 100%;
	table-layout: fixed;
	border-collapse: collapse;
	border-spacing: 0;
}
table thead tr th, table tbody tr td, table tfoot tr th
{
	padding: 0;
	margin: 0;
}





.conteneur-page-principale > .titre-avant-navigation
{
	padding-top: 15px;
	padding-left: 4%;
	font-size: 28px;
	background-position: 95% bottom;
	background-repeat: no-repeat;
	background-size: 36px 36px;
}
.conteneur-page-principale > .titre-avant-navigation.support
{
	background-image: url('/images/info.png');
}
.conteneur-page-principale > .titre-avant-navigation.supports
{
	background-image: url('/images/supports.png');
}
.conteneur-page-principale > .titre-avant-navigation.editeur
{
	background-image: url('/images/entreprise.png');
}
.conteneur-page-principale > .titre-avant-navigation.parutions
{
	background-image: url('/images/calendrier.png');
}
.conteneur-page-principale > .titre-avant-navigation.secteurs-presse
{
	background-image: url('/images/secteurs.png');
}
.conteneur-page-principale > .titre-avant-navigation.alertes
{
	background-image: url('/images/reseau.png');
}
.conteneur-page-principale > .titre-avant-navigation.mon-compte
{
	background-image: url('/images/silhouette.png');
}




.conteneur-page-principale .conteneur-illustration-pre-resultats
{
	padding: 20px 0;
	text-align: center;
}
.conteneur-page-principale .conteneur-illustration-pre-resultats img
{
	height: 36px;
}
.conteneur-page-principale .conteneur-illustration-pre-resultats img:not(:first-child)
{
	margin-left: 15px;
}
.conteneur-page-principale .conteneur-illustration-pre-resultats .texte
{
	color: #00A1E1;
}


.conteneur-page-principale > .conteneur-sous-titre
{
	display: block;
	font-weight: bold;
	margin-top: 15px;
	padding-left: 4%;
}
.conteneur-page-principale > .conteneur-sous-titre.petit
{
	max-width: 800px;
	margin: 15px auto 0;
	padding-left: 0;
}



.conteneur-page-principale > ul.editeurs
{
	margin: 15px 0 0;
	padding: 0;
}
.conteneur-page-principale > ul.editeurs > li
{
	margin: 0;
	padding: 0;
	border-bottom: 1px solid #CDCDCD;
}
.conteneur-page-principale > ul.editeurs > li > .libelle
{
	padding: 10px 1% 10px 4%;
	color: #252525;
	cursor: pointer;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}






.conteneur-page-principale > ul.conteneur-supports-presse
{
	margin: 5px 0 0;
	padding: 0;
	overflow: auto;
}
.conteneur-page-principale > ul.conteneur-supports-presse > li
{
	margin: 0;
	border-bottom: 1px solid #CDCDCD;
	cursor: pointer;
}
.conteneur-page-principale > ul.conteneur-supports-presse.liste > li
{
	display: -webkit-box;		/*	old webkit	*/
	display: -moz-box;			/*	old moz	*/
	display: -webkit-flex;
	display: flex;
	padding: 15px 2% 15px 4%;
}
.conteneur-page-principale > ul.conteneur-supports-presse.mosaique > li
{
	padding: 40px 0;
}
.conteneur-page-principale > ul.conteneur-supports-presse.mosaique > li.titre
{
	padding: 15px 0 15px 4%;
}
.conteneur-page-principale > ul.conteneur-supports-presse > li.titre
{
	background-color: #EFEFEF;
	margin-top: 40px;
	font-weight: bold;
}
.conteneur-page-principale > ul.conteneur-supports-presse > li:hover
{
	background-color: #EFEFEF;
}
.conteneur-page-principale > ul.conteneur-supports-presse > li.selected
{
	background-color: #EFEFEF;
	font-weight: bold;
}
.conteneur-page-principale > ul.conteneur-supports-presse.liste > li > .selection-element,
.conteneur-page-principale > ul.conteneur-supports-presse.liste > li > .icone-alerte
{
	display: block;		/*	Pour le vieux model box-flex, l'element doit être de type block, sinon, le flex n'est pas appliqué 	*/
	-webkit-box-flex: 0;
	-webkit-flex: 0 0 auto;
	-moz-flex: 0 0 auto;
	flex: 0 0 auto;
	margin-top: 4px;
	width: 30px;
}
.conteneur-page-principale > ul.conteneur-supports-presse.mosaique > li > .conteneur-derniere-couverture
{
	text-align: center;
}
.conteneur-page-principale > ul.conteneur-supports-presse.mosaique > li > .conteneur-derniere-couverture > img
{
	vertical-align: top;
}
.conteneur-page-principale > ul.conteneur-supports-presse > li > .icone-alerte.active
{
	background-image: url('/images/icone-reseau.png');
	background-position: center center;
	background-size: 24px auto;
	background-repeat: no-repeat;
}
.conteneur-page-principale > ul.conteneur-supports-presse > li > .conteneur
{
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}
.conteneur-page-principale > ul.conteneur-supports-presse.liste > li > .conteneur
{
	display: block;		/*	Pour le vieux model box-flex, l'element doit être de type block, sinon, le flex n'est pas appliqué 	*/
	-webkit-box-flex: 1;
	-webkit-flex: 1 1 auto;
	-moz-flex: 1 1 auto;
	flex: 1 1 auto;
	margin-left: 10px;
	padding-top: 4px;
}
.conteneur-page-principale > ul.conteneur-supports-presse > li > .conteneur > *
{
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	padding: 5px 0;
}
.conteneur-page-principale > ul.conteneur-supports-presse.mosaique > li > .conteneur > *
{
	text-align: center;
	padding: 3px 0;
}
.conteneur-page-principale > ul.conteneur-supports-presse > li > .conteneur > .nom-support
{
	color: #00A1E1;
	font-weight: bold;
}
.conteneur-page-principale > ul.conteneur-supports-presse > li > .conteneur > .identifiant
{
	color: #808080;
}
.conteneur-page-principale > ul.conteneur-supports-presse > li > .conteneur > .identifiant::before
{
	content: "ID : ";
}
.conteneur-page-principale > ul.conteneur-supports-presse > li > .conteneur > .editeur
{
	color: #808080;
}
.conteneur-page-principale > ul.conteneur-supports-presse > li > .conteneur > .dernier-numero > span
{
	display: inline-block;
	margin-right: 5px;
	color: #808080;
}





.conteneur-page-principale > .conteneur-dernier-numero-support
{
	padding-top: 20px;
	text-align: center;
	margin: 0 auto;
	max-width: 700px;
}
.conteneur-page-principale > .conteneur-dernier-numero-support > div
{
	padding-top: 5px;
	color: #00A1E1;
}
.conteneur-page-principale > .conteneur-infos-support
{
	padding: 30px 0 20px;
	margin: 0 auto;
	max-width: 700px;
}
.conteneur-page-principale > .conteneur-infos-support > *
{
	display: block;
	padding: 5px 0 5px 4%;
}
.conteneur-page-principale > .conteneur-infos-support > * > .titre
{
	display: inline-block;
	vertical-align: top;
	color: #808080;
	width: 35%;
	max-width: 200px;
}
.conteneur-page-principale > .conteneur-infos-support > * > .valeur
{
	display: inline-block;
	vertical-align: top;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	width: 65%;
}






.conteneur-page-principale > ul.numeros-support-mosaique
{
	margin: 0 auto;
	padding: 20px 0 0;
}
.conteneur-page-principale > ul.numeros-support-mosaique.liste
{
	max-width: 800px;
}
.conteneur-page-principale > ul.numeros-support-mosaique.mosaique > li
{
	display: inline-block;
	vertical-align: top;
	margin: 0 10px;
	padding: 15px 1%;
	width: 300px;
	cursor: pointer;
}
.conteneur-page-principale > ul.numeros-support-mosaique.liste > li
{
	display: block;
	margin: 0;
	padding: 15px 1%;
	cursor: pointer;
	border-bottom: 1px solid #CDCDCD;
}
.conteneur-page-principale > ul.numeros-support-mosaique > li:last-child
{
	border-bottom: none;
}
.conteneur-page-principale > ul.numeros-support-mosaique > li:hover
{
	background-color: #EFEFEF;
}
.conteneur-page-principale > ul.numeros-support-mosaique > li .conteneur-couverture
{
	display: block;
	min-height: 100px;
	min-width: 280px;
	text-align: center;
}
.conteneur-page-principale > ul.numeros-support-mosaique.mosaique > li .numero,
.conteneur-page-principale > ul.numeros-support-mosaique.mosaique > li .date-facial,
.conteneur-page-principale > ul.numeros-support-mosaique.mosaique > li .date-parution,
.conteneur-page-principale > ul.numeros-support-mosaique.mosaique > li .pagination-totale,
.conteneur-page-principale > ul.numeros-support-mosaique.mosaique > li .prix
{
	display: block;
	text-align: center;
}
.conteneur-page-principale > ul.numeros-support-mosaique.liste > li .numero,
.conteneur-page-principale > ul.numeros-support-mosaique.liste > li .date-facial,
.conteneur-page-principale > ul.numeros-support-mosaique.liste > li .date-parution,
.conteneur-page-principale > ul.numeros-support-mosaique.liste > li .pagination-totale,
.conteneur-page-principale > ul.numeros-support-mosaique.liste > li .prix
{
	display: inline-block;
	vertical-align: top;
}
.conteneur-page-principale > ul.numeros-support-mosaique > li .prix span
{
	display: inline-block;
	margin-left: 15px;
	width: 10px;
	height: 10px;
	background-color: #CDCDCD;
	border-radius: 50%;
}
.conteneur-page-principale > ul.numeros-support-mosaique > li .prix span.baisse
{
	border-top: 10px solid #00FF44;
	border-right: 5px solid transparent;
	border-left: 5px solid transparent;
	
	background-color: transparent;
	border-radius: 0;
	width: 0;
	height: 0;
}
.conteneur-page-principale > ul.numeros-support-mosaique > li .prix span.hausse
{
	border-right: 5px solid transparent;
	border-bottom: 10px solid #FF0044;
	border-left: 5px solid transparent;
	
	background-color: transparent;
	border-radius: 0;
	width: 0;
	height: 0;
}
.conteneur-page-principale > ul.numeros-support-mosaique.mosaique > li .numero
{
	color: #00A1E1;
	margin-top: 5px;
	font-weight: bold;
	font-size: 18px;
}
.conteneur-page-principale > ul.numeros-support-mosaique.mosaique > li .date-facial
{
	font-weight: bold;
}
.conteneur-page-principale > ul.numeros-support-mosaique.liste > li .numero
{
	width: 20%;
	color: #00A1E1;
}
.conteneur-page-principale > ul.numeros-support-mosaique.liste > li .date-facial
{
	width: 25%;
}
.conteneur-page-principale > ul.numeros-support-mosaique.liste > li .date-parution
{
	width: 25%;
}
.conteneur-page-principale > ul.numeros-support-mosaique.liste > li .pagination-totale
{
	width: 15%;
}
.conteneur-page-principale > ul.numeros-support-mosaique.liste > li .prix
{
	width: 15%;
}
@media only screen and (max-device-width: 720px)
{
	.conteneur-page-principale > ul.numeros-support-mosaique.mosaique > li
	{
		display: block;
		width: 92%;
		margin: 0;
		padding: 20px 4% 20px 4%;
		border-bottom: 1px solid #CDCDCD;
	}
	.conteneur-page-principale > ul.numeros-support-mosaique.liste > li > .numero
	{
		width: 26%;
		font-size: 14px;
		margin-top: 0;
		padding-left: 4%;
	}
	.conteneur-page-principale > ul.numeros-support-mosaique.liste > li > .date-facial
	{
		width: 30%;
		font-weight: normal;
	}
	.conteneur-page-principale > ul.numeros-support-mosaique.liste > li > .date-parution
	{
		width: 40%;
	}
	.conteneur-page-principale > ul.numeros-support-mosaique.liste > li > .pagination-totale
	{
		width: 30%;
		margin-left: 30%;
	}
	.conteneur-page-principale > ul.numeros-support-mosaique.liste > li > .prix
	{
		width: 40%;
	}
}



.conteneur-page-principale > .conteneur-couverture-numero
{
	padding: 20px 0 20px;
	text-align: center;
}
.conteneur-page-principale > .conteneur-couverture-numero > .numero
{
	padding: 5px 0 0;
	font-size: 18px;
	font-weight: bold;
	color: #00A1E1;
}




.conteneur-page-principale > .conteneur-informations-numero
{
	padding: 30px 0 20px;
}
.conteneur-page-principale > .conteneur-informations-numero > *
{
	display: block;
	padding: 5px 0 5px 4%;
}
.conteneur-page-principale > .conteneur-informations-numero > * > .titre
{
	display: inline-block;
	vertical-align: top;
	color: #808080;
	width: 40%;
	max-width: 200px;
}
.conteneur-page-principale > .conteneur-informations-numero > * > .valeur
{
	display: inline-block;
	vertical-align: top;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	width: 60%;
}




.conteneur-page-principale > .conteneur-informations-numero > ul.blisters-plus-produits-offres-abonnements
{
	margin: 0;
	padding: 0;
}
.conteneur-page-principale > .conteneur-informations-numero > ul.blisters-plus-produits-offres-abonnements > li
{
	display: inline-block;
	vertical-align: top;
	margin: 0 10px;
	padding: 15px 1%;
	width: 300px;
	cursor: pointer;
	text-align: center;
}
@media only screen and (max-device-width: 720px)
{
	.conteneur-page-principale > .conteneur-informations-numero > ul.blisters-plus-produits-offres-abonnements > li
	{
		display: block;
		width: 92%;
		margin: 0;
		padding: 20px 4% 20px 4%;
		border-bottom: 1px solid #CDCDCD;
	}
}





.conteneur-page-principale > ul.secteurs-presse
{
	margin: 0;
	padding: 20px 0 0;
}
.conteneur-page-principale > ul.secteurs-presse > li
{
	margin: 0;
	padding: 0;
}
.conteneur-page-principale > ul.secteurs-presse > li > .libelle
{
	padding: 7px 0 5px 4%;
}
.conteneur-page-principale > ul.secteurs-presse > li.niveau-1 > .libelle
{
	background-color: #EFEFEF;
	font-weight: bold;
}
.conteneur-page-principale > ul.secteurs-presse > li.niveau-2 > .libelle
{
	padding-left: 8%;
}
.conteneur-page-principale > ul.secteurs-presse > li.niveau-3 > .libelle
{
	padding-left: 12%;
	color: #00A1E1;
	cursor: pointer;
}





.conteneur-page-principale > .conteneur-modification-etat-alerte
{
	margin: 0 auto;
	max-width: 400px;
	padding: 30px 0;
	text-align: center;
}
.conteneur-page-principale > .conteneur-modification-etat-alerte > div
{
	text-align: right;
	padding: 10px 0;
}
.conteneur-page-principale > .conteneur-modification-etat-alerte > div > span
{
	text-align: left;
}
.conteneur-page-principale > .conteneur-modification-etat-alerte > div > button
{
	margin-left: 15%;
	width: 120px;
	padding-left: 0;
	padding-right: 0;
}
.conteneur-page-principale > .conteneur-modification-etat-alerte > .lien
{
	display: block;
	width: 180px;
	margin: 10px auto 0;
	text-align: center;
	padding: 10px 0;
	color: #00A1E1;
	text-decoration: underline;
	cursor: pointer;
}
.conteneur-page-principale > ul.alertes-envoyees-utilisateur
{
	max-width: 600px;
	margin: 0 auto;
	padding: 0;
	border-top: 1px solid #CDCDCD;
	border-left: 1px solid #CDCDCD;
	border-right: 1px solid #CDCDCD;
}
.conteneur-page-principale > ul.alertes-envoyees-utilisateur > li
{
	border-bottom: 1px solid #CDCDCD;
	padding: 10px 4%;
}
@media only screen and (max-device-width: 720px)
{
	.conteneur-page-principale > ul.alertes-envoyees-utilisateur
	{
		border-left: none;
		border-right: none;
	}
}




.conteneur-page-principale > ul.conteneur-historique-alertes
{
	margin: 0;
	padding: 0;
	
	display: -webkit-box; display: -moz-box; display: -webkit-flex; display: flex;
	
	-webkit-box-lines: multiple;
	box-lines: multiple;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-justify-content: space-around;
	justify-content: space-around;
	-webkit-align-content: flex-start;
	align-content: flex-start;
	-webkit-align-items: center;
	align-items: center;
}
.conteneur-page-principale > ul.conteneur-historique-alertes > li
{
	display: inline-block;	/*	Pour le vieux box-model	*/
	-webkit-box-flex: 1;
	-webkit-flex: 1 1 auto;
	-moz-flex: 1 1 auto;
	flex: 1 1 auto;
	text-align: center;
	border-right: 1px solid #CDCDCD;
	border-bottom: 1px solid #CDCDCD;
	width: 100px;
	padding: 10px 0;
	margin: 0;
	cursor: pointer;
}
.conteneur-page-principale > ul.conteneur-historique-alertes > li.week-end
{
	background-color: #EFEFEF;
	color: #515151;
}
.conteneur-page-principale > ul.conteneur-historique-alertes > li.aujourdhui
{
	background-color: #CDCDCD;
}
.conteneur-page-principale > ul.conteneur-historique-alertes > li.selectionne
{
	background-color: #00A1E1;
	color: #FFFFFF;
}
.conteneur-page-principale > ul.conteneur-historique-alertes > li.futur
{
	color: #515151;
}

.conteneur-page-principale > .conteneur-alerte > h2
{
	background-color: #EFEFEF;
	font-weight: bold;
	margin: 40px 0 0;
	padding: 18px 0 15px 4%;
	border-top: 1px solid #CDCDCD;
	position: relative;
	cursor: pointer;
}
.conteneur-page-principale > .conteneur-alerte > h2:after
{
	content: "";
	position: absolute;
	right: 20px;
	border-top: 10px solid #00A1E1;
	border-right: 5px solid transparent;
	border-bottom: 5px solid transparent;
	border-left: 5px solid transparent;
}
.conteneur-page-principale > .conteneur-alerte > h2.contenu-masque:after
{
	right: 15px;
	border-top: 5px solid transparent;
	border-right: 5px solid transparent;
	border-bottom: 5px solid transparent;
	border-left: 10px solid #00A1E1;
}
.conteneur-page-principale > .conteneur-alerte > ul
{
	margin: 0 auto;
	padding: 0;
	max-width: 600px;
}
.conteneur-page-principale > .conteneur-alerte > ul > li
{
	margin: 0;
	padding: 30px 0;
	border-bottom: 1px solid #CDCDCD;
}
.conteneur-page-principale > .conteneur-alerte > ul > li:last-child
{
	border-bottom: none;
}
.conteneur-page-principale > .conteneur-alerte > ul.liste > li
{
	padding: 10px 0;
}
.conteneur-page-principale > .conteneur-alerte > ul > li > .conteneur-couverture
{
	display: block;
	padding: 0 4%;
	text-align: center;
}
.conteneur-page-principale > .conteneur-alerte > ul.liste > li > .conteneur-couverture
{
	display: none;
}
.conteneur-page-principale > .conteneur-alerte > ul > li > .conteneur-couverture img
{
	vertical-align: top;
}
.conteneur-page-principale > .conteneur-alerte > ul > li > .nom-support
{
	display: block;
	color: #00A1E1;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	padding: 7px 0 5px;
	font-weight: bold;
	text-align: center;
	font-size: 16px;
}
.conteneur-page-principale > .conteneur-alerte > ul.liste > li > .nom-support
{
	font-weight: normal;
	text-align: left;
	padding: 5px 0 5px 4%;
}
.conteneur-page-principale > .conteneur-alerte > ul > li > .conteneur-infos
{
	display: block;
	padding: 0 4%;
	text-align: center;
}
.conteneur-page-principale > .conteneur-alerte > ul.liste > li > .conteneur-infos
{
	text-align: left;
}
.conteneur-page-principale > .conteneur-alerte > ul > li > .conteneur-infos > *
{
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	text-align: center;
}
.conteneur-page-principale > .conteneur-alerte > ul.liste > li > .conteneur-infos > *
{
	display: inline-block;
	vertical-align: top;
	text-align: left;
	width: 33.33%;
}



.conteneur-page-principale > .conteneur-logo-editeur
{
	text-align: center;
	margin: 0 auto;
	max-width: 700px;
	padding: 15px 0 10px;
	height: 60px;
}
.conteneur-page-principale > .conteneur-logo-editeur img
{
	vertical-align: top;
	max-width: 100%;
	max-height: 100%;
}
.conteneur-page-principale > .conteneur-adresse-editeur
{
	text-align: center;
	margin: 0 auto;
	max-width: 700px;
}
.conteneur-page-principale > .conteneur-adresse-editeur > div.cp-ville-pays > *
{
	display: inline-block;
	vertical-align: top;
	padding-left: 5px;
}
.conteneur-page-principale > .conteneur-adresse-editeur > div.cp-ville-pays > *:first-child
{
	padding-left: 0;
}
.conteneur-page-principale > .conteneur-informations-editeur
{
	margin: 0 auto;
	max-width: 700px;
	padding: 15px 0 30px;
}
.conteneur-page-principale > .conteneur-informations-editeur > div
{
	border-bottom: 1px solid #CDCDCD;
	padding: 8px 0 8px 4%;
}
.conteneur-page-principale > .conteneur-informations-editeur > div:first-child
{
	border-top: 1px solid #CDCDCD;
}
.conteneur-page-principale > .conteneur-informations-editeur > div:nth-child(odd)
{
	background-color: #EFEFEF;
}
.conteneur-page-principale > .conteneur-informations-editeur > div > .titre
{
	display: inline-block;
	vertical-align: top;
	color: #808080;
	width: 30%;
}
.conteneur-page-principale > .conteneur-informations-editeur > div > .valeur
{
	display: inline-block;
	vertical-align: top;
	width: 70%;
}
@media only screen and (max-device-width: 720px)
{
	.conteneur-page-principale > .conteneur-informations-editeur > div > .titre
	{
		width: 40%;
	}
	.conteneur-page-principale > .conteneur-informations-editeur > div > .valeur
	{
		width: 60%;
	}
}



.conteneur-page-principale > ul.offres-abonnements-par-numeros
{
	margin: 0;
	padding: 0;
}
.conteneur-page-principale > ul.offres-abonnements-par-numeros > li
{
	margin: 0;
	padding: 20px 0;
	text-align: center;
	border-bottom: 1px solid #CDCDCD;
}
.conteneur-page-principale > ul.offres-abonnements-par-numeros > li > * > .numero
{
	font-weight: bold;
	font-size: 16px;
	color: #00A1E1;
}
.conteneur-page-principale > ul.offres-abonnements-par-numeros > li > ul
{
	margin: 0;
	padding: 0;
}
.conteneur-page-principale > ul.offres-abonnements-par-numeros > li > ul > li
{
	margin: 0;
	padding: 10px 5%;
	display: inline-block;
	vertical-align: top;
}
.conteneur-page-principale > ul.offres-abonnements-par-numeros > li > ul > li > a
{
	display: block;
}
.conteneur-page-principale > ul.offres-abonnements-par-numeros > li > ul > li > a > img
{
	vertical-align: top;
	max-width: 100%;
	max-height: 100%;
}
@media only screen and (max-device-width: 720px)
{
	.conteneur-page-principale > ul.offres-abonnements-par-numeros > li > ul > li
	{
		display: block;
		padding: 10px 0;
	}
}




.conteneur-page-principale .autre-contenu-accessible
{
	margin-top: 40px;
	padding-bottom: 20px; 
	padding-top: 15px;
	padding-left: 5%;
	background-color: #EFEFEF;
	min-height: 300px;
}
.conteneur-page-principale .autre-contenu-accessible .titre-principal-autre-contenu
{
	margin-top: 25px;
	font-size: 18px;
	font-weight: bold;
}
.conteneur-page-principale .autre-contenu-accessible .conteneur-liens > *
{
	display: block;
	color: #00A1E1;
	margin-left: 10%;
	margin-top: 15px;
	cursor: pointer;
	font-size: 16px;
}
.conteneur-page-principale .autre-contenu-accessible .conteneur-liens > *:hover
{
	text-decoration: underline;
}
	

.conteneur-page-principale .conteneur-informations-utilisateur > .information
{
	color: #808080;
	text-align: center;
	padding: 15px 0;
	background-color: #EFEFEF;
}
.conteneur-page-principale .conteneur-informations-utilisateur > .conteneur-photo
{
	display: block;
	margin: 15px auto 0;
	height: 60px;
	overflow: hidden;
	width: 60px;
	border-radius: 50%;
	text-align: center;
	border: 1px solid #808080;
}
.conteneur-page-principale .conteneur-informations-utilisateur > .nom-prenom
{
	text-align: center;
	margin-top: 5px;
	color: #00A1E1;
}
.conteneur-page-principale .conteneur-informations-utilisateur > .fonction
{
	text-align: center;
	margin-top: 5px;
}
.conteneur-page-principale .conteneur-informations-utilisateur > .email
{
	text-align: center;
	margin-top: 5px;
}
.conteneur-page-principale .conteneur-informations-utilisateur > .telephones
{
	margin-top: 5px;
}
.conteneur-page-principale .conteneur-informations-utilisateur > .telephones > *
{
	text-align: center;
}
.conteneur-page-principale .conteneur-informations-utilisateur > .telephones > * > .titre
{
	display: inline-block;
	margin-right: 5px;
	color: #808080;
}
.conteneur-page-principale .conteneur-informations-entreprise-abonnement
{
	margin-top: 50px;
	text-align: center;
}
.conteneur-page-principale .conteneur-informations-entreprise-abonnement > .titre
{
	display: block;
	color: #808080;
	background-color: #EFEFEF;
	border-top: 1px solid #CDCDCD;
	padding: 15px 0;
}
.conteneur-page-principale .conteneur-informations-entreprise-abonnement > .titre:not(:first-child)
{
	margin-top: 50px;
}
.conteneur-page-principale .conteneur-informations-entreprise-abonnement > .entreprise
{
	color: #00A1E1;
	padding-top: 10px;
}
.conteneur-page-principale .conteneur-informations-entreprise-abonnement > .abonnement
{
	color: #00A1E1;
	padding-top: 10px;
}


.conteneur-page-principale ul.conteneur-liste-simple
{
	margin: 0 auto;
	padding: 30px 0;
	max-width: 800px;
}
.conteneur-page-principale ul.conteneur-liste-simple > li
{
	margin: 0;
	padding: 0;
	
	display: -webkit-box;		/*	old webkit	*/
	display: -moz-box;			/*	old moz	*/
	display: -webkit-flex;
	display: flex;
	
	border-bottom: 1px solid #CDCDCD;
	border-left: 1px solid #CDCDCD;
	border-right: 1px solid #CDCDCD;
	cursor: pointer;
}
.conteneur-page-principale ul.conteneur-liste-simple.selection > li:first-child
{
	border-top: 1px solid #CDCDCD;
}
.conteneur-page-principale ul.conteneur-liste-simple > li.speciale,
.conteneur-page-principale ul.conteneur-liste-simple > li.filtrage
{
	border-bottom: none;
}
.conteneur-page-principale ul.conteneur-liste-simple > li.speciale,
.conteneur-page-principale ul.conteneur-liste-simple > li.nouvel-item,
.conteneur-page-principale ul.conteneur-liste-simple > li.filtrage
{
	border-left: none;
	border-right: none;
}
.conteneur-page-principale ul.conteneur-liste-simple > li.spaciale
{
	margin-top: 20px;
}
.conteneur-page-principale ul.conteneur-liste-simple > li.nouvel-item
{
	display: -webkit-box;		/*	old webkit	*/
	display: -moz-box;			/*	old moz	*/
	display: -webkit-flex;
	display: flex;
	
	border-left: none;
	border-right: none;
	padding: 5px 2%;
	margin: 0;
	
	text-align: center;
	-webkit-align-items: center;
	align-items: center;
	-webkit-justify-content: center;
	justify-content: center;
}
.conteneur-page-principale ul.conteneur-liste-simple > li.nouvel-item > *
{
	display: inline-block;
	vertical-align: top;
}
.conteneur-page-principale ul.conteneur-liste-simple > li.nouvel-item > .pastille-plus
{
	position: static;
	height: 28px;
	width: 30px;
	line-height: 28px;
	background-color: #00A1E1;
    border-radius: 50%;
    bottom: 20px;
    color: #ffffff;
    cursor: pointer;
    font-size: 32px;
	padding-top: 2px;
	text-align: center;
}
.conteneur-page-principale ul.conteneur-liste-simple > li.nouvel-item > .texte
{
	padding-left: 15px;
	cursor: pointer;
	text-align: left;
}
.conteneur-page-principale ul.conteneur-liste-simple > li.filtrage > form
{
	display: block;
	width: 100%;
	text-align: center;
}
.conteneur-page-principale ul.conteneur-liste-simple > li.filtrage > form > ul
{
	margin: 0;
	padding: 0;
	display: inline-block;
	vertical-align: top;
	border-left: 1px solid #CDCDCD;
}
.conteneur-page-principale ul.conteneur-liste-simple > li.filtrage > form > ul:first-child
{
	border-left: none;
}
.conteneur-page-principale ul.conteneur-liste-simple > li.filtrage > form > ul > li
{
	display: inline-block;
	vertical-align: top;
	cursor: pointer;
	padding: 6px 10px 5px;
}
.conteneur-page-principale ul.conteneur-liste-simple > li.filtrage > form > ul > li.selected
{
	color: #00A1E1;
}
.conteneur-page-principale ul.conteneur-liste-simple > li.filtrage > form > input[type="submit"]
{
	display: inline-block;
	vertical-align: top;
}
.conteneur-page-principale ul.conteneur-liste-simple > li > .nom-liste,
.conteneur-page-principale ul.conteneur-liste-simple > li > .nbr-items,
.conteneur-page-principale ul.conteneur-liste-simple > li > .libelle
{
	padding: 10px 0 10px 0;
}
.conteneur-page-principale ul.conteneur-liste-simple > li > .libelle
{
	font-weight: bold;
	padding-left: 4%;
	width: 96%;
}
.conteneur-page-principale ul.conteneur-liste-simple > li > .selection
{
	width: 60px;
	display: block;		/*	Pour le vieux model box-flex, l'element doit être de type block, sinon, le flex n'est pas appliqué 	*/
	-webkit-box-flex: 0;
	-webkit-flex: 0 0 auto;
	-moz-flex: 0 0 auto;
	flex: 0 0 auto;
	border-right: 1px solid #CDCDCD;
	background-position: center center;
	background-size: 26px 26px;
	background-repeat: no-repeat;
}
.conteneur-page-principale ul.conteneur-liste-simple > li.selected > .selection
{
	background-image: url('/images/coche.png');
}
.conteneur-page-principale ul.conteneur-liste-simple > li > .nom-liste
{
	display: block;		/*	Pour le vieux model box-flex, l'element doit être de type block, sinon, le flex n'est pas appliqué 	*/
	-webkit-box-flex: 1;
	-webkit-flex: 1 1 auto;
	-moz-flex: 1 1 auto;
	flex: 1 1 auto;
	padding-left: 4%;
}
.conteneur-page-principale ul.conteneur-liste-simple > li > .nbr-items
{
	width: 40px;
	padding-right: 15px;
	text-align: right;
	display: block;		/*	Pour le vieux model box-flex, l'element doit être de type block, sinon, le flex n'est pas appliqué 	*/
	-webkit-box-flex: 0;
	-webkit-flex: 0 0 auto;
	-moz-flex: 0 0 auto;
	flex: 0 0 auto;
}
.conteneur-page-principale ul.conteneur-liste-simple > li > .supprimer
{
	width: 60px;
	display: block;		/*	Pour le vieux model box-flex, l'element doit être de type block, sinon, le flex n'est pas appliqué 	*/
	-webkit-box-flex: 0;
	-webkit-flex: 0 0 auto;
	-moz-flex: 0 0 auto;
	flex: 0 0 auto;
	background-position: center center;
	background-size: 24px 24px;
	background-repeat: no-repeat;
	background-image: url('/images/corbeille.png');
}


.conteneur-page-principale > .conteneur-titres-liste-supports > ul.mosaique
{
	margin: 0;
	padding: 0;
	text-align: center;
}
.conteneur-page-principale > .conteneur-titres-liste-supports > ul.mosaique > li
{
	padding: 10px 0;
	margin: 0 5px;
	text-align: center;
	width: 140px;
	display: inline-block;
	vertical-align: top;
	cursor: pointer;
}
.conteneur-page-principale > .conteneur-titres-liste-supports > ul.mosaique > li.non-commande
{
	opacity: 0.6;
}
.conteneur-page-principale > .conteneur-titres-liste-supports > ul.mosaique > li.nouvel-item
{
	display: -webkit-inline-box;		/*	old webkit	*/
	display: -moz-inline-box;			/*	old moz	*/
	display: -webkit-inline-flex;
	display: inline-flex;
	min-height: 140px;
	
	border-left: none;
	border-right: none;
	padding: 5px 2%;
	margin: 0;
	
	text-align: center;
	-webkit-align-items: center;
	align-items: center;
	-webkit-justify-content: center;
	justify-content: center;
}
.conteneur-page-principale > .conteneur-titres-liste-supports > ul.mosaique > li.nouvel-item > .pastille-plus
{
	position: static;
	height: 32px;
	width: 32px;
	line-height: 28px;
	background-color: #00A1E1;
	color: #FFFFFF;
	font-size: 32px;
	line-height: 32px;
	border-radius: 50%;
}
.conteneur-page-principale > .conteneur-titres-liste-supports > ul.mosaique > li.nouvel-item > .texte
{
	padding-left: 15px;
	cursor: pointer;
}
.conteneur-page-principale > .conteneur-titres-liste-supports > ul.mosaique > li > img
{
	vertical-align: top;
}


.conteneur-page-principale .conteneur-formulaire-lignes-simple
{
	max-width: 800px;
	margin: 0 auto;
}
.conteneur-page-principale .conteneur-formulaire-lignes-simple > .ligne
{
	padding: 5px 0;
	
	display: -webkit-box;		/*	old webkit	*/
	display: -moz-box;			/*	old moz	*/
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
}
.conteneur-page-principale .conteneur-formulaire-lignes-simple > .ligne > label:first-child
{
	display: block;		/*	Pour le vieux model box-flex, l'element doit être de type block, sinon, le flex n'est pas appliqué 	*/
	-webkit-box-flex: 0;
	-webkit-flex: 0 0 auto;
	-moz-flex: 0 0 auto;
	flex: 0 0 auto;
	width: 110px;
}
.conteneur-page-principale .conteneur-formulaire-lignes-simple > .ligne > input[type="text"],
.conteneur-page-principale .conteneur-formulaire-lignes-simple > .ligne > input[type="date"],
.conteneur-page-principale .conteneur-formulaire-lignes-simple > .ligne > input[type="email"],
.conteneur-page-principale .conteneur-formulaire-lignes-simple > .ligne > select
{
	display: block;		/*	Pour le vieux model box-flex, l'element doit être de type block, sinon, le flex n'est pas appliqué 	*/
	-webkit-box-flex: 1;
	-webkit-flex: 1 1 auto;
	-moz-flex: 1 1 auto;
	flex: 1 1 auto;
	width: 1px;
}
.conteneur-page-principale .conteneur-formulaire-lignes-simple > .ligne.radio > label
{
	padding-top: 4px;
	padding-bottom: 3px;
}
.conteneur-page-principale .conteneur-formulaire-lignes-simple > .ligne.radio > label:not(:first-child)
{
	width: 100px;
}


.conteneur-page-principale form .conteneur-validation-annulation
{
	margin-top: 5px;
	text-align: center;
	padding-bottom: 35px;
}
.conteneur-page-principale form .conteneur-validation-annulation > *
{
	width: 120px;
	padding-left: 0;
	padding-right: 0;
	margin: 20px 5% 0;
}
.conteneur-page-principale form .conteneur-validation-annulation > input[type="submit"]
{
	background-color: #00A1E1;
	color: #FFFFFF;
}


.conteneur-page-principale .conteneur-partages-listes
{
	max-width: 800px;
	margin: 0 auto;
}
.conteneur-page-principale .conteneur-partages-listes.disabled
{
	display: none;
}
.conteneur-page-principale .conteneur-partages-listes > .legende
{
	padding: 5px 0 0 0;
}
.conteneur-page-principale .conteneur-partages-listes > ul
{
	margin: 0;
	padding: 10px 0;
}
.conteneur-page-principale .conteneur-partages-listes > ul > li
{
	margin: 0;
	padding: 0;
	
	display: -webkit-box;		/*	old webkit	*/
	display: -moz-box;			/*	old moz	*/
	display: -webkit-flex;
	display: flex;
	
	cursor: pointer;
	border-bottom: 1px solid #CDCDCD;
	border-left: 1px solid #CDCDCD;
	border-right: 1px solid #CDCDCD;
}
.conteneur-page-principale .conteneur-partages-listes > ul > li:first-child
{
	border-top: 1px solid #CDCDCD;
}
.conteneur-page-principale .conteneur-partages-listes > ul > li > *
{
	padding: 10px 0;
}
.conteneur-page-principale .conteneur-partages-listes > ul > li > .partagee
{
	display: block;		/*	Pour le vieux model box-flex, l'element doit être de type block, sinon, le flex n'est pas appliqué 	*/
	-webkit-box-flex: 0;
	-webkit-flex: 0 0 auto;
	-moz-flex: 0 0 auto;
	flex: 0 0 auto;
	width: 60px;
	border-right: 1px solid #CDCDCD;
}
.conteneur-page-principale .conteneur-partages-listes > ul > li > .nom-utilisateur
{
	display: block;		/*	Pour le vieux model box-flex, l'element doit être de type block, sinon, le flex n'est pas appliqué 	*/
	-webkit-box-flex: 1;
	-webkit-flex: 1 1 auto;
	-moz-flex: 1 1 auto;
	flex: 1 1 auto;
	padding-left: 4%;
}
.conteneur-page-principale .conteneur-partages-listes > ul > li.selected > .partagee
{
	background-image: url('/images/coche.png');
	background-position: center center;
	background-size: 26px 26px;
	background-repeat: no-repeat;
}
@media only screen and (max-device-width: 720px)
{
	.conteneur-page-principale .conteneur-partages-listes > h3
	{
		padding: 5px 4%;
	}
	.conteneur-page-principale .conteneur-partages-listes > .legende
	{
		text-align: left;
		padding: 0 4%;
	}
	.conteneur-page-principale .conteneur-partages-listes > ul > li
	{
		border-left: none;
		border-right: none;
	}
}



.conteneur-page-principale > form.conteneur-detail-abonnement
{
	margin: 5px auto 0;
	padding: 0;
	max-width: 800px;
	display: block;
}
.conteneur-page-principale > .conteneur-detail-abonnement > .conteneur-adresse-abonnement
{
	padding: 0 0 20px 186px;
}
.conteneur-page-principale > .conteneur-detail-abonnement > .conteneur-adresse-abonnement > *
{
	padding-top: 3px;
}
.conteneur-page-principale > .conteneur-detail-abonnement > .conteneur-adresse-abonnement > *:empty
{
	display: none;
}
.conteneur-page-principale > .conteneur-detail-abonnement > .conteneur-adresse-abonnement > .libelle-adresse
{
	color: #808080;
}
.conteneur-page-principale > .conteneur-detail-abonnement > .conteneur-adresse-abonnement > .code-postal
{
	display: inline-block;
	vertical-align: top;
}
.conteneur-page-principale > .conteneur-detail-abonnement > .conteneur-adresse-abonnement > .ville
{
	display: inline-block;
	vertical-align: top;
	margin-left: 5px;
}
.conteneur-page-principale > .conteneur-detail-abonnement > .conteneur-adresse-abonnement > .pays
{
	display: inline-block;
	vertical-align: top;
	margin-left: 5px;
}
.conteneur-page-principale > .conteneur-detail-abonnement > .conteneur-adresse-abonnement > .telephone > .titre,
.conteneur-page-principale > .conteneur-detail-abonnement > .conteneur-adresse-abonnement > .fax > .titre
{
	display: inline-block;
	width: 40px;
}
.conteneur-page-principale > .conteneur-detail-abonnement > .conteneur-adresse-abonnement > .telephone > a,
.conteneur-page-principale > .conteneur-detail-abonnement > .conteneur-adresse-abonnement > .fax > a
{
	color: inherit;
	text-decoration: none;
}
.conteneur-page-principale > .conteneur-detail-abonnement > .detail-abonnement,
.conteneur-page-principale > .conteneur-detail-abonnement > .paragraphe
{
	margin: 0;
	padding: 5px;
	
	display: -webkit-box;		/*	old webkit	*/
	display: -moz-box;			/*	old moz	*/
	display: -webkit-flex;
	display: flex;
}
.conteneur-page-principale > .conteneur-detail-abonnement > .detail-abonnement > label,
.conteneur-page-principale > .conteneur-detail-abonnement > .paragraphe > label
{
	display: block;		/*	Pour le vieux model box-flex, l'element doit être de type block, sinon, le flex n'est pas appliqué 	*/
	-webkit-box-flex: 0;
	-webkit-flex: 0 0 auto;
	-moz-flex: 0 0 auto;
	flex: 0 0 auto;
	width: 180px;
	padding-top: 4px;
}
.conteneur-page-principale > .conteneur-detail-abonnement > .detail-abonnement > input[type="text"],
.conteneur-page-principale > .conteneur-detail-abonnement > .paragraphe > input[type="text"],
.conteneur-page-principale > .conteneur-detail-abonnement > .paragraphe > select
{
	display: block;		/*	Pour le vieux model box-flex, l'element doit être de type block, sinon, le flex n'est pas appliqué 	*/
	-webkit-box-flex: 1;
	-webkit-flex: 1 1 auto;
	-moz-flex: 1 1 auto;
	flex: 1 1 auto;
	width: 1px;
}
.conteneur-page-principale > .conteneur-detail-abonnement > .detail-abonnement > .periode
{
	display: inline-block;
	vertical-align: top;
	width: 50%;
}
.conteneur-page-principale > .conteneur-detail-abonnement > .detail-abonnement > .identifiant,
.conteneur-page-principale > .conteneur-detail-abonnement > .paragraphe > .identifiant
{
	display: block;		/*	Pour le vieux model box-flex, l'element doit être de type block, sinon, le flex n'est pas appliqué 	*/
	-webkit-box-flex: 0;
	-webkit-flex: 0 0 auto;
	-moz-flex: 0 0 auto;
	flex: 0 0 auto;
	width: 80px;
	text-align: right;
}


.conteneur-page-principale > .conteneur-modification-multi-utilisateurs
{
	display: block;
	margin: 20px auto 0;
	max-width: 800px;
	padding: 20px 1%;
	border: 1px solid #CDCDCD;
}
.conteneur-page-principale > .conteneur-modification-multi-utilisateurs > h3
{
	padding: 0 0 20px;
	margin: 0;
}
.conteneur-page-principale > .conteneur-modification-multi-utilisateurs > .attribut-acces-outils
{
	display: -webkit-box;		/*	old webkit	*/
	display: -moz-box;			/*	old moz	*/
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
	
	padding: 10px 0;
}
.conteneur-page-principale > .conteneur-modification-multi-utilisateurs > .attribut-acces-outils > .conteneur-validation-annulation
{
	margin: 0;
	padding: 0;
	
	display: block;		/*	Pour le vieux model box-flex, l'element doit être de type block, sinon, le flex n'est pas appliqué 	*/
	-webkit-box-flex: 1;
	-webkit-flex: 1 1 auto;
	-moz-flex: 1 1 auto;
	flex: 1 1 auto;
	width: 1px;
	text-align: right;
}
.conteneur-page-principale > .conteneur-modification-multi-utilisateurs > .attribut-acces-outils > .conteneur-validation-annulation > input
{
	margin: 0 15px 0 0;
}
.conteneur-page-principale > .conteneur-modification-multi-utilisateurs > .attribut-acces-outils > label
{
	display: block;		/*	Pour le vieux model box-flex, l'element doit être de type block, sinon, le flex n'est pas appliqué 	*/
	-webkit-box-flex: 0;
	-webkit-flex: 0 0 auto;
	-moz-flex: 0 0 auto;
	flex: 0 0 auto;
	width: 150px;
}
.conteneur-page-principale > .conteneur-modification-multi-utilisateurs > .attribut-acces-outils > .radio-speciaux,
.conteneur-page-principale > .conteneur-modification-multi-utilisateurs > .attribut-acces-outils > .periode
{
	display: block;		/*	Pour le vieux model box-flex, l'element doit être de type block, sinon, le flex n'est pas appliqué 	*/
	-webkit-box-flex: 0;
	-webkit-flex: 0 0 auto;
	-moz-flex: 0 0 auto;
	flex: 0 0 auto;
	width: 200px;
	text-align: center;
}
.conteneur-page-principale > .conteneur-modification-multi-utilisateurs > .attribut-acces-outils > .radio-speciaux > label
{
	padding-left: 30px;
	padding-right: 30px;
}
.conteneur-page-principale > .conteneur-modification-multi-utilisateurs > .attribut-acces-outils > .periode > input
{
	width: 77%;
	width: -moz-calc(77% - 2px);
	width: -webkit-calc(77% - 2px);
	width: calc(77% - 2px);
}
@media only screen and (max-device-width: 720px)
{
	.conteneur-page-principale > .conteneur-modification-multi-utilisateurs > .attribut-acces-outils
	{
		display: block; /*	Enlève le flex	*/
	}
	.conteneur-page-principale > .conteneur-modification-multi-utilisateurs > .attribut-acces-outils > label
	{
		width: auto;
	}
}


.conteneur-page-principale > ul.utilisateurs-abonnement
{
	margin: 40px auto;
	padding: 0;
	max-width: 90%;
}
.conteneur-page-principale > ul.utilisateurs-abonnement > li
{
	margin: 0;
	padding: 0;
	border-bottom: 1px solid #CDCDCD;
	border-left: 1px solid #CDCDCD;
	border-right: 1px solid #CDCDCD;
	
	display: -webkit-box; display: -moz-box; display: -webkit-flex; display: flex;
	-webkit-align-items: center; align-items: center;
}
.conteneur-page-principale > ul.utilisateurs-abonnement > li.nouvel-item
{
	padding: 5px 2%;
	margin: 0;
	
	text-align: center;
	-webkit-justify-content: center;
	justify-content: center;
	border: none;
}
.conteneur-page-principale > ul.utilisateurs-abonnement > li.nouvel-item > .pastille-plus
{
	background-color: #00A1E1;
    border-radius: 50%;
    bottom: 20px;
    color: #FFFFFF;
    cursor: pointer;
    font-size: 32px;
    height: 28px;
    line-height: 28px;
    padding-top: 2px;
    position: static;
    text-align: center;
    width: 30px;
	
	display: block;		/*	Pour le vieux model box-flex, l'element doit être de type block, sinon, le flex n'est pas appliqué 	*/
	-webkit-box-flex: 0;
	-webkit-flex: 0 0 auto;
	-moz-flex: 0 0 auto;
	flex: 0 0 auto;
}
.conteneur-page-principale > ul.utilisateurs-abonnement > li.nouvel-item > .texte
{
	padding-left: 15px;
	cursor: pointer;
	text-align: left;
	
	display: block;		/*	Pour le vieux model box-flex, l'element doit être de type block, sinon, le flex n'est pas appliqué 	*/
	-webkit-box-flex: 0;
	-webkit-flex: 0 0 auto;
	-moz-flex: 0 0 auto;
	flex: 0 0 auto;
}
.conteneur-page-principale > ul.utilisateurs-abonnement > li.titre
{
	border-top: 1px solid #CDCDCD;
	font-weight: bold;
	font-size: 0.9em;
}
.conteneur-page-principale > ul.utilisateurs-abonnement > li.inactif
{
	color: #949494;
}
.conteneur-page-principale > ul.utilisateurs-abonnement > li:not(.nouvel-item) > *
{
	padding: 10px 0;
}
.conteneur-page-principale > ul.utilisateurs-abonnement > li > .selection
{
	-webkit-box-flex: 0; -webkit-flex: 0 0 50px; -moz-flex: 0 0 50px; flex: 0 0 50px;
	display: -webkit-box; display: -moz-box; display: -webkit-flex; display: flex;
	-webkit-justify-content: center; justify-content: center;
	-webkit-align-items: center; align-items: center;
	width: 50px;
	cursor: pointer;
}
.conteneur-page-principale > ul.utilisateurs-abonnement > li > .lien-connexion
{
	text-align: center;
	display: block;		/*	Pour le vieux model box-flex, l'element doit être de type block, sinon, le flex n'est pas appliqué 	*/
	-webkit-box-flex: 0;
	-webkit-flex: 0 0 auto;
	-moz-flex: 0 0 auto;
	flex: 0 0 auto;
	width: 40px;
	padding-left: 10px;
}
.conteneur-page-principale > ul.utilisateurs-abonnement > li > .lien-connexion > a
{
	background-image: url('/images/power-user-login.png');
	background-position: center center;
	background-size: 22px 22px;
	background-repeat: no-repeat;
	display: block;
	width: 100%;
	height: 18px;
}
.conteneur-page-principale > ul.utilisateurs-abonnement > li > .nom-prenom
{
	display: block;		/*	Pour le vieux model box-flex, l'element doit être de type block, sinon, le flex n'est pas appliqué 	*/
	-webkit-box-flex: 0;
	-webkit-flex: 0 0 auto;
	-moz-flex: 0 0 auto;
	flex: 0 0 auto;
	width: 200px;
	padding-left: 10px;
	cursor: pointer;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}
.conteneur-page-principale > ul.utilisateurs-abonnement > li > .fonction-texte
{
	margin-left: 15px;
	display: block;		/*	Pour le vieux model box-flex, l'element doit être de type block, sinon, le flex n'est pas appliqué 	*/
	-webkit-box-flex: 1;
	-webkit-flex: 1 1 auto;
	-moz-flex: 1 1 auto;
	flex: 1 1 auto;
	width: 180px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}
.conteneur-page-principale > ul.utilisateurs-abonnement > li > .modifier
{
	display: block;		/*	Pour le vieux model box-flex, l'element doit être de type block, sinon, le flex n'est pas appliqué 	*/
	-webkit-box-flex: 0;
	-webkit-flex: 0 0 auto;
	-moz-flex: 0 0 auto;
	flex: 0 0 auto;
	width: 60px;
	cursor: pointer;
}
.conteneur-page-principale > ul.utilisateurs-abonnement > li:not(.titre) > .modifier
{
	background-image: url('/images/editer.png');
	background-position: center center;
	background-size: 24px 24px;
	background-repeat: no-repeat;
}
.conteneur-page-principale > ul.utilisateurs-abonnement > li > .derniere-connexion
{
	margin-left: 15px;
	text-align: center;
	
	display: block;		/*	Pour le vieux model box-flex, l'element doit être de type block, sinon, le flex n'est pas appliqué 	*/
	-webkit-box-flex: 0;
	-webkit-flex: 0 0 auto;
	-moz-flex: 0 0 auto;
	flex: 0 0 auto;
	width: 100px;
}
.conteneur-page-principale > ul.utilisateurs-abonnement > li > .stats-user
{
	display: block;		/*	Pour le vieux model box-flex, l'element doit être de type block, sinon, le flex n'est pas appliqué 	*/
	-webkit-box-flex: 0;
	-webkit-flex: 0 0 auto;
	-moz-flex: 0 0 auto;
	flex: 0 0 auto;
	width: 100px;
	padding-right: 15px;
	margin-left: 15px;
	text-align: right;
}
.conteneur-page-principale > ul.utilisateurs-abonnement > li.titre > .stats-user
{
	text-align: center;
}
.conteneur-page-principale > ul.utilisateurs-abonnement > li > .stats-user.hausse::after
{
	display: inline-block;
	content: "";
	border-top: 0px solid transparent;
	border-right: 6px solid transparent;
	border-bottom: 12px solid #00A1E1;
	border-left: 6px solid transparent;
	margin-left: 10px;
}
.conteneur-page-principale > ul.utilisateurs-abonnement > li > .stats-user.baisse::after
{
	display: inline-block;
	content: "";
	border-top: 12px solid #00FF00;
	border-right: 6px solid transparent;
	border-bottom: 0px solid transparent;
	border-left: 6px solid transparent;
	border-top-color: #FF2222;
	margin-top: 3px;
	margin-left: 10px;
}
.conteneur-page-principale > ul.utilisateurs-abonnement > li > .stats-user.stable::after
{
	display: inline-block;
	content: "";
	border: 6px solid #CDCDCD;
	border-radius: 50%;
	margin-top: 3px;
	margin-left: 10px;
}
.conteneur-page-principale > ul.utilisateurs-abonnement > li > .envoi-lien-connexion
{
	display: block;		/*	Pour le vieux model box-flex, l'element doit être de type block, sinon, le flex n'est pas appliqué 	*/
	-webkit-box-flex: 0;
	-webkit-flex: 0 0 auto;
	-moz-flex: 0 0 auto;
	flex: 0 0 auto;
	width: 60px;
	padding-right: 15px;
	padding-left: 15px;
	text-align: center;
	cursor: pointer;
}


.conteneur-page-principale > .info-selection-adresse-mail-individu-creation-acces-outil
{
	max-width: 800px;
	margin: 0 auto;
	padding: 50px 0 0;
}
.conteneur-page-principale > ul.recherche-mail-individus-entreprise-abonnement
{
	max-width: 800px;
	margin: 0 auto;
	padding: 20px 0 0;
}
.conteneur-page-principale > ul.recherche-mail-individus-entreprise-abonnement > li
{
	margin: 0;
	padding: 10px 0;
	border-top: 1px solid #CDCDCD;
	border-left: 1px solid #CDCDCD;
	border-right: 1px solid #CDCDCD;
}
.conteneur-page-principale > ul.recherche-mail-individus-entreprise-abonnement > li:last-child
{
	border-bottom: 1px solid #CDCDCD;
}
.conteneur-page-principale > ul.recherche-mail-individus-entreprise-abonnement > li.acces-deja-actif
{
	color: #808080;
}
.conteneur-page-principale > ul.recherche-mail-individus-entreprise-abonnement > li > div
{
	padding: 0 20px;
}
.conteneur-page-principale > ul.recherche-mail-individus-entreprise-abonnement > li > ul
{
	margin: 0;
	padding: 0;
}
.conteneur-page-principale > ul.recherche-mail-individus-entreprise-abonnement > li > ul > li
{
	margin: 0;
	padding: 5px 60px;
	cursor: pointer;
}
.conteneur-page-principale > ul.recherche-mail-individus-entreprise-abonnement > li:not(.acces-deja-actif) > ul > li:hover
{
	color: #00A1E1;
}


.conteneur-page-principale > form.detail-acces-outil
{
	display: block;
	max-width: 800px;
	margin: 0 auto;
	padding-top: 50px;
}
.conteneur-page-principale > form.detail-acces-outil > .detail-utilisateur
{
	padding: 10px 0;
	
	display: -webkit-box;		/*	old webkit	*/
	display: -moz-box;			/*	old moz	*/
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
}
.conteneur-page-principale > form.detail-acces-outil > .detail-utilisateur > label:first-child
{
	display: block;		/*	Pour le vieux model box-flex, l'element doit être de type block, sinon, le flex n'est pas appliqué 	*/
	-webkit-box-flex: 0;
	-webkit-flex: 0 0 auto;
	-moz-flex: 0 0 auto;
	flex: 0 0 auto;
	width: 150px;
}
.conteneur-page-principale > form.detail-acces-outil > .detail-utilisateur > .radio-speciaux,
.conteneur-page-principale > form.detail-acces-outil > .detail-utilisateur > select
{
	display: block;		/*	Pour le vieux model box-flex, l'element doit être de type block, sinon, le flex n'est pas appliqué 	*/
	-webkit-box-flex: 1;
	-webkit-flex: 1 1 auto;
	-moz-flex: 1 1 auto;
	flex: 1 1 auto;
	width: 170px;
}
.conteneur-page-principale > form.detail-acces-outil > .detail-utilisateur > .radio-speciaux > label
{
	width: 60px;
}
.conteneur-page-principale > form.detail-acces-outil > .detail-utilisateur > .periode
{
	display: -webkit-box;		/*	old webkit	*/
	display: -moz-box;			/*	old moz	*/
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
	
	-webkit-box-flex: 1;
	-webkit-flex: 1 1 auto;
	-moz-flex: 1 1 auto;
	flex: 1 1 auto;
	width: 160px;
}
.conteneur-page-principale > form.detail-acces-outil > .detail-utilisateur > .periode > label
{
	display: block;		/*	Pour le vieux model box-flex, l'element doit être de type block, sinon, le flex n'est pas appliqué 	*/
	-webkit-box-flex: 0;
	-webkit-flex: 0 0 auto;
	-moz-flex: 0 0 auto;
	flex: 0 0 auto;
	width: 70px;
	
}
.conteneur-page-principale > form.detail-acces-outil > .detail-utilisateur > .periode > input
{
	display: block;		/*	Pour le vieux model box-flex, l'element doit être de type block, sinon, le flex n'est pas appliqué 	*/
	-webkit-box-flex: 0;
	-webkit-flex: 0 0 auto;
	-moz-flex: 0 0 auto;
	flex: 0 0 auto;
	width: 150px;
}


ul.listes-items
{
	max-width: 800px;
	padding: 0;
	margin: 0 auto;
}
ul.listes-items > li
{
	display: -webkit-box; display: -moz-box; display: -webkit-flex; display: flex;
	border-left: 1px solid #CDCDCD;
	border-right: 1px solid #CDCDCD;
	border-bottom: 1px solid #CDCDCD;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}
ul.listes-items > li:hover:not(.nouvel-item)
{
	background-color: #EFEFEF;
}
ul.listes-items > li.nouvel-item
{
	padding: 10px 0;
	border-left: none;
	border-right: none;
	text-align: center;
	-webkit-align-items: center;
	align-items: center;
	-webkit-justify-content: center;
	justify-content: center;
}
ul.listes-items > li.nouvel-item > *
{
	display: block;
	-webkit-box-flex: 0; -webkit-flex: 0 0 auto; flex: 0 0 auto;
}
ul.listes-items > li.nouvel-item > .pastille-plus
{
	position: static;
	height: 28px;
	width: 30px;
	line-height: 28px;
}
ul.listes-items > li.nouvel-item > .texte
{
	padding-left: 15px;
	cursor: pointer;
	text-align: left;
}
ul.listes-items > li:not(.nouvel-item) > *
{
	display: block;
	-webkit-box-flex: 0; -webkit-flex: 0 0 auto; flex: 0 0 auto;
	padding: 12px 15px 10px;
}
ul.listes-items > li > .modifier,
ul.listes-items > li > .activer-desactiver,
ul.listes-items > li > .supprimer
{
	width: 40px;
	padding: 7px 0 0;
	cursor: pointer;
	color: transparent;
	text-align: center;
	-webkit-transition: all 0.3s; transition: all 0.3s;
}
ul.listes-items > li:hover > .modifier,
ul.listes-items > li:hover > .activer-desactiver,
ul.listes-items > li:not(.structure-liste-non-modifiable):hover > .supprimer
{
	color: #00A1E1;
}
ul.listes-items > li > .modifier:hover,
ul.listes-items > li > .activer-desactiver:hover,
ul.listes-items > li:not(.structure-liste-non-modifiable) > .supprimer:hover
{
	color: #FFFFFF;
	background-color: #00A1E1;
}
ul.listes-items > li > .icone
{
	width: 40px;
	padding: 10px 0;
	background-size: 18px 18px;
	background-position: center center;
	background-repeat: no-repeat;
}
ul.listes-items > li.partagee > .icone
{
	background-image: url('/images/partage-desactive.png');
}
ul.listes-items > li.fichier > .icone
{
	background-image: url('/images/fichier.png');
}
ul.listes-items > li.mon-fichier > .icone
{
	background-image: url('/images/mon-fichier.png');
}
ul.listes-items > li > .libelle
{
	-webkit-box-flex: 1; -webkit-flex: 1 1 auto; flex: 1 1 auto;
	width: 1%;
	padding-left: 0;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	cursor: pointer;
}
ul.listes-items > li.desactivee > .libelle
{
	color: #D6D6D6;
}
ul.listes-items > li > .nb-items
{
	width: 40px;
	text-align: right;
	cursor: pointer;
}
@media only screen and (max-device-width: 720px)
{
	ul.listes-items > li > .modifier,
	ul.listes-items > li > .activer-desactiver,
	ul.listes-items > li:not(.structure-liste-non-modifiable) > .supprimer
	{
		color: #00A1E1;
	}
}


form.export-parutions-etendu
{
	display: -webkit-box; display: -moz-box; display: -webkit-flex; display: flex;
	-webkit-align-items: center; -moz-align-items: center; align-items: center;
	-webkit-justify-content: center; -moz-justify-content: center; justify-content: center;
	min-width: 0;
	padding: 40px 0;
}
form.export-parutions-etendu > label
{
	-webkit-box-flex: 0; -webkit-flex: 0 0 auto; flex: 0 0 auto;
	width: 90px;
	margin-left: 120px;
}
form.export-parutions-etendu > label:first-child
{
	margin-left: 0;
}
form.export-parutions-etendu > input:not([type="submit"])
{
	box-sizing: border-box;
	-webkit-box-flex: 0; -webkit-flex: 0 0 auto; flex: 0 0 auto;
	width: 150px;
	min-width: 0;
}
form.export-parutions-etendu > input[type="submit"]
{
	box-sizing: border-box;
	-webkit-box-flex: 0; -webkit-flex: 0 0 auto; flex: 0 0 auto;
	padding-left: 2%;
	padding-right: 2%;
	margin-left: 100px;
	min-width: 0;
}