body, p, ul, ol, h1, h2, h3, h4, h5, form, input, textarea, select, table {
	margin:0;
	padding:0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #5a5a5a;
	line-height: 1.2em;
}
body {
	background: #f0f1f2;
	padding: 0 15px;
	text-align: left;
}
body, p, ul, table, td, th, form, input, select, option {
	font-size: 12px;
	line-height: 1.2em;
}
table, td, th {
	margin: 0;
	padding: 0;
	border: 0;
	border-spacing: 0;
	border-collapse: separate;
}
table {
	width: 100%;
}
img {
	border: 0;
}
a:link, a:visited {
	color: #427dad;
	text-decoration: underline;
}
a:hover, a:active {
	color: #ff9900;
	text-decoration: underline;
}
.color {
	color: #427dad;
}
.clear {
	clear: both;
	height: 10px;
	line-height: 5px;
	font-size:5px;
}
.txt-right {
	text-align: right;
}
.txt-left {
	text-align: left;
}
.txt-center {
	text-align: center;
}
.right {
	float: right;
}
.left {
	float: left;
}
.display-none {
	display: none;
}
.display-block, div.display-block {
	display: block;
}

/*************************************************************
	Preview
*************************************************************/

.previewbox{
	position: relative;
    margin-left:auto;
    margin-right:auto;
    width: 1010px;
}
.previewbox:before{
	content: "";
	display: block;
	padding-top: 140%; 	/* initial ratio of 1:1.4*/
}
.previewcontent{
	position:  absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
}

.ratio2_1:before{
	padding-top: 50%;
}
.ratio1_2:before{
	padding-top: 200%;
}
.ratio4_3:before{
	padding-top: 75%;
}
.ratio16_9:before{
	padding-top: 56.25%;
}

/*************************************************************
	ENTETE / MENU / PIED
*************************************************************/

/* entete */
#header  {
	border-left: 1px #E8E8E9 solid;
	border-right: 1px #E8E8E9 solid;
	border-bottom: 1px #E8E8E9 solid;
	margin-bottom: 10px;
}
#header .bordure {
	background: #ffffff;
	border-left: 1px #DEDFE0 solid;
	border-right: 1px #DEDFE0 solid;
	border-bottom: 1px #DEDFE0 solid;
	min-width: 960px;
}
.coords {
	position: absolute;
	left: 170px;
	background-color: #5587ab;
	padding: 4px 0 0 9px;
	color: #ffffff;
	height: 54px;
	width: 340px;
}
#header .logo {
	padding: 1px 0 0 10px;
	height: 70px;
}
#header .connect {
	padding: 10px;
	color: #427DAD;
	float: right;
}
#header .deco {
	padding-left: 35px;
	background: url(../img/ico-deco.png) no-repeat 15px 50%;
}
#header .connect a:link, #header .connect a:visited {
	color: #427DAD;
	text-decoration: underline;
}
#header .connect a:hover, #header .connect a:active {
	color: #427DAD;
	text-decoration: none;
}
#header #menu {
	border-top: 1px #E0E0E0 solid;
	height: 44px;
	padding-left: 1px;
	background: url(../img/fd-menu.png) repeat-x 0% 100%;
}
#menu li {
	list-style-type: none;
	float: left;
	padding: 4px 3px 0 0;
	height: 40px;
	background: url(../img/fd-menu-trait.png) no-repeat 100% 50%;
}
#menu a:link, #menu a:visited {
	display: block;
	float: left;
	color: #666666;
	height: 36px;
	padding: 0 25px 0 30px;
	line-height: 36px;
	text-decoration: none;
	font-size: 14px;
	font-family:  Arial, Helvetica, sans-serif;
	background: url(../img/ico-menu-off.png) no-repeat 13px 15px;
}
#menu a:hover, #menu a:active {
	color: #ffffff;
	background: url(../img/fd-menu-hover.png) no-repeat;
}
#menu .on a:link, #menu .on a:visited,
#menu .on a:hover, #menu .on a:active {
	color: #3D79AC;
	background: url(../img/ico-menu-on.png) no-repeat 13px 16px;
}

/* pied */
#footer {
	text-align: center;
	color: #427DAD;
	padding: 5px 0;
	height: 40px;
	margin: 0 10px;
	background: url(../img/valea.png) no-repeat 100% 0%;
}
/*************************************************************
	CONTENU
*************************************************************/

#contenu  {
	margin-top: 10px;
	border-left: 1px #E8E8E9 solid;
	border-right: 1px #E8E8E9 solid;
	border-bottom: 1px #E8E8E9 solid;
}
#contenu .bordure {
	background: #ffffff;
	border-left: 1px #DEDFE0 solid;
	border-right: 1px #DEDFE0 solid;
	padding-bottom: 10px;
	border-bottom: 1px #DEDFE0 solid;
	min-width: 960px;
}
.titre {
	background: url(../img/fd-titre.png) repeat-x;
	border-bottom: 1px #305B7F solid;
	margin-bottom: 20px;
}
h1 {
	font-size: 15px;
	height: 45px;
	font-weight: normal;
	padding-left: 60px;
	line-height: 45px;
	color: #ffffff;
	background-repeat: no-repeat;
	background-position: 15px 50%;
	text-shadow: #505050 1px 1px 0;
}
h1.contrat-nouveau {
	background-image: url(../img/ico-contrat-nouveau.png);
}
h1.liste-accueil {
	background-image: url(../img/ico-liste-accueil.png);
}
.sstitre {
	margin: 5px 10px 0 10px;
	border-bottom: 1px #305B7F solid;
	height: 42px;
	background: url(../img/fd-sstitre.png) repeat-x 0% 100%;
}
.sstitre-orange {
	background: url(../img/fd-sstitre-orange.png) repeat-x 0% 100%;
	border-bottom: 1px #D34100 solid;
}
h2 {
	background: url(../img/fd-sstitre1.png) no-repeat 10px 0;
	font-size: 14px;
	font-weight: normal;
	height: 37px;
	float: left;
	padding-left: 25px;
	color: #ffffff;
	cursor: pointer;
	text-shadow: #505050 1px 1px 0;
}
.sstitre-orange h2 {
	background: url(../img/fd-sstitre1-orange.png) no-repeat 10px 0;
}
h2 strong {
	font-weight: normal;
	display: block;
	float: left;
	height: 37px;
	background: url(../img/fd-sstitre2.png) no-repeat 100% 0;
	padding-right: 15px;
}
.sstitre-orange h2 strong {
	background: url(../img/fd-sstitre2-orange.png) no-repeat 100% 0;
}
h2 span {
	font-weight: normal;
	display: block;
	float: left;
	padding-top: 2px;
	padding-left: 25px;
	height: 35px;
	line-height: 35px;
	background-repeat: no-repeat;
	background-position: 0% 55%;
}
h2 span.contrat {
	background-image: url(../img/ico-titre-contrat.png);
}
h2 span.user {
	background-image: url(../img/ico-titre-user.png);
}
h2 span.user2 {
	background-image: url(../img/ico-titre-user2.png);
}
h2 span.infos {
	background-image: url(../img/ico-titre-infos.png);
}
h2 span.users {
	background-image: url(../img/ico-titre-users.png);
}
h2 span.paiement {
	background-image: url(../img/ico-titre-paiement.png);
}
h2 span.suivi {
	background-image: url(../img/ico-titre-suivi.png);
}
h2 span.statut {
	background-image: url(../img/ico-titre-statut.png);
}
h2 span.valider {
	background-image: url(../img/ico-titre-valider.png);
}
h2 span.annuler {
	background-image: url(../img/ico-titre-annuler.png);
}

h2 span.etat {
	font-weight: normal;
	display: block;
	float: left;
	padding: 0 25px 0 0;
	height: 35px;
	line-height: 35px;
	background-repeat: no-repeat;
	background-position: 100% 55%;
	background-image: url(../img/ico-sstitre-on.png);
}
.sstitre-orange h2 span.etat {
	background-image: url(../img/ico-sstitre-on-orange.png);
}
h2.off span.etat {
	background-image: url(../img/ico-sstitre-off.png);
}
.sstitre-orange h2.off span.etat {
	background-image: url(../img/ico-sstitre-off-orange.png);
}
h2 span {
	min-width: 100px;
}
.sstitre .date {
	float: right;
	text-align: right;
	font-size: 14px;
	color: #333333;
	padding-top: 15px;
}

.contenu {
	margin: 0;
	border-right: 10px #ffffff solid;
	border-left: 10px #ffffff solid;
	padding: 15px 12px;
	background: url(../img/fd-contenu.png) repeat-x;
}

.bloc-commentaire {
	margin: 15px 10px 0 10px;
	background: url(../img/fd-commentaire-right.png) no-repeat 100% 0%;
	padding-right: 15px;
}
.bloc-commentaire .fond {
	background: url(../img/fd-commentaire-left.png) no-repeat 0% 0%;
	padding: 15px 0 15px 15px;
}
.bloc-commentaire-pied {
	margin: 0 10px 15px 10px;
	background: url(../img/fd-commentaire-pied2.png) no-repeat 100% 0%;
	padding-right: 15px;
}
.bloc-commentaire-pied .fond {
	background: url(../img/fd-commentaire-pied.png) no-repeat 0% 0%;
	padding: 15px 0 15px 50px;
	color: #427DAD;
}

/*************************************************************
	BLOCS MESSAGES
*************************************************************/
.bloc-msg-erreur, .bloc-msg-ok, .bloc-msg-info {
	padding: 12px 10px 10px 60px;
	margin: 15px 0;
	height: auto !important;
	height: 33px;
	min-height: 33px;
	background-color: #ffffff;
	background-repeat: no-repeat;
	background-position: 10px 10px;
}
.bloc-msg-erreur {
	border: 2px #FF0000 solid;
	background-color: #FF0000;
	color:#FFF;
	font-weight: bold;
	background-image: url(../img/ico-msg-erreur.png);
}
.bloc-msg-ok {
	border: 2px #66A92B solid;
	background-image: url(../img/ico-msg-ok.png);
}
.bloc-msg-info {
	border: 2px #FF9900 solid;
	background-image: url(../img/ico-msg-info.png);
}
.bordure .bloc-msg-erreur, .bordure .bloc-msg-ok, .bordure .bloc-msg-info {
	margin: 15px 10px;
}
#login .bordure .bloc-msg-erreur, #login .bordure .bloc-msg-ok, #login .bordure .bloc-msg-info {
	margin: 15px 0;
}

/*************************************************************
	BOUTONS
*************************************************************/

div.btns-bottom {
	text-align: right;
	padding: 10px;
}
div.btns-bottom .ou {
	color: #999999;
	padding: 0 10px;
}
div.right.history{
	display: grid;
}
div.btn-pdf {
	float: right;
	margin-right: -10px;
	margin-bottom: 10px;
}

/* liens */
.btn input {
	border: 0;
	margin: 0;
	padding: 0;
	cursor: pointer;
	color: #427dad;
}
.btn input:hover {
	color: #ff9900;
}
.btn input.annuler,
a.annuler:link, a.annuler:visited, a.annuler:hover, a.annuler:active {
	background: url(../img/ico-annuler.png) no-repeat 0% 60%;
	padding-left: 18px;
}
.btn input.rech-avancee,
a.rech-avancee:link, a.rech-avancee:visited, a.rech-avancee:hover, a.annuler:active {
	background: url(../img/ico-recherche-avancee.png) no-repeat 0% 60%;
	padding-left: 22px;
}
.btn input.recalculer,
a.recalculer:link, a.recalculer:visited, a.recalculer:hover, a.recalculer:active {
	background: url(../img/ico-renouveler.png) no-repeat 0% 60%;
	padding-left: 22px;
}
.btn input.editer,
a.editer:link, a.editer:visited, a.editer:hover, a.editer:active {
	background: url(../img/ico-editer.png) no-repeat 0% 60%;
	padding-left: 22px;
}
.btn input.mail,
a.mail:link, a.mail:visited, a.mail:hover, a.mail:active {
	background: url(../img/ico-mail.png) no-repeat 0% 60%;
	padding-left: 22px;
}
.btn input.pdf,
a.pdf:link, a.pdf:visited, a.pdf:hover, a.pdf:active {
	background: url(../img/ico-pdf.png) no-repeat 0% 60%;
	padding-left: 22px;
}
.btn input.ajouter,
a.ajouter:link, a.ajouter:visited, a.ajouter:hover, a.ajouter:active {
	background: url(../img/ico-btn-ajouter.png) no-repeat 0% 60%;
	padding-left: 12px;
}
.btn input.ajouter2,
a.ajouter2:link, a.ajouter2:visited, a.ajouter2:hover, a.ajouter2:active {
	background: url(../img/ico-ajouter.png) no-repeat 0% 60%;
	padding-left: 18px;
}

a.btn-edition:link, a.btn-edition:visited, a.btn-edition:hover, a.btn-edition:active {
	text-decoration: none;
	color: #cccccc;
	float: right;
	width: 98px;
	height: 25px;
	text-align: center;
	line-height: 25px;
	display: block;
	background: url(../img/fd-btn-edition.png) no-repeat 0% 0%;
	color: #5597CB;
}
.sstitre a.btn-edition:link, .sstitre a.btn-edition:visited, .sstitre a.btn-edition:hover, .sstitre a.btn-edition:active {
	position: relative;
	bottom: -27px;
	right: 10px;
}


/* boutons avec bordure */
span.btn-bord,
a.btn-bord:link, a.btn-bord:visited, a.btn-bord:hover, a.btn-bord:active {
	line-height: 14px;
	display: inline-block;
	vertical-align: middle;
	background: url(../img/fd-btn-bord-left.png) no-repeat 0% 0%;
	text-decoration: none;
	color: #ffffff;
	cursor: pointer;
}
span.btn-bord:hover,
a.btn-bord:hover {
	color: #ffffff;
	background: url(../img/fd-btn-bord-left.png) no-repeat 0% 50%;
}
span.btn-bord:active,
a.btn-bord:active {
	color: #ffffff;
	background: url(../img/fd-btn-bord-left.png) no-repeat 0% 100%;
}
span.btn-bord span,
a.btn-bord:link span, a.btn-bord:visited span, a.btn-bord:hover span, a.btn-bord:active span {
	padding: 9px 16px 13px 22px;
	line-height: 14px;
	display: inline-block;
	background: url(../img/fd-btn-bord-right.png) no-repeat 100% 0%;
}
span.btn-bord span {
	padding: 7px 14px 11px 18px;
}
span.btn-bord:hover span,
a.btn-bord:hover span {
	background: url(../img/fd-btn-bord-right.png) no-repeat 100% 50%;
}
span.btn-bord:active span,
a.btn-bord:active span {
	background: url(../img/fd-btn-bord-right.png) no-repeat 100% 100%;
}
span.btn-bord span input,
a.btn-bord:link span span, a.btn-bord:visited span span, a.btn-bord:hover span span, a.btn-bord:active span span {
	display: inline;
	border:0;
	text-shadow: #505050 1px 1px 0;
	line-height: 14px;
	background: none;
	color: #ffffff;
	margin:0;
	padding: 0 0 0 30px;
	cursor: pointer;
}
span.btn-bord span input {
	height: 36px;
	margin: -7px -22px -11px -16px;
	padding: 7px 22px 11px 30px;
}

a.btn-bord:link span span.suivant, a.btn-bord:visited span span.suivant, a.btn-bord:hover span span.suivant, a.btn-bord:active span span.suivant {
	background: url(../img/ico-suivant.png) no-repeat 100% 55%;
	padding: 0 30px 0 0;
}
span.btn-bord span input.suivant {
	margin-left: -22px;
	margin-right: -16px;
	padding-right: 30px;
	padding-left: 22px;
	background: url(../img/ico-suivant.png) no-repeat 90% 55%;
}
a.btn-bord:link span span.nouveau, a.btn-bord:visited span span.nouveau, a.btn-bord:hover span span.nouveau, a.btn-bord:active span span.nouveau {
	background: url(../img/ico-nouveau.png) no-repeat 0% 55%;
}
span.btn-bord span input.nouveau {
	background: url(../img/ico-nouveau.png) no-repeat 10% 55%;
}
a.btn-bord:link span span.editer, a.btn-bord:visited span span.editer, a.btn-bord:hover span span.editer, a.btn-bord:active span span.editer {
	background: url(../img/ico-btn-editer.png) no-repeat 0% 55%;
}
span.btn-bord span input.editer {
	background: url(../img/ico-btn-editer.png) no-repeat 10% 55%;
}
a.btn-bord:link span span.renouveler, a.btn-bord:visited span span.renouveler, a.btn-bord:hover span span.renouveler, a.btn-bord:active span span.renouveler {
	background: url(../img/ico-btn-renouveler.png) no-repeat 0% 100%;
	padding: 0 0 0 25px;
}
span.btn-bord span input.renouveler {
	padding-right: 22px;
	background: url(../img/ico-btn-renouveler.png) no-repeat 10% 55%;
}
a.btn-bord:link span span.enregistrer, a.btn-bord:visited span span.enregistrer, a.btn-bord:hover span span.enregistrer, a.btn-bord:active span span.enregistrer {
	background: url(../img/ico-enregistrer.png) no-repeat 0% 55%;
}
span.btn-bord span input.enregistrer {
	background: url(../img/ico-enregistrer.png) no-repeat 10% 55%;
}
a.btn-bord:link span span.pdf, a.btn-bord:visited span span.pdf, a.btn-bord:hover span span.pdf, a.btn-bord:active span span.pdf {
	background: url(../img/ico-pdf.png) no-repeat 0% 55%;
}
span.btn-bord span input.pdf{
	background: url(../img/ico-pdf.png) no-repeat 10% 55%;
}
span.btn-bord span input.icon-excel {
	background: url(../img/ico-excel.png) no-repeat 10% 55%;
}
a.btn-bord:link span span.ajouter, a.btn-bord:visited span span.ajouter, a.btn-bord:hover span span.ajouter, a.btn-bord:active span span.ajouter {
	background: url(../img/ico-ajouter.png) no-repeat 0% 75%;
}
span.btn-bord span input.ajouter {
	background: url(../img/ico-ajouter.png) no-repeat 10% 55%;
}


/* boutons bleus */
span.btn-bleu,
a.btn-bleu:link, a.btn-bleu:visited, a.btn-bleu:hover, a.btn-bleu:active {
	line-height: 14px;
	display: inline-block;
	vertical-align: middle;
	background: url(../img/fd-btn-bleu-left.png) no-repeat 0% 0%;
	text-decoration: none;
	color: #ffffff;
	cursor: pointer;
	font-size: 11px;
	text-shadow: #505050 1px 1px 0;
}
span.btn-bleu:hover,
a.btn-bleu:hover {
	color: #ffffff;
	background: url(../img/fd-btn-bleu-left.png) no-repeat 0% 50%;
}
span.btn-bleu:active,
a.btn-bleu:active {
	color: #ffffff;
	background: url(../img/fd-btn-bleu-left.png) no-repeat 0% 100%;
}
span.btn-bleu span,
a.btn-bleu:link span, a.btn-bleu:visited span, a.btn-bleu:hover span, a.btn-bleu:active span {
	padding: 4px 16px 7px 12px;
	display: inline-block;
	background: url(../img/fd-btn-bleu-right.png) no-repeat 100% 0%;
}
span.btn-bleu span {
	padding: 2px 12px 5px 9px;
}
span.btn-bleu:hover span,
a.btn-bleu:hover span {
	background: url(../img/fd-btn-bleu-right.png) no-repeat 100% 50%;
}
span.btn-bleu:active span,
a.btn-bleu:active span {
	background: url(../img/fd-btn-bleu-right.png) no-repeat 100% 100%;
}
span.btn-bleu span input,
a.btn-bleu:link span span, a.btn-bleu:visited span span, a.btn-bleu:hover span span, a.btn-bleu:active span span {
	display: inline;
	background: none;
	color: #ffffff;
	border:0;
	margin:0;
	padding: 0 0 0 20px;
	cursor: pointer;
}
span.btn-bleu span input {
	height: 18px;
}
span.btn-bleu span input.recherche,
a.btn-bleu:link span span.recherche, a.btn-bleu:visited span span.recherche, a.btn-bleu:hover span span.recherche, a.btn-bleu:active span span.recherche {
	background: url(../img/ico-recherche.png) no-repeat 0% 55%;
}
span.btn-bleu span input.mail,
a.btn-bleu:link span span.mail, a.btn-bleu:visited span span.mail, a.btn-bleu:hover span span.mail, a.btn-bleu:active span span.mail {
	background: url(../img/ico-mail2.png) no-repeat 0% 55%;
}


/* boutons titre */
a.btn-titre:link, a.btn-titre:visited, a.btn-titre:hover, a.btn-titre:active {
	line-height: 14px;
	display: inline-block;
	vertical-align: middle;
	background: url(../img/fd-btn-titre-left.png) no-repeat 0% 0%;
	text-decoration: none;
	color: #ffffff;
	float: right;
	font-size: 11px;
	margin: 10px;
	cursor: pointer;
	text-shadow: #505050 1px 1px 0;
}
a.btn-titre:hover {
	color: #ffffff;
	background: url(../img/fd-btn-titre-left.png) no-repeat 0% 100%;
}
a.btn-titre:link span, a.btn-titre:visited span, a.btn-titre:hover span, a.btn-titre:active span {
	padding: 5px 16px 8px 16px;
	display: inline-block;
	background: url(../img/fd-btn-titre-right.png) no-repeat 100% 0%;
}
a.btn-titre:hover span {
	background: url(../img/fd-btn-titre-right.png) no-repeat 100% 100%;
}
.titre a.retour:link, .titre a.retour:visited, .titre a.retour:hover, .titre a.retour:active {
	color: #ffffff;
	padding-left: 18px;
	margin: 14px 10px 0 10px;
	text-decoration: underline;
	float: right;
	background: url(../img/ico-retour-titre.png) no-repeat;
}
.titre a.retour:hover, .titre a.retour:active {
	text-decoration: none;
}
.titre ul.consult-edit {
	float: right;
	margin: 10px 10px 0 10px;
}
.titre ul.consult-edit li {
	float: left;
	list-style-type: none;
	width: 118px;
	text-align: center;
}
.titre ul.consult-edit a.consult:link, .titre ul.consult-edit a.consult:visited, .titre ul.consult-edit a.consult:hover, .titre ul.consult-edit a.consult:active,
.titre ul.consult-edit a.edit:link, .titre ul.consult-edit a.edit:visited, .titre ul.consult-edit a.edit:hover, .titre ul.consult-edit a.edit:active {
	display: block;
	float: left;
	text-align: center;
	width: 118px;
	height: 27px;
	line-height: 25px;
	text-decoration: none;
	color: #ffffff;
}
.titre ul.consult-edit a.consult:link, .titre ul.consult-edit a.consult:visited {
	background: url(../img/fd-btn-double-titre.png) no-repeat 0% 0%;
}
.titre ul.consult-edit .on a.consult:link, .titre ul.consult-edit .on a.consult:visited,
.titre ul.consult-edit a.consult:hover, .titre ul.consult-edit a.consult:active {
	background: url(../img/fd-btn-double-titre.png) no-repeat 0% 100%;
}
.titre ul.consult-edit a.edit:link, .titre ul.consult-edit a.edit:visited {
	background: url(../img/fd-btn-double-titre.png) no-repeat 100% 100%;
}
.titre ul.consult-edit .on a.edit:link, .titre ul.consult-edit .on a.edit:visited,
.titre ul.consult-edit a.edit:hover, .titre ul.consult-edit a.consult:active {
	background: url(../img/fd-btn-double-titre.png) no-repeat 100% 0%;
}


/*************************************************************
	FORMULAIRES
*************************************************************/
.contenu .element {
	clear: both;
	padding-top: 10px;
}
.contenu .champs {
	float: left;
	width: 300px;
	color: #427DAD;
}
.contenu .champs label {
	color: #5a5a5a;
}
.contenu .champs .mention {
	color: #5a5a5a;
	font-size: 0.9em;
}
.contenu .champs strong {
	color: #5a5a5a;
}
.contenu .label {
	float: left;
	padding-right: 10px;
	width: 150px;
	color: #5a5a5a;
}
.contenu .label .mention {
	font-size: 0.9em;
}
input.input-text {
	border: 1px #cccccc solid;
	padding: 0 3px;
	width: 190px;
}
input.readonly {
	background: #eeeeee;
	color: #999999;
}
textarea {
	border: 1px #cccccc solid;
	padding: 3px;
	width: 335px;
	font-size: 12px;
	height: 45px;
	margin-top: 10px;
}
textarea.big {
	border: 1px #cccccc solid;
	padding: 3px;
	width: 510px;
	font-size: 12px;
	height: 130px;
	margin-top: 10px;
}
.champs textarea {
	margin-top: 0;
}
textarea.commentaire {
	width: 700px;
}
div.adresse {
	width: 335px;
	font-size: 12px;
	color: #427DAD;
	margin: 10px 0;
	padding-left: 150px;
}
input.input-text-small {
	width: 100px;
	margin-right: 5px;
}
select {
	border: 1px #cccccc solid;
}
.contenu .col {
	float: left;
	width: 33%;
}

table.occupants th a {
	position: absolute;
	margin-left: 180px;
}
table.occupants th, table.occupants td {
	text-align: left;
	padding: 4px 10px 4px 0;
	font-weight: normal;
}
table.occupants td {
	color: #427DAD;
}
.total-contrat {
	text-align: right;
	padding: 0 10px 25px 10px;
}
.total-contrat strong {
	display: inline-block;
	font-size: 18px;
	color: #ffffff;
	font-weight: normal;
	padding: 15px;
	margin-bottom: 5px;
	background: url(../img/fd-titre.png) repeat-x 0% 50%;
}
.total-contrat span {
	display: inline-block;
	text-align: right;
	width: 170px;
}

.date-modification {
	display: inline-block;
	border: 1px #4D8CBE solid;
	padding: 9px;
	margin-right: 15px;
	vertical-align: middle;
}
div.btns-bottom .date-modification .ou {
	color: #505050;
}

.element .alerte {
	color: #ff0000;
	padding: 5px 0 0 20px;
	background: url(../img/ico-alerte.png) no-repeat 0px 5px;
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 12px;
}
.hide {
	display:none;
}
/* utilisateurs */
div.type-admin div.type-admin, div.type-apporteur div.type-apporteur, div.type-agence div.type-agence {
	display: block;
}
div.type-admin, div.type-agence, div.type-apporteur {
	display: none;
}
div#liste-types.type-agence, div#liste-types.type-admin, div#liste-types.type-apporteur {
	display: block;
}
/* agences mutuelles */
option.paire {
	background: #EFF9FF;
}
.double-liste {
	float: left;
	width: 500px;
}
.double-liste .btns {
	float: left;
	width: 80px;
	text-align: center;
}
.double-liste .btns img {
	cursor: pointer;
}
.double-liste #liste-def, .double-liste #liste-origine,
#liste-def_bp,#liste-origine_bp {
	float: left;
	width: 200px;
}
.double-liste #liste-def select, .double-liste #liste-origine select,
#liste-def_bp select,#liste-origine_bp select {
	width: 196px;
	border: 1px #cccccc solid;
}


/*************************************************************
	ONGLETS
*************************************************************/
#onglets {
	border-bottom: 1px #993300 solid;
	margin: 10px 10px 30px 10px;
}
#onglets.onglets-bordereaux {
	margin-bottom: 0;
}
#onglets ul {
	height: 35px;
	border-bottom: 5px #D34100 solid;
}
#onglets li {
	float: left;
	list-style-type: none;
	padding: 0 10px;
}
#onglets a:link, #onglets a:visited, #onglets a:hover, #onglets a:active {
	text-decoration: none;
	display: block;
	height: 32px;
	float: left;
	padding: 0 25px 0 0;
	background: url(../img/fd-onglet-right.png) no-repeat 100% 0%;
	color: #666666;
}
#onglets a:hover, #onglets a:active {
	background: url(../img/fd-onglet-right.png) no-repeat 100% 100%;
	color: #ffffff;
}
#onglets a:link span, #onglets a:visited span, #onglets a:hover span, #onglets a:active span {
	text-decoration: none;
	display: block;
	height: 32px;
	line-height: 32px;
	float: left;
	padding: 0 10px;
	background: url(../img/fd-onglet-left.png) no-repeat 0% 0%;
}
#onglets a:hover span, #onglets a:active span {
	background: url(../img/fd-onglet-left.png) no-repeat 0% 100%;
}
#onglets a:link span span, #onglets a:visited span span, #onglets a:hover span span, #onglets a:active span span {
	padding: 0 0 0 20px;
	background: none;
}
#onglets a:link span span.infos, #onglets a:visited span span.infos, #onglets a:hover span span.infos, #onglets a:active span span.infos {
	background: url(../img/ico-informations.png) no-repeat 0% 50%;
}
#onglets a:link span span.historique, #onglets a:visited span span.historique, #onglets a:hover span span.historique, #onglets a:active span span.historique {
	background: url(../img/ico-historique.png) no-repeat 0% 50%;
}
#onglets a:link span span.commentaire, #onglets a:visited span span.commentaire, #onglets a:hover span span.commentaire, #onglets a:active span span.commentaire {
	background: url(../img/ico-commentaire.png) no-repeat 0% 50%;
}
#onglets a:link span span.edition, #onglets a:visited span span.edition, #onglets a:hover span span.edition, #onglets a:active span span.edition {
	background: url(../img/ico-onglet-edition.png) no-repeat 0% 50%;
}
#onglets a:link span span.suivi, #onglets a:visited span span.suivi, #onglets a:hover span span.suivi, #onglets a:active span span.suivi {
	background: url(../img/ico-titre-suivi.png) no-repeat 0% 50%;
}
#onglets a:link span span.bordereaux, #onglets a:visited span span.bordereaux, #onglets a:hover span span.bordereaux, #onglets a:active span span.bordereaux {
	background: url(../img/ico-bordereaux.png) no-repeat 0% 50%;
}
#onglets .on a:link, #onglets .on a:visited, #onglets .on a:hover, #onglets .on a:active {
	height: 35px;
	float: left;
	padding: 0 25px 0 0;
	background: url(../img/fd-sstitre2-orange-on.png) no-repeat 100% 0%;
	color: #ffffff;
}
#onglets .on a:link span, #onglets .on a:visited span, #onglets .on a:hover span, #onglets .on a:active span {
	height: 35px;
	line-height: 35px;
	text-shadow: #505050 1px 1px 0;
	background: url(../img/fd-sstitre1-orange.png) no-repeat 0% 0%;
}


/*************************************************************
	LOGIN
*************************************************************/
body.login {
	text-align: left;
	background: url(../img/fd-login.jpg) no-repeat #f0f1f2;
	padding-top: 125px;
}
#login {
	width: 440px;
	margin: 0 auto;
}
.login #footer {
	background: none;
}
#login h1 {
	padding-left: 15px;
}
#login .contenu {
	display: block;
	padding-top: 0;
	background: none;
}
#login .contenu p {
	padding: 15px 0 5px 0;
}
#login .contenu p.oubli {
	padding: 5px 0 15px 0;
}
#login .input-text {
	margin-top: 5px;
	padding: 5px;
	width: 380px;
}
#login #contenu .bordure {
	min-width: 0;
}


/*************************************************************
	HOME
*************************************************************/
.home #contenu .bordure {
	height: 100%;
}
.home .contenu {
	background: #ffffff;
}
#acces-rapide {
	float: right;
	width: 35%;
}
#acces-rapide .contenu {
	background: none;
	border:0;
}
#suivi-contrats {
	float: left;
	width: 65%;
}
#suivi-contrats table.liste {
	border-bottom: 0;
}
#suivi-contrats table.liste tr td {
	background: #eeeeee;
	font-size: 14px;
	color: #777777;
	padding: 8px 10px;
	border-left: 1px #eeeeee solid;
}
#suivi-contrats table.liste tr.paire td {
	background: #ffffff;
	border-left: 1px #ffffff solid;
}
ul.acces-dashboard li {
	float: left;
	list-style-type: none;
	width: 42%;
	font-size: 18px;
}
ul.acces-dashboard li.form {
	width: 55%;
	margin-left: 3%;
}
ul.acces-dashboard.admin li {
	float: right;
}
ul.acces-dashboard.admin li.form {
	margin: 0 3% 0 0;
}
ul.acces-dashboard a, ul.acces-dashboard form {
	padding: 20px;
	display: block;
	font-size: 18px;
	line-height: 22px;
	border-radius: 5px;
	text-decoration: none;
	background: #A4C2DD;
	min-height: 40px;
	color: #ffffff;
}
ul.acces-dashboard a {
	padding: 18px 20px 18px 65px;
	background: url(../img/ico-dashboard-new.png) no-repeat 20px 50% #A4C2DD;
	line-height: 22px;
}
ul.acces-dashboard a:hover {
	background: url(../img/ico-dashboard-new.png) no-repeat 20px 50% #6192C4;
}
ul.acces-dashboard input.input-text {
	font-size: 18px;
	line-height: 22px;
	min-height: 22px;
	border-radius: 5px;
	border: 0;
	width: 150px;
	padding: 7px 15px;
	color: #777777 !important;
}
ul.acces-dashboard input.submit {
	font-size: 18px;
	line-height: 22px;
	min-height: 22px;
	border: 0;
	margin-left: 15px;
	padding: 7px 0 7px 35px;
	cursor: pointer;
	color: #ffffff !important;
	background: url(../img/ico-dashboard-search.png) no-repeat 0px 50%;
}
h2.suivis {
	background:  none;
	font-size: 18px;
	font-weight: normal;
	height: auto;
	float: none;
	padding: 0 10px 15px 10px;
	color: #6192C4;
	cursor: default;
	border-bottom: 1px #e0e0e0 solid;
	text-shadow: none;
	margin-bottom: 15px;
}
h2.suivis em {
	font-style: normal;
	float: right;
}
.block-dashboard {
	border-radius: 5px;
	display: block;
	margin: 0 0 10px 0;
	padding: 12px 20px;
	background: #ECECFB;
	line-height: 1.3em;
	font-size: 14px;
	color: #666666;
}
.notifs .block-dashboard {
	background: #FFBFBF;
	color: #c52f2f;
	text-decoration: none;
}
.notifs .block-dashboard:hover {
	background: #c52f2f;
	color: #ffffff;
}

.notifslu .block-dashboard {
	background: #90cf90;
	color: #166c16;
	text-decoration: none;
}
.notifslu .block-dashboard:hover{
	background: #60b160;
	color: #ffffff;
}

/*************************************************************
	TABLEAUX
*************************************************************/
.contenu-table {
	padding: 0 0 10px 0;
	background: none;
}
table.liste {
	border-bottom: 1px #D34100 solid;
}
table.no-titre {
	border-top: 5px #D34100 solid;
}
table.liste td, table.liste th {
	padding: 7px 8px;
}
table.liste th {
	text-align: left;
	color: #ffffff;
	font-weight: bold;
	border-bottom: 1px #315C80 solid;
	background: url(../img/fd-titre.png) repeat-x;
	padding: 9px 8px;
	border-left: 1px #5597CB solid;
	border-right: 1px #437FAE solid;
}
table.liste th.txt-center {
	text-align: center;
}
table.liste th a:link, table.liste th a:visited, table.liste th a:hover, table.liste th a:active {
	text-decoration: none;
	color: #ffffff;
	display: block;
}
table.liste th .tri {
	float: right;
	margin-top: 4px;
}
table.liste tr.paire td {
	background: #F7FAFC;
}
table.liste.correspondance tr.paire td {
  background: #4B96C5;
  border: 0;
  color: white;
}
table.liste.correspondance tr td div{
  overflow-wrap: anywhere;
  word-break: normal;
  max-width: 95vw;
  overflow: auto;
}
table.liste.correspondance tr.entete.paire td {
  background: #31688A;
}
table.liste.correspondance tr.entete td {
  border: 0;
  background: #ddd;
}
table.liste td {
	border-left: 1px #ffffff solid;
}
table.liste.correspondance tr.entete.paire td {
  background: #31688A;
}
table.liste.correspondance tr.entete td {
  border: 0;
  background: #ddd;
}
table.liste td {
	border-left: 1px #ffffff solid;
}
table.documents .txt-right a {
	margin-left: 15px;
  font-size: 1.3em;
  line-height: 1.5em;
}

table.options-tarifs {
	margin: 15px 0;
	border-bottom: 1px #315C80 solid;
}
table.options-tarifs th {
	border-bottom: 0;
}
table.options-tarifs td {
	border-top: 1px #315C80 solid;
	border-left: 1px #315C80 solid;
}
table.options-tarifs td.nobord {
	border-left: 1px #ffffff solid;
}
table.options-tarifs td.tarifs {
	padding: 0;
	border-left: 0;
	border-top: 0;
}
table.options-tarifs td.tarifs td {
	border: 0;
	padding-top: 4px;
	padding-bottom: 4px;
}
table.options-tarifs td.tarifs th {
	font-weight: normal;
	padding-top: 4px;
	padding-bottom: 4px;
	background: url(../img/fd-titre-tarif.png) repeat-x #5597CB;
}

table td.actions{
	display: flex;
	justify-content: space-evenly;
}

ul.legende-contrats li {
	float: left;
	width: 25%;
	list-style-type: none;
	text-align: center;
	font-size: 11px;
	height: 20px;
	line-height: 20px;
}
ul.legende-contrats li.resilie, table.liste tr.resilie td {
	background: #cccccc;
}
ul.legende-contrats li.no-prime, table.liste tr.no-prime td {
	background: #FEE47E;
}
ul.legende-contrats li.annule, table.liste tr.annule td {
	background: #FFB299;
}
ul.legende-contrats li.remboursement, table.liste tr.remboursement td {
	background: #B2FFE5;
}

p.nav {
	text-align: center;
	font-size: 11px;
	color: #4886B7;
}
p.nav a.suiv:link, p.nav a.suiv:visited, p.nav a.suiv:hover, p.nav a.suiv:active,
p.nav a.prec:link, p.nav a.prec:visited, p.nav a.prec:hover, p.nav a.prec:active {
	background: url(../img/fd-nav-prec.png) no-repeat 50% 50%;
	height: 27px;
	line-height: 27px;
	text-align: center;
	width: 107px;
	display: inline-block;
	color: #ffffff;
	padding: 0 0 0 8px;
	font-size: 11px;
	margin: 0 10px;
	text-decoration: none;
}
p.nav a.suiv:link, p.nav a.suiv:visited, p.nav a.suiv:hover, p.nav a.suiv:active {
	background: url(../img/fd-nav-suiv.png) no-repeat 50% 50%;
	padding: 0 8px 0 0;
}


/*** recherche ***/
.recherche {
	padding: 10px 10px 30px 10px;
}
.recherche input, .recherche select, .recherche a {
	margin-right: 10px;
	vertical-align: middle;
}


/******************************************************/
/******							ALERTE											 ******/
/******************************************************/

table.alert-list{
	margin-top: 2em;
	padding: 0 1em;
}

table.alert-list tr.odd {
	background-color: #eeeeee;
}

table.alert-list th.name {
	width: 10%;
}

table.alert-list th.firstname {
	width: 10%;
}

table.alert-list th.birthdate {
	width: 10%;
}

table.alert-list th.reference {
	width: 15%;
}

table.alert-list th.verified_by {
	width: 10%;
}

table.alert-list th.comment {
	width: 30%;
}

table.alert-list th.verified_at {
	width: 10%;
}

table.alert-list th.actions {
	width: 5%;
}

table.alert-list td {
	padding: 1em 0 1em 5px;
}

div.report_date {
	margin-left: 2em;
	margin-top: 3em;
	display: flex;
}

div.report_date span.header {
	font-weight: bold;
}

div.report_date div.previous_days {
	margin-left: 2em;
}

div.report_date div.previous_days span {
	margin-left: 1em;
}

div.report_date div.previous_days span {
	border-radius: 10px;
	line-height: 14px;
	display: inline-block;
	font-size: 11px;
	text-shadow: #505050 1px 1px 0;
	padding: 4px 16px 7px 12px;
}

div.report_date div.previous_days span.no_alerts {
	background-color:#427DAD;
}

div.report_date div.previous_days span.verified_alerts {
	background-color: #166c16;
}

div.report_date div.previous_days span.unverified_alerts {
	background-color:#ff0000;
}

div.report_date div.previous_days span a {
	color: white;
	text-decoration: none;
}

div.report_date div.previous_days span a.current_date {
	color: rgb(205, 142, 5);
	text-decoration: underline;
}

div.comment {
	margin-top: 2em;
	margin-left: 5em;
}

div.comment form {
	font-size: 13px;
	line-height: 30px;
}

div.comment form div.label {
	font-weight: bold;
}

div.comment form div.value, div.comment form textarea.value {
	margin-left: 2em;
}

div.comment form div.actions {
	margin-top: 2em;
	margin-left: 15em;
	justify-content: space-between;
}

div.comment form div.actions a {
	margin-right: 1em;
}

div.comment form div.actions input.save {
	background: url(../img/ico-enregistrer.png) no-repeat 0% 55%;
}