/* Attention : pas pris en compte si plus bas */
::-webkit-input-placeholder {
	color: #bbbbbb;
}

::-moz-placeholder {
	color: #bbbbbb;
} /* firefox 19+ */
input:-moz-placeholder {
	color: #bbbbbb;
}


/* ###############################
   ##   Wicket-Stuff    ##
   ###############################	*/

/* Surcharge du composant ProgressBar de Wicket-Stuff qui normalement a une taille de 400px. */
div.gui-wicketstuff-progressbar div.wicketstuff-progressbar {
	width: 100%;
}

div.gui-wicketstuff-progressbar div.wicketstuff-progressbar span.label {
	background: transparent;
}

/* ###############################
   ##   surcharge foundation    ##
   ###############################	*/

/* img, object, embed { max-width: 100%;height: 100%} surcharge ne fonctionnant pas afin de figer la hauteur */

h3.w_captionText {
	font-size: 1.2em;
}

.w_silver {
	width: auto;
}

table thead tr th,table tfoot tr td {
	font-size: 14px;
	line-height: 18px;
	padding: 3px;
}

table tbody tr td {
	border: 2px solid white;
	padding: 3px;
}

fieldset legend {
	background: none repeat scroll 0 0 transparent;
	padding: 3px;
}

table thead tr th,table tfoot tr th,table tbody tr td,table tr td,table tfoot tr td
{
	font-size: 13px;
}

.button {
	background: #387EB5;
}

.button:hover {
	color: white;
	background-color: #286EA5;
}

.button.tiny {
	font-size: 0.95em;
	padding: 2px 5px 2px;
}

.button.round {
	-webkit-border-radius: 1000px;
	-moz-border-radius: 1000px;
	-ms-border-radius: 1000px;
	-o-border-radius: 1000px;
	border-radius: 1000px;
}

.addBloc {
	bottom: 8px;
	right: 8px;
	position: absolute;
}

body,div,dl,dt,dd,ul,ol,li,pre,form,fieldset,p,blockquote,th,td {
	font-size: 13px;
	word-break: break-word;
}}

a {
	color: #1A75D8;
	text-decoration: none;
	line-height: inherit;
}

a:hover {
	color: #104681;
}

table tbody tr:nth-child(even):hover {
	background-color: #C1E9EC;
}

table tbody tr:nth-child(odd):hover {
	background-color: #C1E9EC;
}

a:focus {
	color: #000000;
	outline: none;
}

.nav-bar {
	height: 45px;
	background: #fff;
	margin-top: 20px;
	border: 1px solid #ddd;
}

.nav-bar>li {
	float: left;
	display: block;
	position: relative;
	padding: 0;
	margin: 0;
	border-right: 1px solid #ddd;
	line-height: 45px;
}

.nav-bar>li>a.main {
	position: relative;
	padding: 0 20px;
	display: block;
	text-decoration: none;
	font-size: 15px;
	font-size: 1.5rem;
}

.nav-bar>li>input {
	margin: 0 16px;
}

.nav-bar>li ul {
	margin-bottom: 0;
}

.nav-bar>li li {
	line-height: 1.3;
}

.nav-bar>li.has-flyout>a.main {
	padding-right: 36px;
}

.nav-bar>li.has-flyout>a.flyout-toggle {
	position: absolute;
	right: 0;
	top: 0;
	padding: 22px;
	z-index: 2;
	display: block;
}

.nav-bar>li.has-flyout>a.flyout-toggle span {
	content: "";
	width: 0;
	height: 0;
	border-left: 4px solid transparent;
	border-right: 4px solid transparent;
	border-top: 4px solid #2a85e8;
	display: block;
}

.flyout.small {
	width: 200px;
}

.flyout.large {
	width: 600px;
}

.flyout.right {
	left: auto;
	right: 0;
}

.flyout p:last-child {
	margin-bottom: 0;
}

.nav-bar>li .flyout {
	display: none;
}

.column:first-child,.columns:first-child {
	margin-left: 0;
}

textarea,input {
	font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
}

.ui-widget-content a {
	color: #ffffff /*{fcContent}*/;
}

.ui-widget-content .GuiCustomAjaxLink a .iconText {
	color: #ffffff;
}

.ui-widget-content .GuiCustomAjaxSubmitLink a .iconText {
	color: #ffffff;
}

.ui-widget-content .GuiCustomAjaxLink0 a .iconText {
	color: #ffffff;
}

.ui-widget-content .GuiCustomAjaxSubmitLink0 a .iconText {
	color: #ffffff;
}

.ui-widget-content .GuiCustomAjaxLink2 a .iconText {
	color: #1A75D8;
}

.ui-widget-content .GuiCustomAjaxSubmitLink2 a .iconText {
	color: #1A75D8;
}

.ui-widget-content .GuiCustomAjaxLink3 a .iconText {
	color: #ffffff;
}

.ui-widget-content .GuiCustomAjaxSubmitLink3 a .iconText {
	color: #ffffff;
}



.ui-widget-content  a .iconText {
	color: #1A75D8;
}

.ui-widget-content .guiYesNoButton a .iconText {
	color: #ffffff /*{fcContent}*/;
}

.ui-widget-content .guiYesNoButton a:hover .iconText {
	color: #104681;
}

.nice.tiny.round.button {
	color: #ffffff;
}

/* css resume
   ================================================== */
div.resumecss {
	word-wrap: break-word;
	max-width: 600px;
}

.row .twelve .resumeDecoratecss {

	/* Mise en commentaire car destructure la presentation sur la page de parametrage des formules de synthese*/
	/*width: 50%;
	white-space: nowrap;*/
	overflow: hidden;
	text-overflow: ellipsis;
}


/* DIRECTIONAL NAV
   ================================================== */
div.archiveGED div.labelGED {
	margin-top: 3px;
	float: left;
}

div.nomDocumentGED a label {
	cursor: pointer;
}

div.facette div.row div.three {
	width: 7.233%;
}

div.facette div.row div.eight {
	width: 83.134%;
}

div.orbit-wrapper div.slider-nav {
	display: block
}

div.orbit-wrapper div.slider-nav span {
	width: 78px;
	height: 100px;
	text-indent: -9999px;
	position: absolute;
	z-index: 30;
	top: 50%;
	margin-top: -50px;
	cursor: pointer;
}

div.orbit-wrapper div.slider-nav span.right {
	background: url(../images/orbit/right-arrow.png);
	background-size: auto;
	right: 0;
}

div.orbit-wrapper div.slider-nav span.left {
	background: url(../images/orbit/left-arrow.png);
	background-size: auto;
	left: 0;
}

/* BULLET NAV
   ================================================== */
ul.orbit-bullets {
	position: absolute;
	z-index: 30;
	list-style: none;
	bottom: -40px;
	left: 50%;
	margin-left: -50px;
	padding: 0;
}

ul.orbit-bullets li {
	float: left;
	margin-left: 5px;
	cursor: pointer;
	color: #999;
	text-indent: -9999px;
	background: url(../images/orbit/bullets.jpg) no-repeat 4px 0;
	width: 13px;
	height: 12px;
	overflow: hidden;
}

ul.orbit-bullets li.active {
	color: #222;
	background-position: -8px 0;
}

ul.orbit-bullets li.has-thumb {
	background: none;
	width: 100px;
	height: 75px;
}

ul.orbit-bullets li.active.has-thumb {
	background-position: 0 0;
	border-top: 2px solid #000;
}

/** autres personnalisations */
.row .row {
	margin: 0;
}

.column,.columns {
	padding: 0;
}

label.right {
	float: right;
}

input.input-text,textarea {
	width: 254px;
}

input[type=checkbox]{
	margin-top: 4px;
}

input[type="text"]:focus,input[type="password"]:focus,input[type="date"]:focus,input[type="datetime"]:focus,input[type="email"]:focus,input[type="number"]:focus,input[type="search"]:focus,input[type="tel"]:focus,input[type="time"]:focus,input[type="url"]:focus,textarea:focus
{
	box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.071), 0px 0px 8px
	rgba(82, 168, 236, 0.600);
	/*font-size: 13px;*/
}

.column,.columns {
	margin-left: 1.2%;
}

.row .one {
	width: 7.233%;
}

.row .two {
	width: 15.666%;
}

.row .three {
	width: 24.1%;
}

.row .four {
	width: 32.533%;
}

.row .five {
	width: 40.967%;
}

.row .six {
	width: 49.4%;
}

.row .seven {
	width: 57.833%;
}

.row .eight {
	width: 66.267%;
}

.row .nine {
	width: 74.7%;
}

.row .ten {
	width: 83.134%;
}

.row .eleven {
	width: 91.567%;
}

.row .twelve {
	width: 100%;
}

.nav-bar {
	height: auto;
	margin-top: 0px;
	border: none;
}

.nav-bar>li.has-flyout>a.flyout-toggle {
	position: fixed;
}

.nav-bar>li {
	line-height: normal;
	border: 0;
}

.reveal-modal {
	z-index: 150;
	background: url("../images/misc/modal-gloss.png") no-repeat scroll
	-200px -80px #EEEEEE;
	display: block;
}

.reveal-modal-bg {
	z-index: 80;
	background: #888;
}

div.alert-box {
	left:6%;
}

li.feedbackPanelINFO { /* background: none repeat scroll 0 0 #F68B01;
    border-radius: 8px 8px 8px 8px;
    border: 2px dashed black; */
	display: block;
	font-size: 13px;
	font-weight: bold;
	margin-left: 0.3em;
	margin-right: 0.7em;
	overflow: auto;
	position: relative;
}

li.feedbackPanelERROR { /* color: white;
   	background: none repeat scroll 0 0 #FF0000;
    border-radius: 8px 8px 8px 8px;
    border: 2px dashed black; */
	display: block;
	font-size: 13px;
	font-weight: bold;
	margin-left: 0.3em;
	margin-right: 0.7em;
	overflow: auto;
	position: relative;
}

li.feedbackPanelWARNING { /* background: none repeat scroll 0 0 #FFFFCC;
    border-radius: 8px 8px 8px 8px;
    border: 2px dashed black; */
	display: block;
	font-size: 13px;
	font-weight: bold;
	margin-left: 0.3em;
	margin-right: 0.7em;
	overflow: auto;
	position: relative;
}

/** LabelFeedback  :
- formcomponent : style du composant qui va prendre le feedback
- feedbacklabel : style du feedback */
.formcomponent.invalid {
	border: 1px solid red;
	color: red;
}

.formcomponent.valid {
	color: green;
}

.feedbacklabel {
	border: 0.5em;
	font-weight: bold;
	margin: 0 5px;
}

.feedbacklabel.INFO {
	color: green;
}

.feedbacklabel.ERROR {
	color: red;
}

ul.ulMotCle {
	border-radius: 2px;
	-moz-border-radius: 2px;
	-o-border-radius: 2px;
	-webkit-border-radius: 2px;
	padding: 0;
	margin: 0;
}

ul.ulMotCle li.liMotCle {
	border: 1px solid #e3e3e3;
	border-radius: 2px;
	-moz-border-radius: 2px;
	-o-border-radius: 2px;
	-webkit-border-radius: 2px;
	background: #e3e3e3;
	display: inline;
	float: left;
	list-style: none;
	margin: 0 10px 10px 0;
	padding: 0 3px 4px 5px;
}

ul.ulMotCle li.liMotCle:hover {
	border-color: #B7D51F;
}

/* ############################
   ##   les balises          ##
   ############################	*/

/*Here be the awesome drop shadow/box shadow effect for the web*/
body {
	width: 90%;
	/*height: 768px;*/
	margin: 0px auto;
	border: 1px solid #666;
	background-color: #ffffff;
	box-shadow: 0px 0px 20px #000;
	-webkit-box-shadow: 0px 0px 20px #000;
	/* For IE 8 */
	/* -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000')"; */
	/* For IE 5.5 - 7 */
	/*filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000');*/
	border-radius: 0px 0px 10px 10px;
	-moz-border-radius: 0px 0px 10px 10px;
	-webkit-border-radius: 0px 0px 10px 10px;
	/*-o-border-radius: 0px 0px 10px 10px;*/
}

fieldset {
	border: 1px solid #666;
	padding: 0.5em;
	margin-bottom: 0.5em;
}

.reveal-modal *:last-child {
	margin-bottom: 0.5em;
}

li {
	list-style: inside;
	margin-bottom: 0em;
}

label {
	margin: 0;
	padding: 0 1em 0 0.1em;
	vertical-align: top;
}

input {
	margin: 0;
	padding: 0;
	vertical-align: top;
}

ul {
	margin-bottom: 0em;
	padding-left: 0.5em;
}

/* Onglets */
div.tabpanel div.tab-row {
	float: left;
	/*position: fixed;*/
	z-index: 5000;
	/** foundation */
	display: block;
	margin: 0 0 20px 0;
	padding: 0;
	height: 34px;
	/*height: 33px;*/
	background-color: #ffffff;
	width: 100%;
	border: solid 1px #ddd;
	border-width: 0 0 1px 0;
}

div.tabpanel div.tab-panel {
	background-color: #eeeeee;
}

div.tabpanel div.tab-row ul { /** Rien */

}

/* div.tabpanel div.tab-row li { Foundation
	display: block;
	width: auto;
	height: 30px;
	padding: 0;
	float: left;
} */
div.tabpanel div.tab-row a.tabLink {
	width: auto;
	height: 33px;
	padding: 0 9px;
	line-height: 30px;
	margin: 0 -1px 0 0;
	color: #555;
}

div.tabpanel div.tab-row div.tabHeader {
	display: block;
	width: auto;
	height: 33px;
	padding: 0 6px;
	line-height: 30px;
	border: solid 1px #ddd;
	margin: 0 -1px 0 0;
	color: #555;
	background: #ffffff;
}

div.tabpanel div.tab-row div.tabLink a:hover {
	/* Survol de l'onglet, changement de couleur du texte */
	color: red;
}

div.tabpanel div.tab-row li.choosenSelected div.tabHeader {
	/* 	Onglet selectionne */
	font-weight: bold;
	background: #eeeeee;
	/* 	height: 30px; */
	border: solid 1px #ddd;
	border-width: 1px 1px 0 1px;
}

div.contenuOnglet {
	padding: 0 10px;
	border: solid 0 #ddd;
	border-width: 0 1px 0 1px;
}

div.tabbasedocumentairecontent {
	padding: 55px 10px;
	border: solid 0 #ddd;
	border-width: 0 1px 1px 1px;
}

div.resume {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}


div.resumeDecorate {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

/** Classes red�finies pour l'autocomplete */
/** Div contenant les valeurs de l'autocomplete */
div.wicket-aa {
	background-color: white;
	border: 1px solid #CCCCCC;
	color: black;
}
/** ul de la liste des valeurs de l'autocomplete */
div.wicket-aa ul {
	list-style-image: none;
	list-style-position: outside;
	list-style-type: none;
	list-style: none;
	margin: 0pt;
	padding: 5px;
}
/** Une valeur de l'autocomplete */
div.wicket-aa ul li {
	list-style-image: none;
	list-style-position: outside;
	list-style-type: none;
	list-style: none;
	padding: 1px;
	font-size: 12px;
}
/** Une valeur de l'autocomplete s�lectionn�e */
div.wicket-aa ul li.selected {
	list-style-image: none;
	background-color: #CCCCCC;
}

.vignetteLine {
	list-style-image: none;
	list-style-position: outside;
	list-style-type: none;
	list-style: none;
}

.vignetteGestionGed {
	width: 100px;
	max-width: 100%;
}

form {
	margin: 0px;
}

input.input-text,textarea,select {
	display: inline;
}

textarea {
	width: 100%;
}

form label {
	display: inline;
	cursor: pointer;
}

.positionCentree select {
	width: 100%;
}

select {
	min-width: 100px;
	width: auto;
}

table {
	width: 100%;
}

.yesnocontent {
	display: block;
	text-align: center;
	margin: 5px 5px 5px 5px;
	padding: 10px 0 0 0;
	vertical-align: middle;
	width: auto;
}

.labelDetailMotCle {
	color: #666666;
}

.labelDetailLecteur {
	color: #666666;
}

.detailMotCle {
	border: 1px solid #e3e3e3;
	border-radius: 2px;
	-moz-border-radius: 2px;
	-o-border-radius: 2px;
	-webkit-border-radius: 2px;
	background: #e3e3e3;
	margin: 0 10px 10px 0;
	padding: 0 0px 0px 0px;
	font-weight: bold;
}
/* ############################
   ##   les identifiants     ##
   ############################	*/
#contenuBlocLibre>table tbody tr:nth-child(even) {
	background-color: transparent;
}

#contenuBlocLibre>table tbody tr:nth-child(odd) {
	background-color: transparent;
}

#contenuBlocLibre>table tbody tr:nth-child(even):hover {
	background-color: transparent;
}

#contenuBlocLibre>table tbody tr:nth-child(odd):hover {
	background-color: transparent;
}

#mediaPlayerReveal {
	left: 30%;
	width: 900px;
}

#errors {
	padding: 10px;
	/* border: solid 1px #F00; */
	font-weight: bold;
	color: red;
}

#errorsFeedbackPanel {
	width: 100%;
	padding: 10px;
	background-color: #FFC;
	border: solid 1px #F00;
}

#logo {
	left: 10%;
	margin-left: 10px;
	float: left;
}

#middlePanel {
	margin-left: 1em;
	margin-right: 1em;
	padding: 0;
}

#middleStretchPanel {
	padding: 0.1em;
}

#slogan {
	margin-top: 50px;
}

#userDiv {
	margin-right: 10px;
	float: right;
	right: 10%;
}

#headerPanel {
	/* background-color: white; */
	margin: 2px;
	padding: 0;
	top: 0;
	/* height: 120px; */
}

#rightMenu {
	top: 250px;
	/*position: fixed;*/
	/* float: right;*/
	right: 10%;
	height: 500px;
	padding: 0.5em;
	z-index: 5000;
}

#mesTabs {
	float: left;
	margin-top: 50px;
	padding-right: 12em;
}

/** Page d'accueil **/
#accueilWelcome { /* Customisation */

}

#accueilRecherche { /* Customisation */

}

#accueilNotifications { /* Customisation */

}

#accueilAlertes { /* Customisation */

}

#accueilCarrousel { /* Customisation */

}

/*clear: both;
	text-align: center;
	margin-left: 10px;
	margin-right: 10px;
	margin-top: 680px;*/
#footerPanel {
	margin: 3px 10px 10px;
	text-align: center;
}

#carrousel {
	overflow: hidden;
	background: #000 url('../images/orbit/loading.gif') no-repeat center
	center;
}

#carrousel .content {
	background: url(../images/carrousel/fond_motif.jpg) repeat;
	line-height: 16px;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 5px;
	margin-left: 80px;
	margin-right: 80px;
	margin: 0px;
	position: absolute;
	height: 100%;
}

#carrousel>img,#carrousel>div,#carrousel>a {
	display: none;
}

#carrousel>img,#carrousel>div,#carrousel>a {
	display: none;
}

/*  */
#documentsDataContainer20b {
	height: 300px;
}

#revealRecherche {
	left: 40%;
	width: 700px
}

#revealRecherche div .row .input-text.small.nice {
	width: 100%;
}

#revealRecherche .libelle {

}

#revealRecherche .row {
	padding: 2px 0;
}

/* Indicateur de chargement
#busy_indicator {
    display: none;
    position: absolute;
    float: right;
    background: transparent;
    margin-top: 90px;
    margin-left:30px;

    width: 200;
    font-weight: bold;
    text-align: center;
    font-size: 1em;
}*/

#busy_indicator {
	display: none;
	margin-top:8px;
	margin-left:40%;
	position: fixed;
	z-index:999;
}

#revealRecherche label {
	position: relative;
}

/* ############################
   ##   Les classes          ##
   ############################	*/
.detailNoticeNumerosRecus {

}

.titreNoticeNumerosRecus {
	background: #f5f5f5;
	font-weight: bold;
	padding: 3px;
	margin-bottom: 5px;
}

.cadre {
	border: 1px solid gray;
	border-radius: 5px;
	padding: 3px;
}

.enCoucheDuFond {
	z-index: 3;
}

.selectionner {
	float: left;
	margin-right: 10px;
}

.mettreEnCouleur {
	font-weight: bold;
	color: red;
}

.titreOngletCourant {
	font-weight: bold;
}

.notificationPanel {
	background: url(../images/notifications.png) no-repeat 0px 1px;
	height: 30px;
	width: 50px;
}

.notificationPanel.zeroNotification {
	background: url(../images/zeroNotification.png) no-repeat 0px 1px;
}

.notificationQuantity {
	background-color: #8cb721;
	border: 3px solid #8cb721;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	color: #ffffff;
	font-weight: bold;
	left: 0px;
	line-height: 12px;
	padding: 1px;
	position: relative;
	text-align: center;
	top: 0px;
	width: 40px;
}

.notificationQuantity.zeroNotification {
	background-color: #999999;
	color: #dddddd;
}

.notificationRead { /*background-color: #cccccc;
	border: 1px solid #666666;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;*/
	color: #cccccc;
	margin-bottom: 2px;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 2px;
	padding: 2px;
}

.notificationUnread { /*background-color: #ddeedc;
	border: 1px solid #8cb721;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;*/
	font-weight: bold;
	margin-bottom: 2px;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 2px;
	padding: 2px;
}

.notificationBody {
	background-color: #ffffff;
	border: 1px solid #666666;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	margin: 5px;
	padding: 5px;
}

.date {
	width: 6em;
}

.boutonsDeFormulaire {
	text-align: center;
	padding-top: 0.5em;
}

.lien {
	border: none;
}

.positionCentree {
	text-align: center;
}

.lien img {
	border: 0;
}

.panierNonVide {
	font-weight: bold;
}

.searchSubmitLink {
	display: inline;
	top: 4px;
	vertical-align: top;
	position: relative;
}

/*  Stardust CSS 3 sympa & animée */
.stardustContain { /* height: 3em; */
	/* width: 3em; */
	/*
	height:6em;
	width:6em;
	border:1px solid black;
	*/
	/* text-align:center; */
	/* line-height: 3em; */
	font-weight: bold;
}

.nice.date {
	display: inline;
	width: 7em;
}

/* Starburst */
.starburst {
	display: block;
	width: 4.5em;
	/* height:4em;*/
	/* -webkit-transform: rotate(-67.5deg); */
	/* -moz-transform: rotate(-67.5deg); */
	/* rotation: -67.5deg; */
	position: relative;
	/* top:2em; */
	/* left:2em;*/
	/*right:-1em;*/
	text-align: right;
	text-decoration: none;
	color: #444444;
	/*
	font-weight:bold;
	font-family:Arial, sans-serif;
	*/
}

/* .starburst span {
	display: block;
	width: 5em;
	height: 5em;
	background: #78d7ff;
	-webkit-transform: rotate(22.5deg);
	-moz-transform: rotate(22.5deg);
	rotation: 22.5deg;
	-moz-border-radius: 2.5em;
	-webkit-border-radius: 2.5em;
	border-radius: 2.5em;
	-moz-transition: -moz-border-radius 0.2s ease-in;
	-webkit-transition: -webkit-border-radius 0.2s ease-in;
	transition: border-radius 0.2s ease-in;
}
 */
/* .starburst:hover {
	background: transparent;
}
 */
.starburst:hover span { /* background: #FFCC33; */
	color: #000;
	/* -moz-border-radius: 0; */
	/* -webkit-border-radius: 0; */
	/* border-radius: 0; */
}

/*  Fin Stardust CSS 3 */
.labelDeFormulaire {
	text-align: right;
	color: #666666;
	padding-right: 0.1em;
	padding-bottom: 0.75em;
}

.labelDeFormulaire.MonoTagField {
	float: right;
	padding-top: 0.75em;
}

.labelDeFormulaire.LabelField {
	padding-top: 0.75em;
}

.labelDeFormulaire.StringField {
	padding-top: 0.75em;
}

div .row.ocrCheck .labelDeFormulaire.StringField {
	padding-top: 0em;
}

.RadioChoiceField {
	padding-top: 0.75em;
}

.labelDeFormulaire.DateField {
	padding-top: 0.75em;
}

.reveal-modal *:first-child input[type=checkbox] {
    margin-top: 10px;
}

.reveal-modal *:first-child input[name="documents:0:envoyerParMailCheck"]
{
	margin-top: 2px;
    margin-right: 1px;
	margin-bottom: 1px;
	margin-left: 1px;
}

.reveal-modal *:first-child input[name="documents:0:genererUnExemplaireCheck"]
{
	margin-top: 2px;
    margin-right: 1px;
	margin-bottom: 1px;
	margin-left: 1px;

}

/* remarque : on ne peut pas utiliser margin-bottom car écrasé par le style .reveal-modal *:last-child */
.row .rowActeurField{
    margin-top: 4px;
}

.labelDeFormulaire.IntegerField {
	padding-top: 0.75em;
}

.labelDeFormulaire.MultiTagField {
	padding-top: 0.75em;
}

.labelDeFormulaire.SelectField {
	padding-top: 0.3em;
}

.labelDeFormulaire.DateRangeField {
	padding-top: 0.6em;
}

.labelDeFormulaire.DateRangeFieldDeA {
	vertical-align: text-top;
}

.boxTags.zoneSaisieRecherche {
	margin: 0 0 12px;
}

.cbxAutoSelectTag {
	/** CheckBox */
}

.cbxAutoSelectTag > div.three.columns {
	width: 60%;
	float : left;
}

.cbxAutoSelectTag > div.eight.columns {
	width: 7%;
	padding-top: 0.75em;
	text-align: center;
}
.cbxAutoSelectTag > div.one.columns {
	width: 30%;
	padding-top: 0.8em;
}

.selectFieldSize {
	max-width: 100%;
	width: 100%;
}


/*[name="civiliteActeur:selectInput_"]*/
select[name="civiliteActeur:selectInput_"]
{
	max-width:10%;
	width:10%;
}

input[name="nomActeur:stringInput_"]
{
	max-width:90%;
	width:90%;
}

input[name="prenomActeur:stringInput_"]
{
	max-width:90%;
	width:90%;
}

input[name="badgeActeur:stringInput_"]
{
	max-width:60%;
	width:60%;
}

select[name="profilActeur:selectInput_"]
{
	max-width:100%;
	width:50%;
}
select[name="serviceActeur:selectInput_"]
{
	max-width:100%;
	width:50%;
}

input[name="adresseActeur:stringInput_"]
{
	width:90%;
}
input[name="codepostalActeur:stringInput_"]
{
	width:30%;
}
input[name="villeActeur:stringInput_"]
{
	width:90%;
}

input[name="emailActeur:stringInput_"]
{
	width:90%;
}

input[name="tel1Acteur:stringInput_"]
{
	width:30%;
}

input[name="tel2Acteur:stringInput_"]
{
	width:30%;
}

input[name="nbjourspretActeur:integerInput_"]
{
	width:10%;
}

textarea[name="notesActeur:stringInput_"]
{
	width:90%;
}


.selectFieldLargeSize {
	max-width: 250px;
}

.panier.bloc {
	background-color: #DDEEDD;
	margin-left: 5px;
	margin-right: 5px;
}

.actionsDeListe {
	text-align: right;
}

.row.actionsDeListe {
	border-top: 1px solid #AAAAAA;
	margin-top: 4px;
	padding-top: 4px;
}

.row.actionsDeListe div {
	display: inline;
}

.starList {

}

.champ_recherche {
	border-top: 1px solid #AAAAAA;
	margin: 6px 0;
	padding: 5px 0;
}

.groupeChamps {
	border-top: 1px solid #AAAAAA;
	padding: 4px 0;
}

.searchText {
	width: 65%;
	margin-left: 3px;
}

.searchPanel {
	text-align: center;
}

.titreBloc {
	font-size: large;
	font-family: verdana;
	font-weight: bold;
	padding-bottom: 0.3em;
	text-align: center;
}

.linkedDocsTitle {
	font-size: large;
	font-family: verdana;
	font-weight: bold;
	padding-bottom: 0.3em;
	text-align: left;
}

.sortableBlocZone {
	border: 0px;
	float: right;
	margin: 0px;
	min-height: 50px;
	min-width: 100px;
	padding: 0px;
}

.verticalToolBox {
	background-color: #eee;
	border: 2px solid #ddd;
	margin-bottom: 1em;
	margin-left: -3em;
	min-height: 6em;
	min-width: 10em;
	padding: 2px;
	padding-left: 1.5em;
	padding-bottom: 1em;
	-webkit-box-shadow: 2px 2px 2px #AAAAAA;
	-webkit-border-radius: 2px 2px 2px 2px;
	-moz-box-shadow: 2px 2px 2px #AAAAAA;
	border-radius: 5px 5px 5px 5px;
	padding: 2px;
	position: absolute;
	text-align: left;
	z-index: 149;
	/* Pas visible par d�faut (visible sur le rollover css) */
	display: none;
}

.rechercheToolBox {
	display: none;
}

.triToolBox {
	display: none;
}

.triRechercheHistoriseeToolBox {
	display: none;
}

.lesReservationsTris {
	display: none;
}

.lesPretsSoldesActeurTris {
	display: none;
}

.lesPretsSoldesTris {
	display: none;
}

.relancePretsTris {
	display: none;
}

.lesPretsActifActeurTris {
	display: none;
}

.tousLesPeriodiquesTris {
	display: none;
}

.dernierRecuesPeriodiquesTris {
	display: none;
}

.demandesSoldeesTris {
	display: none;
}

.demandesDocumentTris {
	display: none;
}

.demandesRechercheTris {
	display: none;
}

.lesNumerosAttendusTris {
	display: none;
}

.lesDepechesCourantesTris {
	display: none;
}

.validationReservationTris {
	display: none;
}

.lesPretsActifsTris {
	display: none;
}

.verticalToolBoxLabel {
	font-size: xx-small;
	padding: 0.5em;
}

.verticalToolBoxPanel {
	font-size: 0.9em;
	font-size: 0.9rem;
}

.administrationBloc {
	text-align: left;
}

.administrationToolbox {
	text-align: right;
}

.mainActions {
	float: right;
	padding: 0.1em;
	width: 66px;
}

.secondaryActions {
	float: right;
	width: 40px;
}

.secondaryActions:hover .verticalToolBox { /** Show toolbox */
	display: block;
}

.rechercheActions {

}

.rechercheActions:hover .rechercheToolBox { /** Show toolbox */
	display: inline;
}

.triActions {

}

.triActions:hover .triToolBox { /** Show toolbox */
	display: inline;
}

.relanceTriActions {

}

.relanceTriActions:hover .relanceTriToolBox { /** Show toolbox */
	display: inline;
}

.showHideBloc {
	float: right;
}

.outilsBloc {
	text-align: right;
}

.tagCloud li {
	list-style-type: none;
}

.tagCloud ul { /*list-style-type:none;*/

}

/* .contenuOnglet .titreZone {
	border-bottom: 2px solid #;
} */
.icone.Login {
	background: url(../images/door_in.png) no-repeat;
}

.icone.Show {
	background: url(../images/tools/bullet_arrow_down.png) no-repeat;
}

.icone.Hide {
	background: url(../images/tools/bullet_arrow_up.png) no-repeat;
}

.icone.Ged {
	background: url(../images/edit/ged.png) no-repeat;
}

.icone.WordTelechargement {
	background: url(../images/edit/page_word.png) no-repeat;
}

.icone.ExcelTelechargement {
	background: url(../images/edit/page_excel.png) no-repeat;
}

.icone.TexteTelechargement {
	background: url(../images/edit/page_white_text.png) no-repeat;
}

.icone.PdfTelechargement {
	background: url(../images/edit/page_white_acrobat.png) no-repeat;
}

.icone.MediaTelechargement {
	background: url(../images/edit/sound.png) no-repeat;
}

.icone.ImageTelechargement {
	background: url(../images/edit/picture.png) no-repeat;
}

.icone.MultiTelechargement {
	background: url(../images/edit/page_white_stack.png) no-repeat;
}

.icone.ZipTelechargement {
	background: url(../images/tools/page_white_compressed.png) no-repeat;
}

.icone.RondOrange {
	background: url(../images/bullet_orange.png) no-repeat;
}

.icone.RondVert {
	background: url(../images/bullet_green.png) no-repeat;
}

.icone.RondRouge {
	background: url(../images/bullet_red.png) no-repeat;
}

/* .icone.Star {
	background: url(../images/edit/star.png) no-repeat;
}

.icone.Unstar {
	background: url(../images/edit/unstar.png) no-repeat;
} */
.icone.Edit {
	background: url(../images/edit/pencil.png) no-repeat;
}

.icone.SuppressionBloc {
	background: url(../images/tools/delete.gif) no-repeat;
}

.icone.Delete {
	background: url(../images/edit/cross.png) no-repeat;
}

.icone.AddBloc {
	background: url(../images/edit/add.png) no-repeat;
}

.icone.ChangeTemplateTab {
	background: url(../images/edit/pencil.png) no-repeat;
}

.icone {
	padding-left: 1.5em;
	/* padding-right: 1.5em; */
	padding-bottom: 1em;
	border: none;
	border: 0px;
	display: inline;
}

.icones {
	display: block;
}

.slickbox {
	padding-left: 1.5em;
	/* padding-right: 1.5em; */
	padding-bottom: 1em;
	border: none;
	border: 0px;
}

.loginCenter { /*position: absolute;
	top: 40%;
	left: 50%;*/

}

.loginBox {
	width: 500px;
	background: #eee url(../images/misc/modal-gloss.png) no-repeat -200px
	-80px;
	padding: 30px;
	margin: 10px 50%;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	-moz-box-shadow: 0 0 10px rgba(0, 0, 0, .4);
	-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .4);
	box-shadow: 0 0 10px rgba(0, 0, 0, .4);
}

.loginBox .nice.tiny.round.button {
	left: 34%;
}

/* .loginBox {
	top: -50px;
	left: 50%;
	margin-left: -300px;
	width: 520px;
	background: #eee url(../images/misc/modal-gloss.png) no-repeat -200px
		-80px;
	position: absolute;
	z-index: 2001;
	padding: 30px 40px 34px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	-moz-box-shadow: 0 0 10px rgba(0, 0, 0, .4);
	-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .4);
	box-shadow: 0 0 10px rgba(0, 0, 0, .4);
} */
.div_inline {
	display: inline;
}

.guiButton {

}

.guiShowMotsCleButton {
	display: inline-block;
	margin: 5px;
}

.guiYesNoButton {
	display: inline-block;
	float: right;
	margin: 5px;
}

.reveal-modal .guiYesNoButton {
	display: inline-block;
	float: right;
	margin: 5px;
}

/*  */
.orbit-wrapper {
	height: 300px;
	margin-bottom: 50px;
}

ul.orbit-bullets {
	bottom: -20px;
	margin: 0px;
}

div.orbit.with-bullets {
	margin-bottom: 8px;
}

.carrouselNormalSize {
	height: 300px;
	width: 100%;
	margin-bottom: 20px;
}

.carrouselSmallSize {
	height: 130px;
	width: 800px;
	margin-bottom: 20px;
	margin-left: auto;
	margin-right: auto;
	max-width: 100%;
}

.mceEditor {
	width: auto;
}

/** Bloc et gestion de leur déplacement */
.moveBloc {
	text-align: left;
}

.bloc { /* background-color:SandyBrown */
	background-color: #FFFFFF;
	border: 1px solid #AAAAAA;
	margin-bottom: 1em;
	padding: 5px;
	box-shadow: 2px 2px 5px #AAAAAA;
	border-radius: 10px 10px 10px 10px;
	z-index: 1000;
}

.modal {
	background-color: #FFFFFF;
	margin-bottom: 1em;
	padding: 5px;
	z-index: 1000;
}

.blocDropZone {

}

.blocAddIcon {
	position: absolute;
	right: 0px;
	bottom: 0px;
}

.blocDropZoneActive {
	background-color: #dddddd;
	border-color: #ff6363;
	border-style: dashed;
	border-width: 2px;
	-moz-border-radius: 10px 10px 10px 10px;
	-webkit-border-radius: 10px 10px 10px 10px;
	border-radius: 10px 10px 10px 10px;
	margin: 5px;
	min-height: 100px;
	min-width: 100px;
	padding: 10px;
}

.blocDropZoneDeplacable {

}

.blocEnDeplacement {
	border-color: #63ff63;
	border-style: dashed;
	border-width: 2px;
}

.blocmove-placeholder {
	/* Zone d'arrivee du bloc lors du deplacement*/
	border: 1px dotted #fcefa1/*{borderColorHighlight}*/;
	background: #fbf9ee 50% 50% repeat-x;
	color: #363636;
	margin: 0 5px 5px 0;
	padding: 0 3px 4px 5px;
	width: inherit;
	height: inherit;
}

.row.blocHeader {
	margin-bottom: 0.4em;
}

.blocHeader {
	z-index: 1001;
	border-bottom: 2px solid #000;
}

.blocContent {
	vertical-align: top;
	z-index: 1001;
}

.rupture {
	background-color: #AAAAAA;
	color: white;
	font-size: large;
	padding: 0.2em;
	text-align: center;
}

.feedRow {
	width: 95%;
}

.fluxRSSTitre {
	font-weight: bold;
}

.fluxRSSInfoTitle {
	font-weight: bold;
}

.fluxRSSInfoDescription {

}

.fluxRSSInfoPubDate {
	text-align: right;
}

/*
.blocBleu {
	background-color:#EEEEEE;
	border: 1px solid #AAAAAA;
	margin-bottom: 1em;
	padding: 0.5em;
	-webkit-box-shadow: 2px 2px 5px #AAAAAA;
	-webkit-border-radius: 10px 10px 10px 10px;
	-moz-box-shadow: 2px 2px 5px #AAAAAA;
	border-radius: 10px 10px 10px 10px;
}

.blocVerte {
	background-color:#EEEEEE;
	border: 1px solid #AAAAAA;
	margin-bottom: 1em;
	padding: 0.5em;
	-webkit-box-shadow: 2px 2px 5px #AAAAAA;
	-webkit-border-radius: 10px 10px 10px 10px;
	-moz-box-shadow: 2px 2px 5px #AAAAAA;
	border-radius: 10px 10px 10px 10px;

}
*/

/* Boutons css3 */
.a-btn {
	background: #80a9da;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(#80a9da, 0),
	color-stop(#6f97c5, 1) );
	background: -webkit-linear-gradient(top, #80a9da 0%, #6f97c5 100%);
	background: -moz-linear-gradient(top, #80a9da 0%, #6f97c5 100%);
	background: -o-linear-gradient(top, #80a9da 0%, #6f97c5 100%);
	background: linear-gradient(top, #80a9da 0%, #6f97c5 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(               startColorstr='#80a9da',
	endColorstr='#6f97c5', GradientType=0 );
	padding-left: 20px;
	padding-right: 80px;
	/*height:38px;*/
	height: 20px;
	/* font */
	color: #333;
	font-family: 'Oswald', Arial, sans-serif;
	display: inline-block;
	position: relative;
	border: 1px solid #5d81ab;
	-webkit-box-shadow: 0px 1px 1px rgba(255, 255, 255, 0.8) inset, 1px 1px
	3px rgba(0, 0, 0, 0.2), 0px 0px 0px 4px rgba(188, 188, 188, 0.5);
	-moz-box-shadow: 0px 1px 1px rgba(255, 255, 255, 0.8) inset, 1px 1px 3px
	rgba(0, 0, 0, 0.2), 0px 0px 0px 4px rgba(188, 188, 188, 0.5);
	box-shadow: 0px 1px 1px rgba(255, 255, 255, 0.8) inset, 1px 1px 3px
	rgba(0, 0, 0, 0.2), 0px 0px 0px 4px rgba(188, 188, 188, 0.5);
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	float: left;
	clear: both;
	margin: 10px 0px;
	overflow: hidden;
	-webkit-transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
	transition: all 0.3s linear;
}

.a-btn-text {
	padding-top: 5px;
	display: block;
	font-size: 12px;
	white-space: nowrap;
	text-shadow: 0px 1px 1px rgba(255, 255, 255, 0.3);
	color: #446388;
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	transition: all 0.2s linear;
}

.a-btn-slide-text {
	position: absolute;
	height: 100%;
	top: 0px;
	right: 52px;
	width: 0px;
	background: #63707e;
	text-shadow: 0px -1px 1px #363f49;
	color: #fff;
	font-size: 12px;
	white-space: nowrap;
	/*text-transform:uppercase;*/
	text-align: left;
	text-indent: 10px;
	overflow: hidden;
	line-height: 38px;
	-webkit-box-shadow: -1px 0px 1px rgba(255, 255, 255, 0.4), 1px 1px 2px
	rgba(0, 0, 0, 0.2) inset;
	-moz-box-shadow: -1px 0px 1px rgba(255, 255, 255, 0.4), 1px 1px 2px
	rgba(0, 0, 0, 0.2) inset;
	box-shadow: -1px 0px 1px rgba(255, 255, 255, 0.4), 1px 1px 2px
	rgba(0, 0, 0, 0.2) inset;
	-webkit-transition: width 0.3s linear;
	-moz-transition: width 0.3s linear;
	-o-transition: width 0.3s linear;
	transition: width 0.3s linear;
}

.a-btn-icon-right {
	position: absolute;
	right: 0px;
	top: 0px;
	height: 100%;
	width: 52px;
	border-left: 1px solid #5d81ab;
	-webkit-box-shadow: 1px 0px 1px rgba(255, 255, 255, 0.4) inset;
	-moz-box-shadow: 1px 0px 1px rgba(255, 255, 255, 0.4) inset;
	box-shadow: 1px 0px 1px rgba(255, 255, 255, 0.4) inset;
}

.a-btn-icon-right span {
	width: 38px;
	height: 38px;
	/*height:20px;*/
	opacity: 0.7;
	position: absolute;
	left: 50%;
	top: 50%;
	margin: -20px 0px 0px -20px;
	background: transparent url(../images/arrow_right.png) no-repeat 50% 55%;
	-webkit-transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
	transition: all 0.3s linear;
}

.a-btn:hover {
	padding-right: 180px;
	-webkit-box-shadow: 0px 1px 1px rgba(255, 255, 255, 0.8) inset, 1px 1px
	3px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0px 1px 1px rgba(255, 255, 255, 0.8) inset, 1px 1px 3px
	rgba(0, 0, 0, 0.2);
	box-shadow: 0px 1px 1px rgba(255, 255, 255, 0.8) inset, 1px 1px 3px
	rgba(0, 0, 0, 0.2);
}
/**/
.a-btn:hover .a-btn-text {
	text-shadow: 0px 1px 1px #5d81ab;
	color: #fff;
}

.a-btn:hover .a-btn-slide-text {
	width: 100px;
}

.a-btn:hover .a-btn-icon-right span {
	opacity: 1;
}

.a-btn:active {
	position: relative;
	top: 1px;
	background: #5d81ab;
	-webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.4) inset;
	-moz-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.4) inset;
	box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.4) inset;
	border-color: #80a9da;
}

.block-grid.three-up>li {
	margin-left: 2%;
	width: 29.3%;
	margin: 0 2%;
	padding: 0;
}

.zero-vertical-padding .block-grid.one-up>li {
	padding: 0;
}

.zero-vertical-padding input:checked+label {
	font-weight: bold;
}

/* Style de mise en forme des champs */
.TitreAuteur_auteurPrimaire {
	font-style: italic;
}

.navigator_Class {
	text-align: center;
}

.navigator_Class span span em span {
	font-weight: bold;
	color: blue;
}

.DocumentDomain_nom {
	font-weight: bold;
}

.DepecheDomain_libelle {
	font-weight: bold;
}

.TitreAuteurDomain_auteurPrimaire {
	font-style: italic;
}

.EditeurDomain_anneePublication {
	font-weight: bold;
}

/* Libellé d'un champ */
.libelle {
	color: #666666;
	display: block;
	float: left;
	height: 12px;
	/*overflow:         hidden;*/
	/* position: absolute; */
	text-align: right;
	vertical-align: middle;
	/* vertical-align: top; */
	width: 150px;
	word-wrap: break-word;
	padding: 4px;
}

/* valeur d'un champ au niveau détail */
.valeur_detail {
	display: block;
	float: left;
	position: relative;
	padding: 4px;
}

/* alternance des blocs pairs et impairs dans la liste des réponses */
.Even { /* bloc pair */
	background-color: #EEEEEE;
	border: 1px solid #dddddd;
	margin: 5px;
	padding: 5px;
	line-height: 16px;
	/* background-color: box-shadow:0px 0px 10px #000;
	-moz-box-shadow: 0px 0px 10px #000;
	-webkit-box-shadow: 0px 0px 10px #000; */
	/* For IE 8 */
	/*-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000')";*/
	/* For IE 5.5 - 7 */
	/*filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000');*/
	border-radius: 5px 5px 5px 5px;
	-moz-border-radius: 5px 5px 5px 5px;
	-webkit-border-radius: 5px 5px 5px 5px;
	/*-o-border-radius: 5px 5px 5px 5px;*/
	/* margin: 10px 5px 5px 5px; */
	/* margin-left: 10px;
	margin-top: 5px;
	padding: 10px 10px 10px 10px;
	width: 90% */
}

.etape3detail {
	/* bloc impair */
	background-color: #CCCCCC;
	border: 1px solid #bbbbbb;
	margin: 5px;
	padding: 5px;
	line-height: 16px;
	border-radius: 5px 5px 5px 5px;
	-moz-border-radius: 5px 5px 5px 5px;
	-webkit-border-radius: 5px 5px 5px 5px;
}

.Odd { /* bloc impair */
	background-color: #CCCCCC;
	border: 1px solid #bbbbbb;
	margin: 5px;
	padding: 5px;
	line-height: 16px;
	/* background-color: box-shadow:0px 0px 10px #000;
	-moz-box-shadow: 0px 0px 10px #000;
	-webkit-box-shadow: 0px 0px 10px #000; */
	/* For IE 8 */
	/*-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000')";*/
	/* For IE 5.5 - 7 */
	/*filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000');*/
	border-radius: 5px 5px 5px 5px;
	-moz-border-radius: 5px 5px 5px 5px;
	-webkit-border-radius: 5px 5px 5px 5px;
	/*-o-border-radius: 5px 5px 5px 5px;*/
	/* margin: 10px 5px 5px 5px; */
	/* margin-left: 10px;
	margin-top: 5px;
	padding: 10px 10px 10px 10px;
	width: 90% */
}

.RemovedLine  {
	color: white;

	background: repeating-linear-gradient(
			-45deg,
			#222,
			#222 5px,
			#333 5px,
			#333 10px
	);

}

.Odd.RemovedLine:hover, .Even.RemovedLine:hover  {
	color: white;

	background: repeating-linear-gradient(
			-45deg,
			#222,
			#222 5px,
			#333 5px,
			#333 10px
	);

}

.Odd:hover,.Even:hover {
	background: #C1E9EC;
}

.documentNbTelechargementsBloc {
	vertical-align: middle;
}

.documentNbTelechargements {
	background-color: #CCCCCC;
	border-color: #AAAAAA;
	border-radius: 5px 5px 5px 5px;
	-moz-border-radius: 5px 5px 5px 5px;
	-webkit-border-radius: 5px 5px 5px 5px;
	border-style: solid;
	border-width: 2px;
	box-shadow: 2px 2px 2px #666;
	-moz-box-shadow: 2px 2px 2px #666;
	-webkit-box-shadow: 2px 2px 2px #666;
	font-size: 1.0em;
	font-weight: bolder;
	text-align: center;
	vertical-align: middle;
}

.Mouvement_exemplairePretActif_DocumentDomain_nom_Synthese {
	font-weight: bold;
}

.Mouvement_exemplairePretActif_document_categorie_nom_Synthese:before {
	content: "(";
}

.Mouvement_exemplairePretActif_document_categorie_nom_Synthese:after {
	content: ")";
}

.reservationDomains_etatReservationDomain_description {
	font-style: italic;
	font-weight: bold;
}

.row {
	width: 100%;
	max-width: none;
	min-width: 727px;
	margin: 0px;
}

.titreBloc.twoColumns {
	font-size: small;
}

.smallColumn .titreBloc {
	font-size: small;
}

.highlightMe { /* RAF : juste pour jquery */

}

.operateurSimple {
	display: block;
	float: left;
	margin: 4px 0 0 5px;
	position: relative;
	width: 100px;
}

.operateurAvance {
	display: block;
	float: left;
	margin: 4px 0 0 5px;
	position: relative;
}

.zoneSaisieRecherche {
	display: block;
	float: left;
	margin: 0 0 0 5px;
	position: relative;
}

.valeursSelectionnees {
	display: block;
	float: left;
	margin: 0 0 0 5px;
	position: relative;
}

.libelle.recherche {
	position: relative;
	top: 4px;
}

.vignette {
	float: left;
	margin: 1px 3px 1px 1px;
	padding: 0 0 0 0;
}

.pretRetard {
	background: url(../images/clock.png) no-repeat;
	padding-left: 20px;
	font-weight: bold;
	color: red;
}

.reveal-modal label {
	display: inline;
}

.editableLabel {
	border-color: #1DB642;
	border-style: dashed;
	border-width: 1px;
}

.reveal-modal .imageTemplate {
	text-align: center;
	vertical-align: middle;
	margin: auto;
	width: 100%;
	/*height: 100%;*/
	padding: 20px;
}

.titrePopup {
	font-size: 1.5em;
	font-weight: bold;
	margin-bottom: 25px;
	margin-left: 125px;
	text-align: center;
	width: 100%;
}

.formLabel {
	font-size: 1.0em;
	font-weight: bold;
}

.yui-skin-sam>img {
	margin-top: 0.4em;
}

.hideElement {
	display: none;
	visibility: hidden;
}

.showElement {
	display: block;
	visibility: visible;
}

.slickboxModeAbonnement {

}

.iconText {
	vertical-align: middle;
}

.iconTextImage {
	border: 0px;
	vertical-align: middle;
}

.iconTextLink {
	background: #2ba6cb;
	border: 1px solid #446699;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	color: #dddddd;
	font-weight: bold;
	margin-bottom: 2px;
	margin-left: 2px;
	margin-right: 2px;
	margin-top: 2px;
	min-width: 120px;
	padding-bottom: 3px;
	padding-left: 3px;
	padding-right: 3px;
	padding-top: 1px;
	vertical-align: middle;
}

.iconTextLink:hover {
	background: #2284a1;
	border: 1px solid #6688cc;
	color: #ffffff;
}

.pageTitle {
	color: #666666;
	font-size: 2em;
	font-weight: bold;
	margin-top: 18px;
	padding-bottom: 20px;
}

.errorTitle {
	color: #666666;
	font-size: 3em;
	font-weight: bold;
	margin-top: 20px;
	text-align: center;
}

.stackTrace {
	border: 2px solid #ff0000;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	padding: 5px;
}

.stackTraceElement {
	color: #ff0000;
	margin-left: 40px;
	padding: 3px
}

.stackTraceMessage {
	color: #ff0000;
	font-weight: bold;
	padding: 5px;
}

.userTools {
	border: 1px solid #dddddd;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	padding: 5px;
	margin: 5px;
}

.adminTools {
	border: 1px solid #dddddd;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	padding: 5px;
	margin: 5px;
}

.flyout {
	border: 1px solid #adc582;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	background: #fff;
	margin: 0;
	padding: 20px;
	border: 2px solid #ddd;
	position: absolute;
	top: 33px;
	left: -1px;
	width: 400px;
	z-index: 40;
}

.deleteLotGed {
	display: block;
	left: 50px;
	top: 50px;
}
/* Arbre des mots-cl�s, utilisation d'un scroll */
.tree-motscles {
	border: 1px solid #BBBBBB;
	overflow: auto;
	min-height: 50px;
	max-height: 500px;
}

.listTableBorder {
	padding: 5px;
	overflow-x: hidden;
	overflow-y: auto;
}

.actionBorder {
	border: 1px solid #dddddd;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	overflow-x: hidden;
	overflow-y: auto;
	padding: 5px;
}

.detailBorder {
	border: 1px solid #dddddd;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	margin-top: 10px;
	padding: 10px;
}

.mediumRow {
	max-height: 300px;
}

.actionButton {
	display: block;
	margin-bottom: 5px;
	margin-top: 5px;
}

.tableHeader {
	/*
	A surcharger si on souhaite modifier la couleur de header.
	*/
}

/*.tableHeader .leftRound {
	border-left: 1px solid #666666;
	-webkit-border-top-left-radius: 10px;
	-moz-border-radius-topleft: 10px;
	border-top-left-radius: 10px;
}

.tableHeader .rightRound {
	border-right: 1px solid #666666;
	-webkit-border-top-right-radius: 10px;
	-moz-border-radius-topright: 10px;
	border-top-right-radius: 10px;
}

.tableRow {
	border: 1px solid #666666;
}

.tableRow .odd {
	background: #dddddd;
	color: #333333;
}

.tableRow .even {
	background: #999999;
	color: #ffffff;
}

.tableFooter {
	background: #999999;
	border-bottom: 1px solid #666666;
	border-top: 1px solid #666666;
}

.tableFooter .leftRound {
	border-left: 1px solid #666666;
	-webkit-border-top-left-radius: 10px;
	-moz-border-radius-topleft: 10px;
	border-top-left-radius: 10px;
}

.tableFooter .rightRound {
	border-right: 1px solid #666666;
	-webkit-border-top-right-radius: 10px;
	-moz-border-radius-topright: 10px;
	border-top-right-radius: 10px;
	color: #ffffff;
}*/
.dataview {

}

.panelTitle {
	font-size: 1.25em;
	font-weight: bold;
	text-align: center;
}

.imageCell {
	text-align: center;
}

.dateCell {
	text-align: center;
}

.numberCell {
	text-align: right;
}

.textCell {
	text-align: justify;
}

legend {
	background: -webkit-linear-gradient(90deg, #CCCCCC, #FFFFFF) repeat
	scroll 0 0 transparent;
	background: -moz-linear-gradient(90deg, #CCCCCC, #FFFFFF) repeat scroll
	0 0 transparent;
	background: -ms-linear-gradient(90deg, #CCCCCC, #FFFFFF) repeat scroll 0
	0 transparent;
	background: -o-linear-gradient(90deg, #CCCCCC, #FFFFFF) repeat scroll 0
	0 transparent;
	background: linear-gradient(90deg, #CCCCCC, #FFFFFF) repeat scroll 0 0
	transparent;
	border: 1px solid #000000;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-ms-border-radius: 10px;
	-o-border-radius: 10px;
	border-radius: 10px;
}

.titreSection {
	font-size: 1.15em;
	font-weight: bold;
}

.smallMargin {
	margin: 2px;
}

.headerPanelZone {

}

.pullNotifications {

}

.texteMessageImportant {
	color: #ff0000;
}

.lecteurInterditPret {
	font-weight: bold;
	color: red;
}

.reveal-modal.xlarge {
	width:90%;
	margin-left: -45%;
	top: 30px;
}

.synonymedecorate {
	color: #60d876;
	text-decoration: none ;
	font-style : italic;
}

/**********************************************************************/
/*                             Photothèque                            */
/**********************************************************************/
div.unePetiteVignette {
	float: left;
	width: 33%;
	text-align: center;
	max-width: 33%;
	max-height: 200px;
	padding: 5px;
}

img {
	max-width: 100%;
	max-height: 100%;
}

img.vignettePlancheContact {
	max-width: 100%;
	max-height: 190px;
}

/* style des blocs résultats de recherche sur 4 colonnes */
div.photos div.laListeDeReponses {
	display:table;
	width: 100%;
}
div.photos div.laListeDeReponses div.Odd {
	width:23%;
	float: left;
}
div.photos div.laListeDeReponses div.Even{
	width:23%;
	float: left;
}
div.photos div.laListeDeReponses div.Odd > div.row:first-child {
	height:250px;
	overflow: hidden;
}
div.photos div.laListeDeReponses div.Even div.actionsDeListe {
    overflow: hidden;
	height:30px;
}
div.photos div.laListeDeReponses div.Odd div.actionsDeListe {
    overflow: hidden;
	height:30px;
}
div.photos div.laListeDeReponses div.Even > div.row:first-child {
	height:250px;
    overflow: hidden;
}
div.photos div.laListeDeReponses div.Odd div.vignette {
	float: none;
	text-align: center;
}
div.photos div.laListeDeReponses div.Even div.vignette {
	float: none;
	text-align: center;
}
div.photos div.laListeDeReponses div.Odd div.vignette  img {
	max-height: 200px;
}
div.photos div.laListeDeReponses div.Even div.vignette  img {
	max-height: 200px;
}

/* styles génériques pour masquer le fond, les bordures et l'entête d'un bloc */
.fondTransparent {
	background-color:transparent;
}
.aucuneBordure {
	border:none;
	box-shadow:none;
}
.aucuneBordure .blocHeader {
	border:none;
}
.aucuneBordure .showHideBloc {
	display:none;
}
/* on affiche quand même une bordure en gestion de bloc avec un fond blanc */
div.blocDropZoneActive  .aucuneBordure {
	border:dashed 1px black;
	box-shadow:none;
}
div.blocDropZoneActive .fondTransparent {
	background-color:#FFF;
}

div.sansTitre div.row.blocHeader div.seven.columns {
	display:none;
}
div.sansTitre div.row.blocHeader div.moveBloc {
	display:none;
}
div.blocDropZone.blocDropZoneActive div.sansTitre div.row.blocHeader div.seven.columns {
	display:block;
}
div.blocDropZone.blocDropZoneActive div.sansTitre div.row.blocHeader div.moveBloc {
	display:block;
}

/* Masquage du Logo placé spécifiquement pour LVS */
div.row.propulsedBy {
	display:none;
}

/*#############################################################*/
/* Styles liés au responsive                                   */
/*#############################################################*/
@media screen and (max-width:500px) {
	div.tabpanel div.tab-panel {
		padding:0;
		float:left;
	}
	div.tabpanel div.tab-row{
		padding:0;
		float:left;
		height: inherit;
	}
	.row {
		width: 100%;
		max-width: none;
		margin: 0px;
	}
	#guiScrollMenu.fixed .tabpanel.nav-bar div.tab-row {
		position: relative;
		top: 0;
		left: 0;
		padding: 0;
		margin: 0;
	}
	div.tab-row ul.nav-bar li {
		width:100%;
	}
	#headerPanel {
		height: inherit;
	}
	div.listLangue label.right {
		display:none;
	}
	label.right {
		float:none;
	}
	div.tabpanel {
		margin-top: 0;
	}
	.printPage {
		display:none;
	}
}

/*#############################################################*/
/* Styles liés à l'impression hors jasper                      */
/*#############################################################*/
/* icône d'impression et bannière spécifique */
div.headerPrint {
	display:none;
}
.printPage {
	float:right;
	padding-top: 9px;
	padding-right: 5px;
}

/* styles spécifiques à l'impression pour cacher certains éléments */
@media print {
	img.logoPrint {
		max-height:50px;
	}
	div.headerPanelZone {
		display:none;
	}
	div.tabpanel div.tab-row {
		display:none;
	}
	div.headerPrint {
		display:block;
		width:100%;
	}
	#busy_indicator {
		display:none;
	}
	.secondaryActions {
		display:none;
	}
	div.listeResultatPanel div.four.columns {
		display:none;		
	}
	div.listeResultatPanel div.eight.columns {
		width:100%;		
	}
	.navigator_Class {
		display:none;		
	}
	label.infoNombreTelechargements {
		display:none;		
	}
	a.linkTelechargementicone, a.ImageTelechargement  {
		display:none;		
	}
	a.gererGEDLink {
		display:none;		
	}
	div.addPanierLink.div_inline {
		display:none;		
	}
	div.removePanierLink.div_inline{
		display:none;		
	}
}

/*#############################################################*/
/* Plan de classement                                          */
/*#############################################################*/
div.planDeClassement .tree-motscles {
	border: 1px solid #BBBBBB;
	overflow: auto;
	min-height: 0px;
	max-height: 200px;
}

div.planDeClassement div.tree-motscles div.tree span.tree-content a.tree-folder-open.selected  span.tree-label ,
div.planDeClassement div.tree-motscles div.tree span.tree-content a.tree-folder-closed.selected  span.tree-label,
div.planDeClassement div.tree-motscles div.tree span.tree-content a.tree-folder-other.selected  span.tree-label{
	background-color: #f0f0f0;
	color: #04749E;
	text-decoration:none;
	font-weight:bold;
}

div.planDeClassement div.tree-motscles div.tree span.tree-content a {
	line-height: 1.2em;
	background-color: transparent;
	padding:2px 2px 2px 20px;
	border-radius:3px;
}

div.planDeClassement div.tree-motscles div.tree span.tree-content a:hover{
	color: #286EA5;
	text-decoration:none;
	background-color: #C1E9EC;
}

div.planDeClassement div.tree-motscles div.tree a.tree-folder-other.selected {
}

/*################################################################*/
/* dimension de la reveal photo */
/*################################################################*/
div.reveal-modal.xlarge {
	width:90%;
}
/* bouton d'affichage de la planche contact */
div.reveal-modal.xlarge div.photoGrandFormat div.row.boutonsDeFormulaire a.button {
	margin: 5px 0 0 0;
}

.reveal-modal *:last-child {
	margin-bottom: 0;
}

/*################################################################*/
/* Cacher la pagination pour la planche contact de la photothèque */
/*################################################################*/
/*
div.reveal-modal.xlarge {
    padding-left: 0;
    padding-right: 0;
}
div.reveal-modal.xlarge div.photoGrandFormat div.row.laListeDeReponses div.twelve.columns.positionCentree > div {
    padding-left: 85px;
    padding-right: 85px;
}
div.photoGrandFormat  div.row.rowNavigator {
	position: absolute;
    z-index: 1000;
}
div.photoGrandFormat  div.titreBloc {
	display:none;
}
div.photoGrandFormat  span.pagingNumber {
	display:none;
}
div.photoGrandFormat  span.pagingFirst, div.photoGrandFormat  a.pagingFirst  {
	display:none;
}
div.photoGrandFormat  span.pagingLast, div.photoGrandFormat  a.pagingLast {
	display:none;
}
div.photoGrandFormat  span.pagingPrev {
	display:none;
}
div.photoGrandFormat  span.pagingNext {
	display:none;
}
div.photoGrandFormat  a.pagingPrev {
	background: url("../images/left-arrow.png") right center transparent no-repeat;
	height:100px;
	width:78px;
	display:block;
	float:left;
	padding-top: 45%;
	color:transparent;
}
div.photoGrandFormat  a.pagingNext {
	background: url("../images/right-arrow.png") left center transparent no-repeat;
	height:100px;
	width:78px;
	display:block;
	float:right;
	padding-right: 0px;
	padding-top: 45%;
	color:transparent;
}
div.photoGrandFormat  a.pagingPrev:hover {
	background: url("../images/left-arrow_hover.png") right center transparent no-repeat;
}
div.photoGrandFormat  a.pagingNext:hover {
	background: url("../images/right-arrow_hover.png") left center transparent no-repeat;
}
div.row.laListeDeReponses {
	position: relative;
	float:left;
}
*/

label.StringPasswordField
{
	white-space: nowrap;
	margin-bottom: 10px!important;
}

/*Strength password STYLING*/
#leFormulaireActeurMdp input[type="password"],#leFormulaireActeurMdp input[type="text"]
{
background:transparent;
color: black;
font-size: 14px;
height: 21px;
width:100%;
}

#leFormulaireActeurMdp{
width: 500px;
margin: 0 auto;
position: relative;
}

.strength_meter{
position: absolute;
left: 0px;
top: 0px;
width: 100%;
height: 21px;
z-index:-1;
padding-right:0px;
}
.button_strength {
position: absolute;
top: 20px;
text-decoration: none;
color: black;
font-size: 12px;
cursor:pointer;
}

.strength_meter div{
width:0%;
height: 21px;
text-align: right;
color: #000;
line-height: 21px;
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
-ms-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;

}
.strength_meter div p{
position: absolute;
top: 16px;
right: 5px;
color: darkblue;
font-size:12px;
}

.veryveryweak{
    background-color: #FFA0A0;
border-color: #F04040!important;
width:20%!important;
}

.veryweak{
    background-color: #FFB78C;
border-color: #F04040!important;
width:40%!important;
}
.weak{
background-color: #FFEC8B;
border-color: #FF853C!important;
width:60%!important;
}
.medium{
background-color: #C3FF88;
border-color: #FC0!important;
width:80%!important;
}
.strong{
background-color: #11FF11;
border-color: #8DFF1C!important;
width:100%!important;
}


.changeUserPwdBox {
	width: 650px;
	background: rgba(150, 150, 150, .1) url(../images/misc/modal-gloss.png) no-repeat -200px -80px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	-moz-box-shadow: 0 0 10px rgba(0, 0, 0, .4);
	-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .4);
	box-shadow: 0 0 10px rgba(0, 0, 0, .4);
}

.retourHomePageLink
{
	/*
	font-size:16px;
	font-weight:bold;
	*/
}
.retourHomePageLink .iconTextImage
{
	 /*
	 width:24px;
	 */
}