@CHARSET "UTF-8";

#haut {
  background: url("../images/img-carnet.jpg") no-repeat 0 20px;
}

/*************/
/* Connexion */

#deja-inscrit {
  height: 150px;
  background-color: #b7d3df;
}

#pas-encore-inscrit {
  height: 240px;
  background-color: #85b2c9;
}

div.carnet-connexion-form {
  float: right;
  width: 255px;
  font-size: 8pt;
}

input.login-form-input, input.register-form-input {
  border: 1px solid #7ea9ba;
  width: 230px;
  font-size: 8pt;
}

p.login-form-label, p.register-form-label {
	margin-top: 10px;
	margin-bottom: 5px;
}

p.login-form-input, p.register-form-input {
	margin-top: 0;
	margin-bottom: 10px;
}

input.login-form-input[type=submit], input.register-form-input[type=submit] {
	border: 1px solid #7ea9ba;
	background-color: #314d7f;
  width: 230px;
  font-size: 8pt;
  font-variant: small-caps;
  color: white;
  margin-top: 10px;
  cursor: pointer;
}

.carnet-connexion-texte {
	padding: 15px 20px;
	font-size: 11pt;
	font-weight: bold;
	float: left;
  	width: 255px;
  	color: #333;
}
p.demo_carnet {
	margin: 15px 0px;
	padding: 0px;
	font-weight: normal;
}
p.demo_carnet a {
	color: #000;
	text-decoration: none;
	font-size: 9pt;
}
p.demo_carnet a:hover {
	font-weight: bold;
}
p.infos {
	margin-top: 15px;
	font-size: 7pt;
	color: #B5D3DE;
}

.error_message, .form-error {
  color: white;
  background-color: #cc0000;
  font-size: 8pt;
  text-align: center;
}

.error_message p, .form-error p {
  margin: 0;
  padding: 15px;
}

#deconnecte {
	padding: 15px;
}

#deconnecte a {
	color: #52677c;
	text-decoration: none;
}

/**********/
/* Carnet */

#carnet{
  background-color: #b7d3df;
  font-size: 8pt;
}
	
#carnet-menu {
  background-color: #85b2c9;
  text-align: center;
  color: white;
  padding-top: 10px;
  padding-bottom: 10px;
}

span.carnet-menu-item {
  margin-left: 10px;
  margin-right: 10px;
  padding-top: 10px;
  padding-bottom: 10px;
  cursor: pointer;
}

#carnet-content h1 {
	color: #52677c;
	margin-left: 15px;
	margin-bottom: 10px;
}

/*****************/
/* Carnet compte */

input.carnet-compte-form-input {
  border: 1px solid #7ea9ba;
  width: 230px;
  font-size: 8pt;
}

p.carnet-compte-form-label {
	margin-top: 10px;
	margin-bottom: 5px;
}

p.carnet-compte-form-input {
	margin-top: 0;
	margin-bottom: 10px;
}

input.carnet-compte-form-input[type=submit] {
	border: 1px solid #7ea9ba;
	background-color: #314d7f;
  width: 230px;
  font-size: 8pt;
  font-variant: small-caps;
  color: white;
  margin-top: 10px;
  cursor: pointer;
}

.carnet-compte {
	height: 200px;
}
	
.carnet-compte-droite {
  float: right;
  width: 255px;
}

.carnet-compte-gauche {
  float: left;
  width: 255px;
  padding: 0 15px 15px 15px;
}

#carnet-compte-deconnexion {
  border: 1px solid #7ea9ba;
	background-color: #314d7f;
  width: 230px;
  font-size: 8pt;
  font-variant: small-caps;
  text-align: center;
  margin-top: 60px;
}

#carnet-compte-deconnexion a {
  text-decoration: none;
  display: block;
  color: white;
  padding-top: 2px;
  padding-bottom: 2px;
}

#carnet-compte-erreurs {
  margin-left: 15px;
  margin-right: 15px;
}

/******************/
/* carnet projets */

div.carnet-projets-ajouter {
  margin-top: 10px;
  margin-left: 15px;
}

div.carnet-projets-ajouter span.bouton-ajouter {
  color: #52677c;
  cursor: pointer;
}

div.carnet-projets-nouveau, div.carnet-projets-detail {
  padding-bottom: 10px;
  margin-left: 15px;
  margin-right: 15px;
}

input.projets-renovation-input, textarea.projets-renovation-input {
  border: 1px solid #7ea9ba;
  width: 300px;
  font-size: 8pt;
}

textarea.projets-renovation-input {
	height: 80px;
}

p.projets-renovation-label {
	margin-bottom: 5px;
}

p.projets-renovation-input {
	margin-top: 0;
	margin-bottom: 10px;
}

input.projets-renovation-input[type=submit] {
	background-color: #314d7f;
  font-size: 8pt;
  font-variant: small-caps;
  color: white;
  margin-top: 10px;
  cursor: pointer;
}

#carnet-projets-erreurs {
  margin-left: 15px;
  margin-right: 15px;
}

div.carnet-projets-liste {
	margin-left: 15px;
  margin-right: 15px;
  padding-bottom: 15px;
  height: 430px;
  overflow: auto;
}

table.liste-projets {
  width: 100%;
  border-top: 4px solid white;
  border-collapse: collapse;
}

td.liste-projets {
  padding-top: 10px;
  padding-bottom: 5px;
  border-bottom: 1px solid white;
}

.liste-projets-detail, .liste-projets-devis a {
	text-decoration: none;
  color: #52677c;
  cursor: pointer;
}

div#projets-renovation-vignettes img {
	border: 1px solid #7ea9ba;
	margin: 5px 10px 5px 0;
	cursor: pointer;
}

#fermer-image {
	position: absolute;
	right: 0;
	top: 0;
	color: red;
	background-color: #FFFFFF;
	cursor: pointer;
}

#supprimer-image {
	height: 21px;
	width: 16px;
	position: absolute;
	right: 0;
	bottom: 0;
	background: url("../images/corbeille.png") no-repeat;
	cursor: pointer;
}

#image {
	position: absolute;
	bottom: 0;
	height: 300px;
	border: 1px solid #7ea9ba;
}

#image img {
	height: 100%;
}

#projets-renovation-image {
	position: relative;
}

#supprimer-projet {
	padding-top: 4px;
	padding-bottom: 3px;
	padding-left: 18px;
	background: url("../images/corbeille.png") no-repeat;
	cursor: pointer;
	color: #52677c;
}

/******************/
/* carnet devis */

div.carnet-devis-ajouter {
  margin-top: 10px;
  margin-left: 15px;
}

div.carnet-devis-ajouter span.bouton-ajouter a, span.liste-devis-detail {
  color: #52677c;
  cursor: pointer;
  text-decoration: none;
}

div.carnet-devis-liste {
	margin-left: 15px;
  margin-right: 15px;
  padding-bottom: 15px;
  height: 430px;
  overflow: auto;
}

table.liste-devis {
  width: 100%;
  border-collapse: collapse;
}

th.liste-devis {
	background-color: #ddecf3;
	padding-top: 5px;
	padding-bottom: 5px;
	font-weight: normal;
	text-align: left;
}

td.liste-devis {
  padding-top: 10px;
  padding-bottom: 5px;
  border-bottom: 1px solid white;
}

div.carnet-devis-detail {
	margin: 0 15px 15px 15px;
	list-style: url("../images/carre-10x10.png");
}

div.carnet-devis-detail ul li {
  padding-bottom: 5px;
}

#carnet-devis-detail-form textarea {
	border: 1px solid #7ea9ba;
  width: 450px;
  height: 100px;
  font-size: 8pt;
}

#carnet-devis-detail-form input[type=submit] {
	border: 1px solid #7ea9ba;
	background-color: #314d7f;
  font-size: 8pt;
  font-variant: small-caps;
  color: white;
  cursor: pointer;
  width: 150px;
  margin-bottom: 20px;
}

/******************/
/* carnet actions */

div.carnet-actions-ajouter-form {
	display: none;
	margin-top: 15px;
}
	
div.carnet-actions-ajouter {
  margin-top: 10px;
  margin-left: 15px;
  margin-right: 15px;
}

div.carnet-actions-ajouter span.bouton-ajouter {
  color: #52677c;
  cursor: pointer;
}

div.carnet-actions-liste {
	margin-left: 15px;
  margin-right: 15px;
  padding-bottom: 15px;
  height: 430px;
  overflow: auto;
}

table.liste-actions, table.liste-actions-ajouter {
  width: 100%;
  border-collapse: collapse;
}

th.liste-actions {
	background-color: #ddecf3;
	padding-top: 5px;
	padding-bottom: 5px;
	font-weight: normal;
	text-align: left;
}

td.liste-actions {
  padding-top: 10px;
  padding-bottom: 5px;
  border-bottom: 1px solid white;
}

td.liste-actions-ajouter, th.liste-actions-ajouter {
  background-color: #ddecf3;
  font-weight: normal;
	text-align: left;
}

input.liste-actions-ajouter[type=text], input.liste-actions-edit {
  border: 1px solid #7ea9ba;
  width: 150px;
  font-size: 8pt;
}

input.liste-actions-ajouter[type=submit] {
  border: 1px solid #7ea9ba;
  background-color: #314d7f;
  font-size: 8pt;
  font-variant: small-caps;
  color: white;
  cursor: pointer;
}

#carnet-actions-liste-erreurs {
  margin: 0 15px 0 15px;
}

.liste-actions.fait {
  text-decoration: line-through;
}

.supprimer-action {
	height: 21px;
	width: 16px;
	background: url("../images/corbeille.png") no-repeat;
	cursor: pointer;
}

#supprimer-actions-faites-div {
	margin-top: 10px;
	margin-left: 3px;
}

#supprimer-actions-faites {
  padding-top: 4px;
	padding-bottom: 3px;
	padding-left: 18px;
	background: url("../images/corbeille.png") no-repeat;
	cursor: pointer;
	color: #52677c;
}

.liste-actions-editable {
	padding-top: 5px;
	padding-bottom: 0px;
	padding-right: 18px;
	background: url("../images/crayon.png") right no-repeat;
	cursor: pointer;
}

/****************/
/* carnet notes */

.carnet-notes {
  margin: 0 15px 0 15px;
  padding-top: 5px;
  padding-bottom: 15px;
}

textarea.notes-personelles-form-input {
  border: 1px solid #7ea9ba;
  width: 505px;
  height: 230px;
  font-size: 8pt;
}

input.notes-personelles-form-input[type=submit] {
	background-color: #314d7f;
  font-size: 8pt;
  font-variant: small-caps;
  color: white;
  margin-top: 10px;
  cursor: pointer;
  width: 200px;
  border: 1px solid #7ea9ba;
}

p.notes-personelles-form-label, p.notes-personelles-form-input {
  margin-top: 0;
  margin-bottom: 5px;
}

/******************/
/* carnet favoris */

.carnet-favoris {
	padding: 15px;
	height: 430px;
  overflow: auto;
}

.carnet-favoris a {
  color: #52677c;
	text-decoration: none;
}

table.liste-favoris {
  width: 100%;
  border-collapse: collapse;
}

th.liste-favoris {
	background-color: #ddecf3;
	padding-top: 5px;
	padding-bottom: 5px;
	font-weight: normal;
	text-align: left;
	padding-left: 5px;
}

td.liste-favoris {
  padding-top: 10px;
  padding-bottom: 5px;
  border-bottom: 1px solid white;
  padding-left: 5px;
}

.supprimer-favori {
	height: 21px;
	width: 16px;
	background: url("../images/corbeille.png") no-repeat;
	cursor: pointer;
}