@charset "UTF-8";
.partages-experience-bandeau-formulaire {
	background-color: #FBB74D;
	float: left;
	height: 40px;
	width: 1100px;
}
.partages-experience-colonne-visuels-gauche {
	text-align: center;
	float: left;
	width: 320px;
	margin-top: 10px;
}
.partages-experience-bloc-visuel-gauche {
	float: left;
	width: 280px;
	margin-left: 20px;
	margin-bottom: 5px;
}
.partages-experience-colonne-gauche-legende {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 0.75em;
	color: #666;
	text-align: center;
	width: 280px;
	margin-top: 2px;
	margin-bottom: 20px;
	margin-left: 20px;
}

.partages-experience-colonne-articles {
	float: left;
	width: 780px;
	margin-top: 10px;
}
.partages-experience-container-article {
	float: left;
	width: 778px;
	margin-bottom: 20px;
	background-color: #EDEDED;
	border: 1px solid #CCC;
}
.partages-experience-bloc-thematique-ville {
	float: left;
	width: 740px;
	margin-left: 20px;
	margin-top: 20px;
}
.partages-experience-nom-ville {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 1em;
	color: #666;
	float: left;
	width: 490px;
	text-align: right;
	line-height: 1em;
	height: 1em;
}
.partages-experience-bloc-titre-texte-blason-autre-info {
	float: left;
	width: 740px;
	margin-left: 20px;
	margin-top: 20px;
	margin-bottom: 20px;
}

.partages-experience-bloc-titre-article-objectif {
	float: left;
	width: 550px;
	margin-right: 20px;
}
.partages-experience-titre-article {
	float: left;
	width: 550px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 1.125em;
	color: #DC5B9C;
	margin-bottom: 10px;
	line-height: 1.125em;
	margin-right: 20px;
}
.partages-experience-titre-thematique {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 0.875em;
	font-weight: bold;
	float: left;
	width: 250px;
}


.partages-experience-texte-article {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 0.75em;
	color: #666;
	float: left;
	width: 550px;
}
.partages-experience-bloc-blason-autre-info {
	float: left;
	height: 8.25em;
	width: 170px;
}
.partages-experience-blason-ville {
	text-align: center;
	float: left;
	width: 150px;
	margin-bottom: 5px;
	margin-left: 10px;
}
.partages-experience-mise-en-ligne {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 0.75em;
	color: #666;
	text-align: center;
	float: left;
	width: 150px;
	margin-left: 10px;
	margin-top: 10px;
}
.partages-experience-champ-recherche-mots-cles-ville {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 0.875em;
	width: 300px;
	border: 1px solid #000;
	margin-left: 20px;
	margin-top: 4px;
	background-color: #FFF;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	height: 2em;
	color: #666;
	padding-left: 10px;
}

.partages-experience-champ-recherche-mots-cles-ville:hover, .partages-experience-champ-recherche-mots-cles-ville:focus {
	border: 1px solid #DC5B9C;
}

.partages-experience-champ-recherche-thematique {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 0.875em;
	width: 300px;
	border: 1px solid #000;
	margin-left: 20px;
	margin-top: 4px;
	background-color: #FFF;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	height: 2em;
	color: #666;
	padding-left: 10px;
}

.partages-experience-champ-recherche-thematique:hover, .partages-experience-champ-recherche-thematique:focus {
	border: 1px solid #DC5B9C;
}


.button {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 1em;
	border: 1px solid #000;
	margin-left: 20px;
	margin-top: 6px;
	background-color: #A6166B;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	color: #FFF;
	padding-right: 20px;
	padding-left: 20px;
}

.button:hover, .button:focus {
	background-color: #DC5B9C;
}


.surimpression_couleur {
	/*background-color: #CCC;*/
	display: block;
	float: left;
	height: 100%;
	width: 100%;
}

.surimpression_couleur:hover {
	background-color: rgba(254, 234, 210, 1);
}

.thematique-autonomie-services-et-soins {
	color: #283583;
}
.thematique-espaces-exterieurs-et-batiments {
	color: #21601D;
}
.thematique-habitat {
	color: #CD1719;
}
.thematique-transports-et-mobilite {
	color: #692308;
}
.thematique-lien-social-et-solidarite {
	color: #E6007E;
}
.thematique-culture-et-loisirs {
	color: #E99E15;
}
.thematique-information-et-communication {
	color: #84569F;
}
.thematique-participation-citoyenne-et-emploi {
	color: #00867F;
}

/* ---------------------------- */
.ui-autocomplete {
  max-height: 100px;
  overflow-y: auto;
  /* prevent horizontal scrollbar */
  overflow-x: hidden;
}
/* IE 6 doesn't support max-height
 * we use height instead, but this forces the menu to always be this tall
 */
* html .ui-autocomplete {
  height: 100px;
}

/*#V2 ==> */
#loginFormControlled label {
  display: inline-block;
  width: 120px;
  text-align: right;
  color: #444;
}

#loginFormControlled input[type="text"] {
  width: 300px;
}

#error-login {
  background-color: red;
  padding: 10px 15px;
  width: 80%;
  margin: auto;
  color: white;
}
#error-login.success {
  background-color: lightgreen;
  color: #008800;
}
/*#V2 <== */