@font-face {
    font-family: "challenge";
    src: url('/src/font/CapitalisTypOasis.ttf');
}

@font-face {
    font-family: "ave";
    src: url('/src/font/OpenSans-Regular.ttf');
}

@font-face {
    font-family: "ave-l";
    src: url('/src/font/OpenSans-Light.ttf');
}

@font-face {
    font-family: "ave-d";
    src: url('/src/font/HelveticaNeueLTCom-Cn.ttf');
}



/* ################## HEADER ###################### */

header {
	font-size: 12px;
	height: 130px; 	
	position: relative; 
	background-image: url('/img/header.png'); 
	background-repeat: repeat-x; 
	background-color: white;
}

header .logo {
	position: absolute; 
	top: 15px; 
	left: 50px; 
	width: 140px;
}

header .user-bar {
	float: right;
}

header .user-navbar {
	width: 250px;
	min-width: 250px;
	margin: 4px; 
	text-align: left;
	color: #555555;
	padding-bottom: 3px;
	border-bottom: 1px solid #CCCCCC;
}

header .user-menu {
	font-size: 12px;
}

header .user-username {
	color: #555555;
}

header .user-domain {
	float: right;
	color: #666666;
	font-size: 10px;
	margin-right: 5px;
}

header .header-body {
	padding-left: 350px; 
	padding-top: 47px; 
	color: #666666;
}

input {
	border: 1px solid #CCCCCC;
	height: 30px;
}


#picture {

	border-radius: 50%;
	background-repeat: no-repeat;  
	background-size: 100%;
	margin-right: auto;
	margin-left: auto;
}
/* ############# ICONES ##################### */

.icon {
	height: 15px;
	margin-left: 8px;
	margin-right: 8px;
}

.icon-centred {
	height: 23px;
	margin-left: auto;
	margin-right: auto;
}

.icon-l {
	height: 15px;
	margin-right: 8px;
}

.icon-r {
	height: 15px;
	margin-left: 8px;
}

.icon-wide {
	height: 35px;
	margin-left: 15px;
	margin-right: 15px;
}

.icon-wide-l {
	height: 35px;
	margin-right: 10px;

}

.icon-wide-r {
	height: 35px;
	margin-left: 10px;
}



/* ############ MESSAGES INFORMATION ########## */

.message-info {
	background-color: #EFEFEF;
	border-radius: 7px;
	padding: 10px;
	margin: 25px;
	font-size: 12px;
	color: #333333;
}


strong {
	color: #b30018;
	font-weight: bold;
}

table > tr > td {
	text-align: center;
}

p {
	font-size: 12px;
	color: #333333;
}

.strong {
	color: #b30018;
	font-weight: bold;
}

.ca {
	text-align: center;
}

.bg-filled {
	background-color: #FFE09E;
}

.bg-expired {
	background-color: #FF2E8C;
}

.bg-validated {
	background-color: #E0EB9D;
}

.bg-refused {
	background-color: #EB9DC1;
}

.centred {
	margin-left: auto;
	margin-right: auto;
}

#background {

    font-size: 12px;
	border: 0;
    font-family: ave, calibri light, calibri, 'Source Sans Pro', Helvetica, Arial, sans-serif;
    line-height: 1.5;
    margin-left: auto;
    margin-right: auto;
    padding: 0;	
    height: 100%;
	background-image: url('/img/backgroundWhite.jpg');
	background-size: cover; 
	background-repeat: no-repeat;
	background-color: #FCFCFC;

}

#background-entity {

	background-color: #FAFAFA;
	border: 0;
    font-family: ave, calibri light, calibri, 'Source Sans Pro', Helvetica, Arial, sans-serif;
    line-height: 1.5;
    margin: 0;
    padding: 0;
	height: 100%;
	background-color: #F3F3F3; 
	background-image: url('/img/backgroundWhite.jpg');
	background-color: #DFDDE0;
	background-size: cover; 
	background-repeat: no-repeat;

}

#background-login {

	/*background : url('blue_abstractc.png');
	background-color: #E9EDF0;	*/
    width: 100%;
    background-size: cover;
    /*background-attachment: fixed;*/
    -webkit-font-smoothing: antialiased;
    font-size: 12px;
   /* box-shadow: inset 0 0 250px rgba(0, 0, 0, .3);*/
	border: 0;
    font-family: ave, calibri light, calibri, 'Source Sans Pro', Helvetica, Arial, sans-serif;
    line-height: 1.5;
    margin: 0;
    padding: 0;
	height: 100%;
	background-color: #F3F3F3; 
	background-image: url('/img/backgroundWhite.jpg');
	background-color: #DFDDE0; 
	background-size: cover; 
	background-repeat: no-repeat;

}

#background-bdd {

	/*background : url('blue_abstractc.png');*/
	/*background-color: #42475E;	*/
    width: 100%;
    background-size: cover;
    /*background-attachment: fixed;*/
    -webkit-font-smoothing: antialiased;
    font-size: 12px;
   /* box-shadow: inset 0 0 250px rgba(0, 0, 0, .3);*/
	border: 0;
    font-family: ave, calibri light, calibri, 'Source Sans Pro', Helvetica, Arial, sans-serif;
    line-height: 1.5;
    margin: 0;
    padding: 0;
	height: 100%;

}


#footer {
	overflow: hidden;
	width: 90%;
	background-color: white;
	box-shadow: 0px 15px 15px #333333;
	margin-left: auto;
	margin-right: auto;
	opacity: 1;
	bottom: 0; 
	left: 0; 
	right:0; 
	height : 90px;

}

#underline {

	height: 30px;
	background-color: #EEEEEE;


}


#background_overview {

	background: #1E95B3 url(/aiv/graphisme/background.jpg) center center no-repeat;
    background-size: cover;
    background-attachment: fixed;
    -webkit-font-smoothing: antialiased;
	font-family: ave, calibri light, calibri, arial;

}

.clear { clear: both; }


#back {

    background: #1E95B3 url(/aiv/graphisme/background.jpg) center center no-repeat;

}

#box_login {


	/*background-color: #C5E8EE;*/
	
	background-image: url(/aiv/graphisme/fondAlpha15.png);	
	font-family: ave, calibri light, calibri, arial;
	margin-left: auto;
	margin-right: auto;
	width: 350px;
	min-width: 350px;
	overflow: auto;
	min-height: 80px;
	/*box-shadow: 0px 0px 20px #0E749C;*/
	box-shadow: 0px 0px 20px #252C59;
	border-radius: 5px;
	text-align: center;
	padding: 15px; 

}

.inputLogin {
	
	/*box-shadow: 0px 0px 10px #252C59;*/
	
}

.c {
	text-align: center;
}

.white {
	color: white;
}

#box_main {

	font-family: ave, calibri light, calibri, arial;	
	/*min-height: 100%;
	max-height: 100%;*/
}


 .encart {

	background-color: white;
	width: 80%;
	min-width: 800px;
	margin-left: auto;
	margin-right: auto;
	padding: 15px;
	font-family: ave, calibri light, calibri, arial;
	text-align: left;	
	box-shadow: 0px 2px 5px #CCCCCC;


}

 .encart_line {

	background-color: transparent;
	width: 80%;
	min-width: 800px;
	margin-left: auto;
	margin-right: auto;
	padding: 0px;
	text-align: center;


}

 .encart_cell {

	background-color: white;
	margin-left: auto;
	margin-right: auto;
	padding: 15px;
	font-family: ave, calibri light, calibri, arial;
	text-align: left;	
	box-shadow: 0px 2px 5px #CCCCCC;
	display:table-cell


}


.enteteRouge {
	background-color: #B30018;
}

.enteteRouge2 {
	background-color: #B51D43;

}

.enteteRouge2 > td {
	color: white;
	text-align: center;
	min-height: 30px;
	font-size: 12px;
}


.enteteRouge > td {
	color: white;
	text-align: center;
	min-height: 30px;
	font-size: 12px;
}

.ml5 {
	margin-left: 5px;
}

.ml7 {
	margin-left: 7px;
}

.ml10 {
	margin-left: 10px;
}

.mr5 {
	margin-right: 5px;
}

.mr7 {
	margin-right: 7px;
}

.mr10 {
	margin-right: 10px;
}


.lineA {
	background-color: white;
	color : #555555;
}

.lineA:hover {
	background-color: #B84D68;
	cursor: pointer;
	color: white;
}


.lineA > td {

	padding-left: 10px;
	min-height: 30px; 
	height: 30px;

}

.lineA2 {
	background-color: white;
	color : #555555;

}

.lineA2 > td {

	padding-left: 10px;
	min-height: 30px; 
	height: 30px;

}

.lineB2 {
	background-color: #F0F0F0;
	color : #555555;
}

.lineB {
	background-color: #F0F0F0;
	color: #555555;
}

.lineB:hover {
	background-color: #B84D68;
	cursor: pointer;
	color: white;
}


.lineB > td {
	padding-left: 10px;
	min-height: 30px; 
	height: 30px;
}

.lineB2 > td {

	padding-left: 10px;
	min-height: 30px; 
	height: 30px;

}

#box_smain {
	background-color: white;
	width: 1200px;
	margin-left: auto;
	margin-right: auto;
	padding: 30px;
	font-family: ave, calibri light, calibri, arial;
	text-align: left;	
	box-shadow: 0px 2px 5px #CCCCCC;
	padding: 30px;
}

.page {
	background-color: white;
	width: 1200px;
	margin-left: auto;
	margin-right: auto;
	font-family: ave, calibri light, calibri, arial;
	text-align: left;	
	box-shadow: 0px 2px 5px #CCCCCC;
	padding: 5px 15px 5px 15px;

}

.page-wide {
	background-color: white;
	width: 1400px;
	margin-left: auto;
	margin-right: auto;
	font-family: ave, calibri light, calibri, arial;
	text-align: left;	
	box-shadow: 0px 2px 5px #CCCCCC;
	padding: 5px 15px 5px 15px;

}

.page-banner {

	padding: 5px 15px 5px 15px; 
	box-shadow: 0px 2px 5px #CCCCCC;
	background-color: #293E50;
	color: white; 
	width: 1200px; 
	margin-left: auto; 
	margin-right: auto;
	font-family: ave-l;
	font-size: 14px;
}

.page-wide-banner {

	padding: 5px 15px 5px 15px; 
	box-shadow: 0px 2px 5px #CCCCCC;
	background-color: #293E50;
	color: white; 
	width: 1400px; 
	margin-left: auto; 
	margin-right: auto;
	font-family: ave-l;
	font-size: 14px;
}

.section-banner {
	padding: 5px 15px 5px 15px; 
	box-shadow: 0px 2px 5px #CCCCCC; 
	/*background-color: #666666; */
	background-color: #293E50;
	color: white; 
	width: 900px; 
	margin-left: 50px;
	font-family: ave-l;
	font-size: 12px;
}

.section {
	background-color: white;
	width: 900px;
	margin-left: 50px;	
	box-shadow: 0px 2px 5px #CCCCCC;
	padding: 5px 15px 5px 15px;

}

.medium-section-banner {
	padding: 5px 15px 5px 15px; 
	box-shadow: 0px 2px 5px #CCCCCC; 
	background-color: #FAFAFA; 
	color: #333333; 
	font-weight: bold;
	width: 900px; 
	margin-left: 50px;
	font-family: ave-l;
	font-size: 12px;
}

.medium-section {
	background-color: white;
	width: 900px;
	margin-left: 50px;	
	box-shadow: 0px 2px 5px #CCCCCC;
	padding: 5px 15px 5px 15px;

}

.wide-section-banner {
	padding: 5px 15px 5px 15px; 
	box-shadow: 0px 2px 5px #CCCCCC; 
	background-color: #FAFAFA; 
	color: #333333; 
	font-weight: bold;
	width: 1050px; 
	margin-left: 50px;
	font-family: ave-l;
	font-size: 12px;
}

.wide-section {
	background-color: white;
	width: 1050px;
	margin-left: 50px;	
	box-shadow: 0px 2px 5px #CCCCCC;
	padding: 5px 15px 5px 15px;

}

.entity-header {
	background-color: #B30018;
	color: white;
	text-align: center;
	font-size: 18px;
	font-family: ave-l;
	padding: 8px;
}

.entity-header-2 {
	background-color: #940348;
	color: white;
	text-align: center;
	font-size: 18px;
	font-family: ave-l;
	padding: 8px;
}

.header-index {
	background-color: #940348;
	color: white;
	text-align: center;
	font-size: 12px;
	font-family: ave-l;
	padding: 8px;
}

.entity-header-challenge {
	background-color: #658EAF;
	color: white;
	text-align: center;
	font-size: 18px;
	font-family: ave-l;
	padding: 8px;
}

.entity {
	padding: 5px 15px 5px 15px; 
	background-color: #293E50;
	color: white; 
	font-family: ave-l;
	font-size: 14px;
}

.entity-body {
	min-height: 540px;
	background-color: #FAFAFA;
	padding-left: 25px;
	padding-top: 40px;
	font-size: 12px;

}

.entity-body-sm {
	min-height: 50px;
	background-color: #FAFAFA;
	padding-left: 25px;
	padding-top: 40px;
	font-size: 12px;

}

.entity-body table {
	float: left;
	margin-right: 50px;
}

.entity-body i {
	font-size: 10px;
	color: #AAAAAA;

}

.entity-body td {
	height: 40px;
	font-size: 12px;

}

.entity-body .aside {
	float: left;
	margin-right: 25px;
	border-right: 3px solid #CCCCCC;
	min-height: 500px;
	height: 500px;
	text-align: right;
	padding-top: 20px;
	padding-right: 15px;
	color: #333333;
}

.entity-body .aside img {
	width: 35px;
}

.entity-body .divider {
	min-height: 45px;
	height: 45px;
}

.entity-body .group {
	min-height: 20px;
	height: 20px;
	border-bottom: 1px solid #DDDDDD;
	font-size: 13px;
	font-family: ave-l;
}

.entity-body input {
	height: 30px;
	min-height: 30px;
	border: 1px solid #EEEEEE;
}

.entity-action {
	background-color: #EFEFEF;
	text-align: center;
	padding: 15px;
}

.input-entity {
	width: 320px;
	max-width: 320px;
	background-color: #DFDFDF;
	font-size: 13px;
}

.agendaEntry:hover {
	background-color: #EFEFEF;
	cursor: pointer;
}

.box-w {
	background-color: white;
	padding: 15px;
	box-shadow: 0px 2px 5px #CCCCCC;

}

.bg-EE {
	background-color: #EEEEEE;
}

.bg-EF {
	background-color: #EFEFEF;
}

.bg-FF {
	background-color: #FFFFFF;
}

.bg-DD {
	background-color: #DDDDDD;
}

.w50 {
	min-width: 50px;
	width: 50px;
}

.w80 {
	min-width: 80px;
	width: 80px;
}

.w100 {
	min-width: 100px;
	width: 100px;
}

.w120 {
	min-width: 120px;
	width: 120px;
}

.w150 {
	min-width: 150px;
	width: 150px;
}

.w180 {
	min-width: 180px;
	width: 180px;
}

.w200 {
	min-width: 200px;
	width: 200px;
}

.w220 {
	min-width: 220px;
	width: 220px;
}

.w280 {
	min-width: 280px;
	width: 280px;
}

.w300 {
	min-width: 300px;
	width: 300px;
}

.w400 {
	min-width: 400px;
	width: 400px;
}

.w500 {
	min-width: 500px;
	width: 500px;
}

.w600 {
	min-width: 600px;
	width: 600px;
}

.bl-CC {
	border-left: 1px solid #CCCCCC;
}

.br-CC {
	border-right: 1px solid #CCCCCC;
}

.box-w-d {
	background-color: white;
	padding: 15px;
	box-shadow: 0px 2px 5px #CCCCCC;

}

.box-w-d:hover {
	background-color: #FAFAFA;
	padding: 15px;
	box-shadow: 0px 2px 5px #CCCCCC;

}

.box-g {
	background-color: #F5F5F5;
	padding: 15px;
	box-shadow: 0px 2px 5px #CCCCCC;

}


.tab-header-2 {
	background-color: #940348;
	color: white;
	font-size: 12px;
	text-align: center;
}

.tab-header-challenge {
	background-color: #658EAF;
	color: white;
	font-size: 12px;
	text-align: center;
}

.form-label {
	font-family: ave-l;
	font-size: 12px;
	margin-right: 25px;


}

/* ########################### BUBLE #######################"" */

.bubble-grey {
	width: 20px;
	height: 17px;
	border-radius: 50%;
	margin-left: 4px;
	background-color: #888888;
	color: white;
	font-size: 10px;
	text-align: center;
	padding-top: 3px;
	float: left;
}

.bubble-red {
	width: 20px;
	height: 17px;
	border-radius: 50%;
	margin-left: 4px;
	background-color: #E3006A;
	color: white;
	font-size: 10px;
	text-align: center;
	padding-top: 3px;
	float: left;
}

.bubble-orange {
	width: 20px;
	height: 17px;
	border-radius: 50%;
	margin-left: 4px;
	background-color: #E08E00;
	color: white;
	font-size: 10px;
	text-align: center;
	padding-top: 3px;
	float: left;
}

.bubble-green {
	width: 20px;
	height: 17px;
	border-radius: 50%;
	margin-left: 4px;
	background-color: #A8E000;
	color: white;
	font-size: 10px;
	text-align: center;
	padding-top: 3px;
	float: left;
}

.form-fied {
	font-family: ave;
	font-size: 14px;
}


.form-fied-sm {
	font-family: ave;
	font-size: 12px;
}


.img-icon-left {

	width: 20px;
	margin-right: 7px; 
}

::-webkit-scrollbar-track
{
 -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
 border-radius: 0px;
 background-color: #FFFFFF;
}
::-webkit-scrollbar
{
 width: 8px;
 height : 8px;
 background-color: #BBBBBB;
}
::-webkit-scrollbar-thumb
{
 border-radius: 0px;
 -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
 background-color: #BBBBBB;
}



.bookmarkOrange {
	background: #FFD4B0; 
}


.bookmarkOrangeActive {
	background: #ffaf4b; /* Old browsers */
	background: -moz-linear-gradient(top, #ffaf4b 0%, #ff920a 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #ffaf4b 0%,#ff920a 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #ffaf4b 0%,#ff920a 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffaf4b', endColorstr='#ff920a',GradientType=0 ); /* IE6-9 */

	cursor: pointer;
	color: white;
}

.bookmarkOrange:hover {
	background: #ffaf4b; /* Old browsers */
	background: -moz-linear-gradient(top, #ffaf4b 0%, #ff920a 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #ffaf4b 0%,#ff920a 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #ffaf4b 0%,#ff920a 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffaf4b', endColorstr='#ff920a',GradientType=0 ); /* IE6-9 */

	cursor: pointer;
	color: white;
}



.bookmarkOrangeHeader {
	background: #CCCCCC; 
}


.bookmarkOrangeActiveHeader {
	background: #ffaf4b; /* Old browsers */
	background: -moz-linear-gradient(top, #ffaf4b 0%, #ff920a 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #ffaf4b 0%,#ff920a 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #ffaf4b 0%,#ff920a 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffaf4b', endColorstr='#ff920a',GradientType=0 ); /* IE6-9 */

	cursor: pointer;
	color: white;
}

.bookmarkOrangeHeader:hover {
	background: #ffaf4b; /* Old browsers */
	background: -moz-linear-gradient(top, #ffaf4b 0%, #ff920a 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #ffaf4b 0%,#ff920a 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #ffaf4b 0%,#ff920a 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffaf4b', endColorstr='#ff920a',GradientType=0 ); /* IE6-9 */

	cursor: pointer;
	color: white;
}





.bookmarkRed:hover {
	background: #ffc4e1; /* Old browsers */
	background: -moz-linear-gradient(top, #FF3838 0%, #C92020 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #FF3838 0%,#C92020 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #FF3838 0%,#C92020 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FF3838', endColorstr='#C92020',GradientType=0 ); /* IE6-9 */

	cursor: pointer;
	color: white;
}

.bookmarkRed {
	background: #FFC7BF; 
}

.bookmarkRedActive {
		background: #ffc4e1; /* Old browsers */
	background: -moz-linear-gradient(top, #FF3838 0%, #C92020 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #FF3838 0%,#C92020 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #FF3838 0%,#C92020 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FF3838', endColorstr='#C92020',GradientType=0 ); /* IE6-9 */

	cursor: pointer;
	color: white; 
}



.bookmarkRedHeader:hover {
	background: #ffc4e1; /* Old browsers */
	background: -moz-linear-gradient(top, #FF3838 0%, #C92020 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #FF3838 0%,#C92020 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #FF3838 0%,#C92020 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FF3838', endColorstr='#C92020',GradientType=0 ); /* IE6-9 */

	cursor: pointer;
	color: white;
}

.bookmarkRedHeader {
	background: #FAFAFA; 
}

.bookmarkRedActiveHeader {
	background: #ffc4e1; /* Old browsers */
	background: -moz-linear-gradient(top, #FF3838 0%, #C92020 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #FF3838 0%,#C92020 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #FF3838 0%,#C92020 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FF3838', endColorstr='#C92020',GradientType=0 ); /* IE6-9 */

	cursor: pointer;
	color: white;
}





.bookmarkBlue:hover {
	background: #87e0fd; /* Old browsers */
	background: -moz-linear-gradient(top, #87e0fd 0%, #53cbf1 40%, #05abe0 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #87e0fd 0%,#53cbf1 40%,#05abe0 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #87e0fd 0%,#53cbf1 40%,#05abe0 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#87e0fd', endColorstr='#05abe0',GradientType=0 ); /* IE6-9 */
	cursor: pointer;
	color: white;
}

.bookmarkBlue {
	background: #ACE3F2; 
}

.bookmarkBlueActive {
	background: #87e0fd; /* Old browsers */
	background: -moz-linear-gradient(top, #87e0fd 0%, #53cbf1 40%, #05abe0 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #87e0fd 0%,#53cbf1 40%,#05abe0 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #87e0fd 0%,#53cbf1 40%,#05abe0 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#87e0fd', endColorstr='#05abe0',GradientType=0 ); /* IE6-9 */
	cursor: pointer;
	color: white;
}


.bookmarkBlueHeader:hover {
	background: #87e0fd; /* Old browsers */
	background: -moz-linear-gradient(top, #87e0fd 0%, #53cbf1 40%, #05abe0 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #87e0fd 0%,#53cbf1 40%,#05abe0 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #87e0fd 0%,#53cbf1 40%,#05abe0 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#87e0fd', endColorstr='#05abe0',GradientType=0 ); /* IE6-9 */
	cursor: pointer;
	color: white;
}

.bookmarkBlueHeader {
	background: #FAFAFA; 
}

.bookmarkBlueActiveHeader {
	background: #87e0fd; /* Old browsers */
	background: -moz-linear-gradient(top, #87e0fd 0%, #53cbf1 40%, #05abe0 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #87e0fd 0%,#53cbf1 40%,#05abe0 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #87e0fd 0%,#53cbf1 40%,#05abe0 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#87e0fd', endColorstr='#05abe0',GradientType=0 ); /* IE6-9 */
	cursor: pointer;
	color: white;
}






.bookmarkGreen:hover {
		background: #d2ff52; /* Old browsers */
		background: -moz-linear-gradient(top, #d2ff52 0%, #91e842 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(top, #d2ff52 0%,#91e842 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to bottom, #d2ff52 0%,#91e842 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d2ff52', endColorstr='#91e842',GradientType=0 ); /* IE6-9 */

	cursor: pointer;
	color: white;
}

.bookmarkGreen {
	background: #FAFAFA; 
}

.bookmarkGreenActive {
	background: #d2ff52; /* Old browsers */
		background: -moz-linear-gradient(top, #d2ff52 0%, #91e842 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(top, #d2ff52 0%,#91e842 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to bottom, #d2ff52 0%,#91e842 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d2ff52', endColorstr='#91e842',GradientType=0 ); /* IE6-9 */

	cursor: pointer;
	color: white;
}



.bookmarkGreenHeader:hover {
		background: #d2ff52; /* Old browsers */
		background: -moz-linear-gradient(top, #d2ff52 0%, #91e842 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(top, #d2ff52 0%,#91e842 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to bottom, #d2ff52 0%,#91e842 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d2ff52', endColorstr='#91e842',GradientType=0 ); /* IE6-9 */

	cursor: pointer;
	color: white;
}

.bookmarkGreenHeader {
	background: #FAFAFA; 
}

.bookmarkGreenActiveHeader {
	background: #d2ff52; /* Old browsers */
		background: -moz-linear-gradient(top, #d2ff52 0%, #91e842 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(top, #d2ff52 0%,#91e842 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to bottom, #d2ff52 0%,#91e842 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d2ff52', endColorstr='#91e842',GradientType=0 ); /* IE6-9 */

	cursor: pointer;
	color: white;
}






.bookmarkPurple:hover {
		background: #C000F0; /* Old browsers */
		background: -moz-linear-gradient(top, #C000F0 0%, #AD0096 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(top, #C000F0 0%,#AD0096 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to bottom, #C000F0 0%,#AD0096 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dC000F0', endColorstr='#AD0096',GradientType=0 ); /* IE6-9 */

	cursor: pointer;
	color: white;
}

.bookmarkPurple {
	background: #FAFAFA; 
}

.bookmarkPurpleActive {
		background: #C000F0; /* Old browsers */
		background: -moz-linear-gradient(top, #C000F0 0%, #AD0096 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(top, #C000F0 0%,#AD0096 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to bottom, #C000F0 0%,#AD0096 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dC000F0', endColorstr='#AD0096',GradientType=0 ); /* IE6-9 */

	cursor: pointer;
	color: white;
}



.bookmarkPurpleHeader:hover {
		background: #C000F0; /* Old browsers */
		background: -moz-linear-gradient(top, #C000F0 0%, #AD0096 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(top, #C000F0 0%,#AD0096 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to bottom, #C000F0 0%,#AD0096 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dC000F0', endColorstr='#AD0096',GradientType=0 ); /* IE6-9 */

	cursor: pointer;
	color: white;
}

.bookmarkPurpleHeader {
	background: #FAFAFA; 
}

.bookmarkPurpleActiveHeader {
		background: #C000F0; /* Old browsers */
		background: -moz-linear-gradient(top, #C000F0 0%, #AD0096 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(top, #C000F0 0%,#AD0096 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to bottom, #C000F0 0%,#AD0096 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dC000F0', endColorstr='#AD0096',GradientType=0 ); /* IE6-9 */

	cursor: pointer;
	color: white;
}







/* BANDEAUX EXPLORER EDT */

.bdtOrange { 
	background-color: #EBD28D;
}

.bdtOrange:hover { 
	background-color: #EDE1C0;
	cursor: pointer;
}

.bdtOrangeActive { 
	background-color: #EDE1C0;
}

.bdtOrangeDisabled { 
	background-color: #EBD28D;
}


	




.btnPetit {

	height: 25px; 
	font-size: 12px; 
	padding: 3px;

}

.click:hover {	
	cursor: pointer;	
}


.police {

	font-family: ave, calibri light, calibri, arial;

}

#box_caisse {

	background-color: #EDF3F5;
	width: 100%;
	font-family: ave, calibri light, calibri, arial;
	min-height: 100%;
	text-align: left;	
	z-index: 200;


}

#caisse_main {
	
	height: 400px;
	min-height: 400px;
	margin-left: auto;
	margin-right: auto;

}

#caisse_hg {

	max-width: 550px;
	width: 50%
}


#caisse_grille_entete {

	/*background: linear-gradient(to bottom,#EFEFEF,#CFCFCF);*/
	background :  linear-gradient(to top,#30A5B6,#5BC6D4);
	height: 30px;
	min-height: 30px;
	color: white;
	border-bottom: 1px solid #AAAAAA;
	font-weight: bold;
	font-size: 13px;

}

.rotate {
    margin: 0;
    padding: 0;
    -webkit-transform-origin: 0 0;
       -moz-transform-origin: 0 0;
        -ms-transform-origin: 0 0;
         -o-transform-origin: 0 0;
            transform-origin: 0 0;
    -webkit-transform: rotate(90deg);
       -moz-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
         -o-transform: rotate(90deg);
            transform: rotate(90deg);
}


#caisse_grille {
	vertical-align: top;
	min-width: 600px;

}

#caisse_marge_centre {

	width: 50px;
	min-width: 50px;
	
}

#caisse_operations {
	vertical-align: top;


}

.caisse_operations_ligne {
	
	height: 60px;
	min-height: 60px;

}

.inputText {
	border: 1px solid #BBBBBB;
	height: 20px;
	min-height: 20px;
	margin-top: 7px;
	margin-bottom: 7px;
	margin-left: 5px;
}

.caisse_operation {
	
	width: 20%;
	min-width: 20%;
	max-width: 20%;	
	height: 60px;
	min-height: 60px;
	
	font-size: 13px;
	font-weight: bold;
	color: white;
	

}

.imgBandeau {
	
	border: 1px solid white;
	border-radius: 5px;
}

.imgBandeau:hover {
	
	border: 1px solid #F5073B;
	border-radius: 5px;
	cursor: pointer;
	box-shadow: 0px 5px 5px #FFCCCD;
}

.cellMatrice {
	
	border: 1px solid #333333;
	background-color: #F5F5F5;
	min-width: 120px;
	min-height: 120px;
	width: 120px;
	height: 120px;
	
}


.caisse_ope_border {

	border: 1px solid #AAAAAA;

}

.link16 {
	
	color: #394172;
	font-weight: bold;
	
}

.link16:hover {
	
	color:#394172;
	font-weight: bold;
	text-decoration: underline;
	
}


.caisse_ope_border:hover {

	border: 1px solid #A2ED58;

}

.progress_ope_gris {
	background :  linear-gradient(to top,#30A5B6,#5BC6D4);
	cursor: pointer;
	color: #30A5B6;
}

.progress_ope_rougess {
	background-color: #CFCFCF;
	cursor: pointer;	
}


.operation-prevente {

	float: left;
	width: 120px;
	height: 70px;
	padding: 5px;
	color: white;
	background-color: #3B85B3;
	text-align: center;
	cursor: pointer;	
}

.operation-prevente:hover {

	float: left;
	width: 120px;
	height: 70px;
	padding: 5px;
	color: white;
	background-color: #0A5C8F;
	text-align: center;
	cursor: pointer;	
}

.operation-prevente-disabled {

	float: left;
	width: 120px;
	height: 70px;
	padding: 5px;
	color: #555555;
	background-color: #BBBBBB;
	text-align: center;
	cursor: not-allowed;	
}

.operation-bus {

	float: left;
	width: 120px;
	height: 70px;
	padding: 5px;
	color: white;
	background-color: #22B6D4;
	text-align: center;
	cursor: pointer;	
}

.operation-bus:hover {

	float: left;
	width: 120px;
	height: 70px;
	padding: 5px;
	color: white;
	background-color: #1193AD;
	text-align: center;
	cursor: pointer;	
}

.operation-bus-disabled {

	float: left;
	width: 120px;
	height: 70px;
	padding: 5px;
	color: #555555;
	background-color: #BBBBBB;
	text-align: center;
	cursor: not-allowed;	
}


.ope_vide {

	/*background : linear-gradient(to bottom, #EFEFEF, #CFCFCF);*/
	/*background : linear-gradient(to bottom,#AEAFD4,#9496B5);*/
	/*background : linear-gradient(to bottom,#D5D6E0,#B9B9C7);	*/
	background-color: #A0AEBD; 
	cursor: not-allowed;

}

.ope_rouge {

	background : linear-gradient(to bottom, #FF3333, #FF1717);
	cursor: pointer;	
	
}

.ope_rougeb {

	background : linear-gradient(to bottom, #E82727, #B31E1E);
	cursor: pointer;	
	
}

.ope_bleuf {

	background: linear-gradient(to bottom, #7A8CFF, #3D57FF);
	cursor: pointer;	

}

.ope_bleu  {
	background :  linear-gradient(to top,#30A5B6,#5BC6D4);
	cursor: pointer;
}

.ope_aveA  {
	background-color: #FF8400;
	cursor: pointer;
}

.ope_aveB  {
	background-color: #D10000;
	cursor: pointer;
}

.ope_aveC {
	cursor: pointer;
	background-color: #888888;
}

.ope_aveC:hover {
	cursor: pointer;
	background-color: #b30018;
}


.ope_gris {
	background :  linear-gradient(to top,#30A5B6,#5BC6D4);
}

.ope_disable {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fcfff4+0,dfe5d7+40,b3bead+100;Wax+3D+%233 */
background: rgb(252,255,244); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(252,255,244,1) 0%, rgba(223,229,215,1) 40%, rgba(179,190,173,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(252,255,244,1) 0%,rgba(223,229,215,1) 40%,rgba(179,190,173,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(252,255,244,1) 0%,rgba(223,229,215,1) 40%,rgba(179,190,173,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfff4', endColorstr='#b3bead',GradientType=0 ); /* IE6-9 */

}

.ope_grey {
	background :  linear-gradient(to bottom,#EDEDED,#C4C4C4);
}

.ope_rouge {

	background : linear-gradient(to bottom, #FF3333, #FF1717);
	cursor: pointer;	
	
}

.ope_orange {
	background: linear-gradient(to bottom,#FDC84D,#FDB91A);
	cursor: pointer;
	}

	
.ope_vert {
	background: linear-gradient(to bottom,#D6F054,#CAED1A);
	cursor: pointer;
	}
	
.ope_bluef {

	background: linear-gradient(to bottom,#5C6FAB,#314EAD);
	box-shadow: 5px 5px 20px #ADB8DE;

}


.ope_marron {

	background: linear-gradient(to bottom,#A65237,#82412C);
	cursor: pointer;

}

.ope_blind {

	background: linear-gradient(to bottom,#E3E3E3,#DBDBDB);
	cursor: not-allowed;
	color: #9F9F9F;

}
	
#encaisser:hover {

	box-shadow: 5px 5px 100px blue;

}


.caisse_grille_ligne {

	background-color: white;
	min-height: 20px;
	color: #3F3F3F;
	font-size: 13px;
	
	}


	
.caisse_grille_ligne2 {

	background-color : #D8E3EB;
	min-height: 20px;
	color: #3F3F3F;	
	font-size: 13px;
	
}

.caisse_grille_ligne:hover {

	background-color: #EEF3F7;
	min-height: 20px;
	color: #3F3F3F;
	font-size: 13px;
	
	}


	
.caisse_grille_ligne2:hover {

	background-color : #EEF3F7;
	min-height: 20px;
	color: #3F3F3F;	
	font-size: 13px;
	
}



.caisse_grille_num {

	color: #6F6F6F;
	font-size: 12px;
	text-align: center;
	min-height: 25px;
	height: 25px;

}


.caisse_grille_totaux {

	background : linear-gradient(to top,#30A5B6,#5BC6D4);
	color: white;
	height: 30px;
	min-height: 30px;

}


.caisse_marge_gauche {
	
	width: 25px;
	min-width: 25px;

}

#caisse_operations_entete {

	/*background: linear-gradient(to bottom,#FDC84D,#FDB91A);*/
	color: white;
	font-weight: bold;
	font-size: 18px;
	text-align: center;

}

#user_bar {
	
	
	width: 100%;
	height: 20px;
	text-align: right;
	padding-top: 0px; 
	

}

#user_div {

	font-family: ave, calibri light, calibri, arial;
	width: 300px;
	float: right;
	height: 23px;
	text-align: left;
	padding-left: 5px;
	border-bottom: 1px solid #CBCBCB;


}

#bandeau {
	height: 70px;
	min-width: 100%;
	/* background-color: transparent; */
	background-color: #D1F4F8;	
	}
	
.sbandeau {
	float: right;
	height: 100%;
	min-width: 100%;
	width: 100%;
}

.sbandeau-tr {
	width : 100%; 
	height: 100%; 
	float: right;
}

.sbandeau-tda {
	min-width: 80%;	
	}
	
.sbandeau-tdb {
	width: 250px;
	min-width: 250px;
	}
	
.sbandeau-tdg {
	width: 350px;
	min-width: 250px;
	}
	
.sbandeau-tdc {
	width: auto;
	min-width: 40%;
	}

.sbandeau-tdd {
	width: 50%;
	min-width: 50%;
	text-align: left;
	padding-left: 15px;	
	}
	
.sbandeau-tde {
	width: 40%;
	min-width: 30%;
	}

.username {

	color : #FBFBFB;
	font-size: 14px;
	font-family: ave, calibri light, calibri, arial;
}

.titre_bleu {

	color: #1E95B4;
	
	
}

.bleu2 {

	color:  #40B3C2;
	
}

.greyy {

	color: #2F2F2F;
	
	}

.grey1 {
	color: #3F3F3F;
	}
	
.link1 {
	color : #3F3F3F;
}

.link1:hover {

	color: #1E95B4;
	text-decoration: underline;
}

.surounded:hover {

	border: 1px solid #1E95B4;

}
.bulle {
	border-radius: 3px;
	width: 100%;
	height: 100%;
	min-height: 70px;
	/*background-color: #EEEEEE;*/
	background-color: white;
	text-align : left;
	padding : 3px;
	color: #3F3F3F;
	font-size: 11px;
	font-weight: 0;
}

.bulle_border{

	border-right : 1px solid #BBBBBB;
	width : 20%;

}

.bulle_libelle {
	/*font-weight : bold;*/
	font-size : 14px;

}

.tarif_souche {

width: 20%;
min-width: 20%;
background-color : #FFFCCC;

}

.tarif_libelle {

width: 80%;
min-width: 150px;
overflow : hidden;
padding : 5px;

}

.div_entete_privileges  {

	  margin: 0;
    padding: 0;
    -webkit-transform-origin: 0 0;
       -moz-transform-origin: 0 0;
        -ms-transform-origin: 0 0;
         -o-transform-origin: 0 0;
            transform-origin: 0 0;
    -webkit-transform: rotate(290deg);
       -moz-transform: rotate(290deg);
        -ms-transform: rotate(290deg);
         -o-transform: rotate(290deg);
            transform: rotate(290deg);
			
	font-size: 13px;
	font-weight: bold;

}

.entete_privileges  {

	width: 50px;
	min-width: 50px;
	height: 120px;
	min-height: 120px;
	vertical-align: bottom;
	padding-bottom: 5px;
	border-bottom: 1px solid grey;

}

.sentete_privileges  {

	border-bottom: 1px solid grey;

}


.bar_grey {

/*background: linear-gradient(to bottom,#EFEFEF,#BFBFBF);*/
background: linear-gradient(to top,#DFDFDF,#BFBFBF);

}

.bar_grey_b {

/*background: linear-gradient(to bottom,#EFEFEF,#BFBFBF);*/
background: linear-gradient(to bottom,#BFBFBF,#9F9F9F);

}

.bar_purple {

/*background: linear-gradient(to bottom,#EFEFEF,#BFBFBF);*/
background: linear-gradient(to bottom,#E657A2,#DE2889);

}

.bar_red {

background: linear-gradient(to bottom,#E86562,#E23D38);

}

.bar_purple{

background: linear-gradient(to right,#E86562,#E362A7);

}

.bar_blue {

background: linear-gradient(to bottom,#7BCAD5,#3EB1C1);
}

.ligne_hover:hover {
background: linear-gradient(to bottom,#7BCAD5,#3EB1C1);
}

.renseignements {

height: 35px;
min-height: 35px;
max-height: 35px;
border-bottom: 1px solid #DDDDDD;
vertical-align: bottom;
padding-left: 5px;

}

.renseignements_bandeaux {

height: 35px; 
border-bottom: 1px solid white;
vertical-align: bottom;
/* background-color: #376091;  */
background-color: #444444;
background: linear-gradient(to bottom,#7BCAD5,#3EB1C1);
width: 1%;
color: white;
/*
-webkit-transform: rotate(-90deg); 
-moz-transform: rotate(-90deg);
color: white;
writing-mode:tb-rl;
white-space: nowrap;
writing-mode: tb-rl; filter:flipV() flipH()
*/

}

.renseignements_bandeaux2 {

height: 35px; 
border-bottom: 1px solid white;
vertical-align: bottom;
background: linear-gradient(to bottom,#5C6FAB,#314EAD);
width: 2%;
color: white;
}

.inter-renseignements {

height: 40px; 
border-bottom: 0px solid grey;

}


.renseignements_categorie {

color: grey;
font-size: 14px;
width: 150px;
min-width: 150px;
text-align: left;
}

.renseignements_categorie2 {

color: #555599;
font-size: 14px;
width: 150px;
min-width: 150px;
text-align: left;
padding-left: 10px; 
}

.renseignements_categorie3 {

color: #555599;
font-size: 15px;
width: 150px;
font-weight: bold;
min-width: 150px;
text-align: left;
padding-left: 10px; 
}


.renseignements_champ {

color: black;
font-size: 15px;
font-family: ave, calibri light, calibri, arial;
width: 150px;
min-width: 150px;
text-align: left;
font-weight: bold;
height: 35px;
min-height: 35px;
max-height: 35px;
color : #3F3F3F;
text-align: left;
}


table {
	text-align: left;
	vertical-align: middle;
}

tr {
	text-align: left;
	vertical-align: middle;
}

td {

	vertical-align: middle;
	height: 100%;
}


.t2 {

	color: #2072B0;
	font-weight: bold; 
	font-family: ave, calibri light, calibri, arial;
	font-size: 17px;

}



.bouton {

	/*background-color: #A3C5E3; 
	color: #1D5382;
	*/
	
	color: white; 
	text-align: center;
	vertical-align: middle;
	
	}
	
#input_edit {

height: 30px; 
min-height: 30px;
border: 1px solid #DDDDDD;
background-color: #FFF0E5;

}

#input_edit2 {

height: 30px; 
min-height: 30px;
border: 1px solid #DDDDDD;
background-color: #FFF0E5;
width: 250px;
min-width: 250px;

}

#input_edit3 {

height: 30px; 
min-height: 30px;
border: 1px solid #DDDDDD;
background-color: white;
width: 250px;
min-width: 250px;

}

.bouton:hover {

background: rgb(41,137,216); /* Old browsers */
background: -moz-linear-gradient(top, rgba(41,137,216,1) 47%, rgba(30,87,153,1) 97%, rgba(30,87,153,1) 97%, rgba(30,87,153,1) 98%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(47%,rgba(41,137,216,1)), color-stop(97%,rgba(30,87,153,1)), color-stop(97%,rgba(30,87,153,1)), color-stop(98%,rgba(30,87,153,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(41,137,216,1) 47%,rgba(30,87,153,1) 97%,rgba(30,87,153,1) 97%,rgba(30,87,153,1) 98%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(41,137,216,1) 47%,rgba(30,87,153,1) 97%,rgba(30,87,153,1) 97%,rgba(30,87,153,1) 98%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(41,137,216,1) 47%,rgba(30,87,153,1) 97%,rgba(30,87,153,1) 97%,rgba(30,87,153,1) 98%); /* IE10+ */
background: linear-gradient(to bottom, rgba(41,137,216,1) 47%,rgba(30,87,153,1) 97%,rgba(30,87,153,1) 97%,rgba(30,87,153,1) 98%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2989d8', endColorstr='#1e5799',GradientType=0 ); /* IE6-9 */

	color: white;
	cursor: pointer; 

	}
	
.bouton_active {

 
 
 color: white;
	cursor: pointer; 

	}
	
	
	
.blue {

	color: white;
	cursor: pointer;
	background-color: background: rgb(109,179,242);/* Old browsers */
/* FF3.6+ */
/* Chrome,Safari4+ */
/* Chrome10+,Safari5.1+ */
/* Opera 11.10+ */
/* IE10+ */
/* W3C */
/* IE6-9 */
	}
	
.black {

background: rgb(76,76,76); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(76,76,76,1) 0%, rgba(89,89,89,1) 12%, rgba(102,102,102,1) 25%, rgba(71,71,71,1) 36%, rgba(44,44,44,1) 50%, rgba(0,0,0,1) 56%, rgba(17,17,17,1) 62%, rgba(43,43,43,1) 76%, rgba(28,28,28,1) 91%, rgba(19,19,19,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(76,76,76,1)), color-stop(12%,rgba(89,89,89,1)), color-stop(25%,rgba(102,102,102,1)), color-stop(36%,rgba(71,71,71,1)), color-stop(50%,rgba(44,44,44,1)), color-stop(56%,rgba(0,0,0,1)), color-stop(62%,rgba(17,17,17,1)), color-stop(76%,rgba(43,43,43,1)), color-stop(91%,rgba(28,28,28,1)), color-stop(100%,rgba(19,19,19,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(76,76,76,1) 0%,rgba(89,89,89,1) 12%,rgba(102,102,102,1) 25%,rgba(71,71,71,1) 36%,rgba(44,44,44,1) 50%,rgba(0,0,0,1) 56%,rgba(17,17,17,1) 62%,rgba(43,43,43,1) 76%,rgba(28,28,28,1) 91%,rgba(19,19,19,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(76,76,76,1) 0%,rgba(89,89,89,1) 12%,rgba(102,102,102,1) 25%,rgba(71,71,71,1) 36%,rgba(44,44,44,1) 50%,rgba(0,0,0,1) 56%,rgba(17,17,17,1) 62%,rgba(43,43,43,1) 76%,rgba(28,28,28,1) 91%,rgba(19,19,19,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(76,76,76,1) 0%,rgba(89,89,89,1) 12%,rgba(102,102,102,1) 25%,rgba(71,71,71,1) 36%,rgba(44,44,44,1) 50%,rgba(0,0,0,1) 56%,rgba(17,17,17,1) 62%,rgba(43,43,43,1) 76%,rgba(28,28,28,1) 91%,rgba(19,19,19,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(76,76,76,1) 0%,rgba(89,89,89,1) 12%,rgba(102,102,102,1) 25%,rgba(71,71,71,1) 36%,rgba(44,44,44,1) 50%,rgba(0,0,0,1) 56%,rgba(17,17,17,1) 62%,rgba(43,43,43,1) 76%,rgba(28,28,28,1) 91%,rgba(19,19,19,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4c4c4c', endColorstr='#131313',GradientType=0 ); /* IE6-9 */


}
	

.entete {

background: linear-gradient(to bottom,#22ACCE,#1E95B3);
height: 40px;
max-height: 40px;
min-height: 40px;

}

.progress {

background: rgb(255,183,107); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(255,183,107,1) 0%, rgba(255,167,61,1) 50%, rgba(255,124,0,1) 51%, rgba(255,127,4,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,183,107,1)), color-stop(50%,rgba(255,167,61,1)), color-stop(51%,rgba(255,124,0,1)), color-stop(100%,rgba(255,127,4,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(255,183,107,1) 0%,rgba(255,167,61,1) 50%,rgba(255,124,0,1) 51%,rgba(255,127,4,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(255,183,107,1) 0%,rgba(255,167,61,1) 50%,rgba(255,124,0,1) 51%,rgba(255,127,4,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(255,183,107,1) 0%,rgba(255,167,61,1) 50%,rgba(255,124,0,1) 51%,rgba(255,127,4,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(255,183,107,1) 0%,rgba(255,167,61,1) 50%,rgba(255,124,0,1) 51%,rgba(255,127,4,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffb76b', endColorstr='#ff7f04',GradientType=0 ); /* IE6-9 */
}

td { 

vertical-align: middle;


}

.tleft {

text-align: left;
padding: 2px;
padding-left: 10px;
vertical-align: middle;
border-right: 1px solid #BABABA;
font-family: ave, calibri light, calibri, arial;

}

.prevente {

background: rgb(203,96,179); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(203,96,179,1) 0%, rgba(193,70,161,1) 50%, rgba(168,0,119,1) 51%, rgba(219,54,164,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(203,96,179,1)), color-stop(50%,rgba(193,70,161,1)), color-stop(51%,rgba(168,0,119,1)), color-stop(100%,rgba(219,54,164,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(203,96,179,1) 0%,rgba(193,70,161,1) 50%,rgba(168,0,119,1) 51%,rgba(219,54,164,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(203,96,179,1) 0%,rgba(193,70,161,1) 50%,rgba(168,0,119,1) 51%,rgba(219,54,164,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(203,96,179,1) 0%,rgba(193,70,161,1) 50%,rgba(168,0,119,1) 51%,rgba(219,54,164,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(203,96,179,1) 0%,rgba(193,70,161,1) 50%,rgba(168,0,119,1) 51%,rgba(219,54,164,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cb60b3', endColorstr='#db36a4',GradientType=0 ); /* IE6-9 */


}

.vente {

background: rgb(254,204,177); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(254,204,177,1) 0%, rgba(241,116,50,1) 50%, rgba(234,85,7,1) 51%, rgba(251,149,94,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(254,204,177,1)), color-stop(50%,rgba(241,116,50,1)), color-stop(51%,rgba(234,85,7,1)), color-stop(100%,rgba(251,149,94,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(254,204,177,1) 0%,rgba(241,116,50,1) 50%,rgba(234,85,7,1) 51%,rgba(251,149,94,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(254,204,177,1) 0%,rgba(241,116,50,1) 50%,rgba(234,85,7,1) 51%,rgba(251,149,94,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(254,204,177,1) 0%,rgba(241,116,50,1) 50%,rgba(234,85,7,1) 51%,rgba(251,149,94,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(254,204,177,1) 0%,rgba(241,116,50,1) 50%,rgba(234,85,7,1) 51%,rgba(251,149,94,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#feccb1', endColorstr='#fb955e',GradientType=0 ); /* IE6-9 */


}


.cvl {

background: rgb(208,228,247); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(208,228,247,1) 0%, rgba(115,177,231,1) 24%, rgba(10,119,213,1) 50%, rgba(83,159,225,1) 79%, rgba(135,188,234,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(208,228,247,1)), color-stop(24%,rgba(115,177,231,1)), color-stop(50%,rgba(10,119,213,1)), color-stop(79%,rgba(83,159,225,1)), color-stop(100%,rgba(135,188,234,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(208,228,247,1) 0%,rgba(115,177,231,1) 24%,rgba(10,119,213,1) 50%,rgba(83,159,225,1) 79%,rgba(135,188,234,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(208,228,247,1) 0%,rgba(115,177,231,1) 24%,rgba(10,119,213,1) 50%,rgba(83,159,225,1) 79%,rgba(135,188,234,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(208,228,247,1) 0%,rgba(115,177,231,1) 24%,rgba(10,119,213,1) 50%,rgba(83,159,225,1) 79%,rgba(135,188,234,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(208,228,247,1) 0%,rgba(115,177,231,1) 24%,rgba(10,119,213,1) 50%,rgba(83,159,225,1) 79%,rgba(135,188,234,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d0e4f7', endColorstr='#87bcea',GradientType=0 ); /* IE6-9 */


}


/* FACTURE */ 

			.contenu{
				margin-left: 50px;
				margin-right: 42px;
				line-height: 18px;
				color: #565658;
				font-size:95%;
			}

			.destinataireFacture{
				margin-top:195px;
				margin-left:375px;
				font-size:130%;
				line-height: 20px;
				color: #565658;
			}

			.nomDestinataire{
				//font-weight:boldd;
				font-size:95%;
				color: #565658;
			}

			.adresse{
				//font-weight:boldd;
				font-size:75%;
				color: #565658;
			}

			.dateFacture{
				float:right;
				margin-right:10px;
				text-align:right;
			}

			.tableFacture{
				margin-top:30px;
				margin-bottom:30px;
			}

			.tableFactureTop{
				background-color:#cc242b;
				width:702px;
				height:30px;
			}

			.refFacture{
				font-size:120%;
				color:#f3f3f3;
				padding-left:10px;
				padding-top:7px;
				//font-weight:boldd;
			}

			.triangleFacture{
				float:left;
				width: 12px;
			}

			.tableFactureBottom{
				width:689px;
				margin-left: 12px;
				background:#f7f8f8;
				border: 1px solid #efefef;
			}

			.tableFactureBottom table{
				padding-left:8px;
				padding-right:8px;
				padding-top:2px;
				padding-bottom:3px;

			}

			.tableFactureBottom th{
				padding-top:5px;
				padding-bottom:5px;
				font-size:100%;
				//font-weight:boldd;
			}

			.ligneFactureColonne1, .ligneHeadFactureColonne1{
				width:280px;
				color:#565658;
				padding-left: 10px;
			}

			.ligneFactureColonne1{
				padding-left:10px;
				padding-top:3px;
				padding-bottom:3px;
				color: #565658;


			}

			.ligneFactureColonne3, .ligneFactureColonne4, .ligneHeadFactureColonne3, .ligneHeadFactureColonne4{
				width:124px;
				text-align:right;
				color: #565658;
			}

			.ligneFactureColonne2, .ligneHeadFactureColonne2{
				width:70px;
				text-align:right;
				color: #565658;
			}

			.ligneDescriptionFactureColonne1{
				width:310px;
				//font-weight:boldd;
				padding-top:4px;
				padding-bottom:4px;
				padding-left: 10px;
				color: #222222;
			}

			.ligneTotalFactureColonne1, .ligneTotalFactureColonne2{
				width:124px;
				text-align:right;
				padding-top:7px;
				padding-left: 10px;
				font-size:110%;
				//font-weight:boldd;
				color: #222222;
			}

			.ligneTotalFactureColonne2{
				color:#ab2b27;
				font-size:110%;
			}

			.prixTotalLettre{
				color:#ab2b27;
			}

			.signataire{
				float:right;
				text-align:right;
				font-size:90%;
			}

			.nomSignataire{
				//font-weight:boldd;
				font-size:100%;
			}




.bt-tree {display:none;}

.bt-tree + label {
    display:table-cell;
    text-align:center;
    vertical-align:middle;
    color: #AAAAAA;
    background-color: #F8F8F8;
    min-width: 60px;
    font-size: 20px;
    height: 65px;
    width: 65px;
}

.bt-tree:checked + label { 
    background-image: none;
    background-color:#006E95;
    color:white;
}

.bt-tree + label:hover{
  background-color:#006E95;
  cursor:pointer;
  color:white;
}