
A{
	font-family: Arial, Verdana, sans-serif;
	font-size: 11px;
	color: navy;
	text-decoration: none;
	font-weight: bold;
}

A:hover{
	text-decoration: underline;
}

BODY{
	background: #ffffff;
	margin: 0px;
	font-family: Arial, Verdana, sans-serif;
	font-size: 10px;
	text-align: center;
}

FONT.msg{
	font-weight: bold;
	color: #67002f;
}

H1{
	font-size: 20px;
}

H2{
	font-size: 18px;
}

H3{
	font-size: 16px;
}

H4{
	font-size: 14px;
}

H5{
	font-size: 11px;
}

H6{
	font-size: 8px;
}

INPUT{
	font-family: Arial, Verdana, sans-serif;
	font-size: 11px;
	font-weight: normal;
	background: #d9e4f8;
}

INPUT.button{
	font-weight: bold;
	color: #67002f;
	cursor: pointer;
}

INPUT.center{
	text-align: center;
}

INPUT.check{
	background: transparent;
}

INPUT.invis{
	background: transparent;
	border: 0px;
}

INPUT.right{
	text-align: right;
}

IMG{
	border: 0px;
}

SELECT{
	font-family: Arial, Verdana, sans-serif;
	font-size: 11px;
	font-weight: normal;
	background: #d9e4f8;
}

SELECT.select{
	width:99%;
}

TABLE{
	width: 100%;
	font-family: Arial, Verdana, sans-serif;
	font-size: 11px;
	margin: 0px;
	padding: 0px;
}

TEXTAREA{
	font-family: Arial, Verdana, sans-serif;
	font-size: 11px;
	font-weight: normal;
	background: #d9e4f8;
}

TD{
	vertical-align: top;
}

TR{
	height: 15px;
}

#body{
	background: #dedede;
	color: #fff;
	font-weight: bold;
	padding: 0px;
}

#container{
	width: 100%;
	/* height: 800px; */
	background: #fff;
	margin : 0 auto;
}

#container .home_category{
	font-family: Helvetica, Arial, sans-serif;
	color: #000000;
	text-decoration: none;
	text-transform: uppercase;
	/*text-shadow: 0 1px 1px #000;*/
	font-size: 13px;
	font-weight: bold;
	padding-bottom: 5px;
}

#container .home_stats{
	width:370px;
	height:240px;
	display: block;
	border: 1px solid;
	border-radius: 5px;
	padding:1px;
	text-align:center;
}

#container .sep{
	height: 10px;
	background: #67002f;
	color: #fff;
	font-weight: bold;
}

#container .sep A{
	position: relative;
	left: 5px;
	color: #fff;
}

#container .head{
	background: #eee;
	height: 20px;
	color: #67002f;
	font-weight: bold;
}

#container .head INPUT{
	font-size: 9px;
}

#container .head SELECT{
	font-size: 9px;
}

#include{
	width:95%;
	min-height: 500px;
	display: block;
	border: 1px solid;
	border-radius: 5px;
	box-shadow: 6px 6px 6px black;
	padding:1px;
	background: #fefefe;
}

#login_info{
	width:250px;
	display: block;
	position: absolute;
	top:20px;
	left:20px;
	border: 1px solid;
	border-radius: 5px;
	box-shadow: 6px 6px 6px black;
	padding:10px;
	background: #eee;
	text-align: justify;
}

#logon{
	width:400px;
	display: block;
	border: 1px solid;
	border-radius: 5px;
	padding:10px;
	background: #fff;
	text-align: justify;
}

#corner_top{
	background: #eee;
	height: 20px;
	color: #67002f;
	font-weight: bold;
	background-image: url(../../images/jassure/hg.gif);
	background-repeat: no-repeat;
}

#corner_bottom{
	background-image: url(../../images/jassure/bg.gif);
	background-repeat: no-repeat;
}

#idLienRapide INPUT{
	width: 80px;
}

#idTdMain{
	border-right: #9e8bda 3px double; 
	border-top: #9e8bda 3px double;
	border-left: #9e8bda 3px double;
	border-bottom: #9e8bda 3px double;
}

#phenix {
	min-width: 250px;
	min-height: 485px;
/*	display: block; */
	border: 1px solid;
	border-radius: 5px;
	border-color: #080808;
	margin: 0;
	padding: 0;
}

#titre{
	font: 25px "Broadway BT";
}

.autocomplete_field {
	padding: 3px 2px;
}

div.autocomplete, .autocomplete_field { 
  width:200px;
  background-color:white;
  border:1px solid #888;	  
}

div.autocomplete {
  position:absolute;
  margin:0px;
  padding:0px;
}

div.autocomplete ul {
  list-style-type:none;
  margin:0px;
  padding:0px;
}

div.autocomplete ul li.selected { 
	background-color: #ffb;
}

div.autocomplete ul li {
  list-style-type:none;
  background-color: #FFF;
  display:block;
  margin:0;
  padding:2px;
  cursor:pointer;
}

A.click2call{
	background-color: #d9e4f8;
	padding: 1px;
	border: 1px solid navy;
	border-radius: 5px;
	width: 90px;
	text-align: center;
}

A.click2call:hover{
	text-decoration: none;
}

.forms{
	width: 650px;
	padding-right: 0px;
	font-size: 11px;
}

.forms A{
	font-family: Arial, Verdana;
    font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	color: navy;
}

.forms A:hover{
	text-decoration: underline;
}

.forms TD{
	vertical-align: middle;
}

.forms .bc{
	background-image: url(../../images/jassure/FW_basm.gif);
}

.forms .bd{
	width: 14px;
	background-image: url(../../images/jassure/FW_basd.gif);
	background-repeat: no-repeat;
}

.forms .bg{
	width: 15px;
	background-image: url(../../images/jassure/FW_basg.gif);
	background-repeat: no-repeat;
}

.forms .hc{
	background-image: url(../../images/jassure/FW_ongletFond.gif);
}

.forms .hd{
	width: 14px;
	background-image: url(../../images/jassure/FW_ad.gif);
	background-repeat: no-repeat;
	background-position: right top;
}

.forms .hg{
	width: 15px;
	background-image: url(../../images/jassure/FW_ag.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

.forms .mc{
	background: #ececec;
}

.forms .md{
	width: 14px;
	background-image: url(../../images/jassure/FW_fdd.gif);
	background-position: right;
}

.forms .mg{
	width: 15px;
	background-image: url(../../images/jassure/FW_fd1.gif);
	background-position: left;
}

.forms .mcn{
	background: #d0d0d0;
}

.forms .mdn{
	width: 14px;
	background-image: url(../../images/jassure/FW_fdds.gif);
	background-position: right;
}

.forms .mgn{
	width: 15px;
	background-image: url(../../images/jassure/FW_fd1s.gif);
	background-position: left;
}

.forms .lien{
	cursor: pointer;
}

.forms .lien TR{
	height: 19px;
}

.forms .lien TD{
	font-family: Arial, Verdana;
    font-size: 11px;
	font-weight: bold;
	color: navy;
	vertical-align: middle;
}

.forms .lien TD.g{
	width: 25px;
	background-image: url(../../images/jassure/btnC.gif);
	background-repeat: no-repeat;
	background-position: right;
}

.forms .lien TD.c{
	background-image: url(../../images/jassure/btnC.gif);
}

.forms .lien TD.d{
	width: 9px;
	background-image: url(../../images/jassure/btnR.gif);
	background-position: right;
}

.forms .msg{
	font-size: 11px;
	font-weight: bold;
	color: #67002f;
}

.forms .msg SPAN{
	font-size: 13px;
}

.forms .nav TD{
	font-family: Arial, Verdana;
    font-size: 11px;
	font-weight: bold;
	color: #aaa;
}

.forms .nav SPAN{
	font-family: Arial, Verdana;
    font-size: 11px;
	font-weight: bold;
	color: #000;
}

.forms .nav A{
	font-family: Arial, Verdana;
    font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	color: #67002f;
}

.forms .nav A:hover{
	text-decoration: underline;
}

.infobulle{
    position: absolute;
	top: 0px;
	left: 0px;
    visibility : hidden;
	width: 300px;
    border: 1px solid Black;
    padding: 10px;
    font-family: Verdana, Arial;
    font-size: 10px;
    background-color: #fff;
	z-index: 99;
}

.lien{
	cursor: pointer;
}

.rub TR{
	height: 20px;
}

.rub IMG{
	position: relative;
	top: 3px;
}

.rub TD.c{
	vertical-align: middle;
	font-weight: bold;
	background-image: url(../../images/jassure/butt_c.gif);
}

.rub TD.d{
	width: 10px;
	vertical-align: middle;
	background-image: url(../../images/jassure/butt_r.gif);
	background-position: right;
}

.rub TD.g{
	width: 10px;
	vertical-align: middle;
	background-image: url(../../images/jassure/butt_l.gif);
	background-position: left;
}

.sautdepage{
	page-break-before: always;
}

.thead{
	display: table-header-group;
}

.tfoot{
	display: table-footer-group;
}

.bouton
{
	display: inline-block;
	padding: 3px;
	padding-left: 10px;
	padding-right: 10px;
	border: 1px solid #aaa;
	border-radius:5px;

	cursor: pointer;
	color: inherit;
	
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top, #ffffff 40%, #cccccc 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(40%,#ffffff), color-stop(100%,#cccccc)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #ffffff 40%,#cccccc 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #ffffff 40%,#cccccc 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #ffffff 40%,#cccccc 100%); /* IE10+ */
	background: linear-gradient(to bottom, #ffffff 40%,#cccccc 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#cccccc',GradientType=0 ); /* IE6-9 */
}

.bouton:hover
{
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top, #cccccc 40%, #ffffff 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(40%,#cccccc), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #cccccc 40%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #cccccc 40%,#ffffff 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #cccccc 40%,#ffffff 100%); /* IE10+ */
	background: linear-gradient(to bottom, #cccccc 40%,#ffffff 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cccccc', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}

.rubtitle
{
	border-top-left-radius:20px;
	border-top-right-radius:20px;
	padding:5px;
	padding-left:10px;
	font-weight: bold;
	text-align:left;
	
	margin-top:10px;
	
	border: 1px solid #ccc;
	
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top, #cccccc 0%, #ffffff 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#cccccc), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #cccccc 0%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #cccccc 0%,#ffffff 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #cccccc 0%,#ffffff 100%); /* IE10+ */
	background: linear-gradient(to bottom, #cccccc 0%,#ffffff 20%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cccccc', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
	
}

.rubtitle img
{
	position: relative;
	top:2px;
}

.rubcontent
{
	padding:3px;
	padding-left:5px;
	padding-right:5px;
	
	border: 1px solid #ccc;
	border-top:none;
	
	text-align:left;
}

.rubcontent .label
{
	color: #666;
	display: inline-block;
	width: 100px;
	text-align: right;
	margin-bottom:3px;
}

.tarifline
{
	height:30px; 
}

.tarifline td
{
	border-bottom: 1px solid #ddd;
	border-left: 1px solid #ddd;
}

.tarifline td:last-of-type
{
	border-right: 1px solid #ddd;
}

.tarifline .ass1, .tarifline .ass2
{
	width:70px; 
	text-align:right; 
	color:#444;
}

.tarifline .total
{
	width:80px; 
	font-size:110%; 
	font-weight:bold; 
	text-align:right;
}

.tarifline .logo
{
	background-color:#fff; 
	vertical-align: middle; 
	width:60px;
}

.tarifline .check
{
 	width:28px; 
 	padding:3px; 
}

.tarifline .bout
{
	min-width:40px; 
	width:40px; 
	text-align:center; 
}

.tSAPline
{
	padding-top:2px;
	padding-bottom:2px;
	border-bottom:1px dotted #BBB;
}

.tSAPnoline
{
	text-align:center;
	font-weight:bold;
	padding-top:10px;
	padding-bottom:10px;
	display: none;
}


.tSAPline:last-child
{
	border-bottom:none;
}

.tSAPline div
{
	display:inline-block;
	vertical-align:middle;
	font-weight: bold;
}

.tSAPline .c1
{
	width:15%;
}

.tSAPline .c1 img
{
	max-height:30px;
}


.tSAPline .c2
{
	color:#444;
	width:43%;
}

.tSAPline .c2 span
{
	font-weight: normal;
}

.tSAPline .c3
{
	width:15%;
}


.tSAPline .c4
{
	width:18%;
	text-align: right;
	
}

.tSAPline .c4 .price
{
	background-color: #AAA;
	border-radius: 3px;
	font-size: 120%;
	padding:3px 6px 3px 6px;
	color:#FFF;
}


table.SAPgar td:first-child
{
	padding-right:3px;
	text-align: right;
}

a.doc
{
	background-image: url(../../images/icones16/acrobat.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding: 3px 0 0 20px;
	height: 17px;
	color: #000080;
	vertical-align: middle;
	display: block;
}

#SAPprogressbar{
margin:10px;
vartical-align:middle;
height:15px;
}


#SAPprogressbar .progress-label {
position: absolute;
padding-left:20px;
font-weight: bold;
color:#000;
}

span div.s0
{
	display: inline-block;
	width:16px;
	height:16px;
	background-image: url(../../images/icones16/etoile000.gif);
}
span div.s25
{
	display: inline-block;
	width:16px;
	height:16px;
	background-image: url(../../images/icones16/etoile025.gif);
}
span div.s50
{
	display: inline-block;
	width:16px;
	height:16px;
	background-image: url(../../images/icones16/etoile050.gif);
}
span div.s75
{
	display: inline-block;
	width:16px;
	height:16px;
	background-image: url(../../images/icones16/etoile075.gif);
}
span div.s100
{
	display: inline-block;
	width:16px;
	height:16px;
	background-image: url(../../images/icones16/etoile100.gif);
}
div.ok
{
	display: inline-block;
	width:16px;
	height:16px;
	background-image: url(../../images/icones16/ok.gif);
}
div.nok
{
	display: inline-block;
	width:16px;
	height:16px;
	background-image: url(../../images/icones16/nok.gif);
}

#dialogFilter
{
	text-align: left;
	display: none;
}

#dialogFilter span
{
	font-weight: bold;
}

#dialogFilter p:not(:first-child) p:not(:nth-child(2))
{
	margin-top:0px;
}

#dialogFilter_left
{
	vertical-align: top;
	display: inline-block;
	width:49%;
}

#dialogFilter_right
{
	vertical-align: top;
	display: inline-block;
	width:49%;
}

.truncate {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  text-align:left;
}

#termsaction {
padding:20px;
text-align:left;
padding-bottom:5px;
}

#termsaction select {
background: transparent;
border: 1px solid #888;
border-radius:3px;
padding:5px;
font-size:110%;
text-transform: uppercase;
}

#termsaction #_IdEcheance {
display:none;
}

#termsaction #submitButton{
float:right;
display:none;
}

#PrimeTotalTTC {
    font-weight: bold;
}

#termsaction #information {
    padding-top:20px;
    font-size:110%;
    text-align:right;
}

.supercheck {
text-align:left;
float:left;
text-transform: uppercase;
font-size:90%;
display:none;
}

#echeancePDF {
    margin-top:15px;
    float:left;
}

#echeancePDF a img {
vertical-align: text-bottom;
}

#terms {
padding:5px;
height:700px;
overflow:auto;
border-top: 1px dotted #888;
border-bottom: 1px solid #888;
margin-top:2px;
}

.terms .sous td{
  padding: 5px;
  padding-top:10px;
  
}
.terms .sous td:first-child{
  font-weight: bold;
}


.terms .aff td:not(:first-child){
  text-transform:uppercase;
  color:#999;
  font-size:80%;
  text-align:right;
}

.terms .aff td:first-child div{
    float: left;
    margin-right:5px;
    display:none;
}


.terms .aff{
    background-color:#eee;
}

.terms .aff td{
  padding: 3px;
  border-bottom: 1px solid #ccc;
  border-top: 1px solid #aaa;
}

.terms .term td{
  padding: 3px;
  vertical-align: baseline;
}

.terms .term td:nth-child(4), 
.terms .term td:nth-child(7),
.terms .term td:nth-child(10){
  font-weight:bold;
}

.terms .term td:not(:first-child){
    text-align:right;
    width:75px;
}

.terms input[type=text] {
width:60px;
background: transparent;
border: 1px solid #bbb;
text-align: right;
}

.header-list {
padding: 10px 20px;
background-color:#eee;
text-align:left;
}

.header-list h5 {
margin: 5px;
}

.header-list #nb-record{
font-size:200%;
font-weight:bold;
color:#888;
text-align:right;
}

.item {
margin: 2px 0px;
background-color:#eee;
text-align:left;
clear:both;
height:36px;
}

.item .col {
padding: 6px 12px;
float:left;
}

.item .col .label {
color:#888;
}

.item .col-command {
padding: 10px 12px;
}
.item .col-command img{
margin-right: 7px;
}

.item .col-head {
background-color: #ddd;
}

.pull-right {
float:right;
}

.pull-left {
float:left;
}

.bordered {
border: 1px solid #ccc;
}

.margin-label {
    margin: 4px 4px;
}

.margin-top {
margin-top:10px
}

.margin-top4 {
margin-top:4px
}

.margin-left2 {
margin-left:2px;
}

.margin-left {
margin-left:10px;
}

.margin-left50 {
margin-left:50px;
}

.margin-left100 {
margin-left:100px;
}

.inline-block {
display: inline-block;
}

.form-requete-rub {
text-align:left;
padding:5px 20px 5px 20px;
}

.form-requete-rub .title {
border-bottom: 1px solid #888;
padding:0px 0px 5px 0px;
margin-bottom:5px;
font-weight:bold;
}

#form-requete label>input {
vertical-align:sub;
}

.multicols {
display:inline-block;
vertical-align:top;
}

.twocols{
width:48%;
}

.threecols{
width:33%;
}

.fourcols{
width:25%;
}

.fivecols{
width:20%;
}


.onecol label, .multicols label{
display:block;
}

.text-uppercase {
text-transform: uppercase;
}

.text-center {
text-align: center;
}

.text-right {
text-align: right;
}

.text-left {
text-align: left;
}

.slider {
    margin:5px 10px 5px 130px;
    padding-top:5px;
}

.tooltip {
cursor: pointer;
}

.select2-container, .select2-selection--multiple {
min-height:25px !important;
text-align: left;
}

.form-requete-rub input[type=text] {
border: 1px solid #ddd !important;
background-color:#D9E4F8 !important;
border-radius:4px;
vertical-align:middle;
}


.select2-container--default .select2-selection--multiple {
border: 1px solid #ddd !important;
background-color:#D9E4F8 !important;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
background-color:#fff !important;
border: 1px solid #fff !important;
}

.js-select2 {
width:100%
}

.div-placeholder {
font-style:italic;
color:#666;
}

#form-pp label {
}

.rdv:hover {
    z-index:900;
}

.ged-drop-area {
display: block;
}

.ged-drop-area div{
padding:10px 20px;
border:1px dotted #888;
width:50%;
float:right;
margin-bottom:10px;
}

.pager label {
background-color: #ccc;
font-weight:bold;
padding: 3px;
text-align: center;
border-radius:5px;
cursor: pointer;
}

#mailingDialog a {
border: 1px solid black;
padding: 5px 10px;
border-radius: 3px;
text-decoration: inherit;
outline: none;
margin:3px auto;
display:block;
width:50%;
}

#mailingDialog a > label {
font-weight:normal;
cursor: inherit;
}
