html{background:#f7f7f7;}body{background:#fff;color:#333;font-family: "Calibri", Arial;margin:0 auto 15px auto;width:90%;padding:0.5em 2em;-moz-border-radius:11px;-khtml-border-radius:11px;-webkit-border-radius:11px;border-radius:11px;border:1px solid #dfdfdf;}a{color:#2583ad;text-decoration:none;}a:hover{color:#d54e21;}
h1{font-size:22px;text-align:center;}
h2{font-size:16px;text-align:center;}p,li{padding-bottom:2px;line-height:18px;}code{font-size:13px;}
ul,ol{padding:0px 5px 0px 22px;list-style-type: decimal;}#logo{margin:6px 0 14px 0;border-bottom:none;}.step{margin:20px 0 15px;}.step,th{text-align:left;padding:0;}
.submit input,.button,.button-secondary{font-family:"Calibri",Verdana,Arial,"Bitstream Vera Sans",sans-serif;text-decoration:none;
font-size:14px!important;line-height:16px;padding:6px 12px 7px 12px;cursor:pointer;border:1px solid #bbb;color:#464646;-moz-border-radius:15px;-khtml-border-radius:15px;-webkit-border-radius:15px;border-radius:15px;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;-khtml-box-sizing:content-box;box-sizing:content-box;}.button:hover,.button-secondary:hover,.submit input:hover{color:#000;border-color:#666;}.button,.submit input,.button-secondary{background:#f2f2f2 url(image/white-grad.png) repeat-x scroll left top;}.button:active,.submit input:active,.button-secondary:active{background:#eee url(image/white-grad-active.png) repeat-x scroll left top;}.form-table{border-collapse:collapse;margin-top:1em;width:100%;}.form-table td{margin-bottom:9px;padding:10px;border-bottom:8px solid #fff;font-size:12px;}.form-table th{font-size:13px;text-align:left;padding:16px 10px 10px 10px;border-bottom:8px solid #fff;width:110px;vertical-align:top;}.form-table tr{background:#f3f3f3;}.form-table code{line-height:18px;font-size:18px;}.form-table p{margin:4px 0 0 0;font-size:11px;}.form-table input{line-height:20px;font-size:15px;padding:2px;}
#error-page{margin-top:20px;}#error-page p{line-height:18px;}#error-page code{font-family:Consolas,Monaco,Courier,monospace;}
#haut_droite {
	float: left;
	text-align: right;
	width: 25%;
}

.gdiv_erreur {
	margin: 5px;
	color: white;
	text-align: center;
	text-shadow: 0 1px rgba(0, 0, 0, 0.1);
	border: 1px solid #C6322A;
	background-color: #d84a38;
	background-image: -moz-linear-gradient(top, #dd4b39, #d14836);
	background-image: -ms-linear-gradient(top, #dd4b39, #d14836);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#dd4b39), to(#d14836));
	background-image: -webkit-linear-gradient(top, #dd4b39, #d14836);
	background-image: -o-linear-gradient(top, #dd4b39, #d14836);
	background-image: linear-gradient(top, #dd4b39, #d14836);
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#dd4b39', endColorstr='#d14836', GradientType=0);
}

/**** Dialog info ****/
.dialog_information {
	background:none repeat scroll 0 0 #000000;
	bottom:0;
	display:none;
	left:0;
	position:fixed;
	right:0;
	top:0;
	z-index:1100000;
	background-color:#666666;
	opacity:0.3;
}

.dialog_information_message {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 400px;
	margin-left: -200px;
	margin-top: -125px;
	text-align: center;
	background-color: #000;
	color: white;
	padding: 10px 30px;
	
	opacity: 0.98;
	
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	
	box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.5);
	-moz-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.5);
	-webkit-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.5);
	z-index:1101000;
	display:none;
}

.dialog_information_message h6 {
	font-weight: normal;
	font-size: 28px;
	line-height: 28px;
	margin: 0.7em;
}

.dialog_information_message p {
	font-size: 18px;
	line-height: 20px;
}

.dialog_information_message a {
	color: white;
}

.dialog_information_message a:hover {
	color: #FFDE00;
}
/*** BOUTON ***/
.awesome, .awesome:visited {
	background: #222 url(/images/alert-overlay.png) repeat-x; 
	display: inline-block; 
	padding: 5px 10px 6px; 
	color: #fff; 
	text-decoration: none;
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px;
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
	position: relative;
	cursor: pointer;
}
 
.awesome:hover							{ background-color: #111; color: #fff; }
.awesome:active							{ top: 1px; }
.mini.awesome, .mini.awesome:visited 			{ font-size: 10px; padding: 4px 8px 4px;font-weight: bold;vertical-align:top; }
.small.awesome, .small.awesome:visited 			{ font-size: 11px; }
.awesome, .awesome:visited,
.medium.awesome, .medium.awesome:visited 		{ font-size: 13px; font-weight: bold; line-height: 1; text-shadow: 0 -1px 1px rgba(0,0,0,0.25); }
.large.awesome, .large.awesome:visited 			{ font-size: 14px; padding: 8px 14px 9px; }
.xxl.awesome, .xxl.awesome:visited 			{ font-size: 18px; width: 57px; height:57px; margin:2px;}
.xxl_plus.awesome, .xxl_plus.awesome:visited 			{ font-size: 18px; width: 122px; height:57px; margin:2px;}
.mbig.awesome, .mbig.awesome:visited 			{ font-size: 18px; width:65px; height:50px;}
.mbig_p.awesome, .mbig_p.awesome:visited 			{ font-size: 18px; width:135px; height:50px;}
.big.awesome, .big.awesome:visited 			{ font-size: 22px; width:75px; height:60px;}
.big_p.awesome, .big_p.awesome:visited 			{ font-size: 22px; width:160px; height:60px;}

.green.awesome, .green.awesome:visited		{ background-color: #91bd09; }
.green.awesome:hover						{ background-color: #749a02; }
.blue.awesome, .blue.awesome:visited		{ background-color: #2daebf; }
.blue.awesome:hover							{ background-color: #007d9a; }
.red.awesome, .red.awesome:visited			{ background-color: #e33100; }
.red.awesome:hover							{ background-color: #872300; }
.magenta.awesome, .magenta.awesome:visited		{ background-color: #a9014b; }
.magenta.awesome:hover							{ background-color: #630030; }
.orange.awesome, .orange.awesome:visited		{ background-color: #ff5c00; }
.orange.awesome:hover							{ background-color: #d45500; }
.yellow.awesome, .yellow.awesome:visited		{ background-color: #ffb515; }
.yellow.awesome:hover							{ background-color: #fc9200; }
.purple.awesome, .purple.awesome:visited		{ background-color: #634a8c; }
.purple.awesome:hover							{ background-color: #B192E8; }
.grey.awesome, .grey.awesome:visited		{ background-color: #777777; }
.grey.awesome:hover							{ background-color: #bbbbbb; }
.brown.awesome, .brown.awesome:visited		{ background-color: #543b25; }
.brown.awesome:hover							{ background-color: #4a311c; }

.keypad-popup.flatKeypad {
	margin-left: -105px;
	margin-top: -40px;
	border: 1px solid #ccc; 
	width: 300px; 
	padding: 10px; 
	background-color: #EFF5FF;
	-moz-border-radius:15px;
	-khtml-border-radius:15px;
	-webkit-border-radius:15px;
	border-radius:15px;
	-moz-box-sizing:content-box;
	-webkit-box-sizing:content-box;
	-khtml-box-sizing:content-box;
	box-sizing:content-box; 
} 
.flatKeypad .keypad-key { 
	font-size: 18px; width: 55px; height:55px; margin:2px;background-color: #ff5c00;
	background: #222 url(/images/alert-overlay.png) repeat-x; 
	display: inline-block; 
	padding: 5px 10px 6px; 
	color: #fff; 
	text-decoration: none;
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px;
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
	position: relative;
	cursor: pointer;
}

.flatKeypad .keypad-special {
	font-size: 18px; width: 112px; height:55px; margin:2px;background-color: #ff5c00;
	background: #222 url(/images/alert-overlay.png) repeat-x; 
	display: inline-block; 
	padding: 5px 10px 6px; 
	color: #fff; 
	text-decoration: none;
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px;
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
	position: relative;
	cursor: pointer;
}

/* SUR P */
.inform  {
	background-color: #e33100; 
	display: inline-block; 
	padding: 2px 5px 4px; 
	color: #fff; 
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px;
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
	margin:0;
}

.inform a {
	color: white;
	text-decoration: underline;
}

.inform1 {
	background-color: #e33100;
	position:absolute;
	padding: 2px 5px 4px; 
	color: #fff; 
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px;
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
	margin:0;
	font-size:24px;
}

#clearer {
	clear: both;
}

/***** PAGE INTRANET *****/
#conteneur_menu {
	margin: 0 auto;
	width: 100%;
	padding-top:20px;
	font-size: 12px;
}

.module_intranet {
	margin-left:10px;
	height:140px;
	text-align:center;
	width: 140px;
	float: left;
	width: 15.5%;
}

.module_in {
	width: 85%;
	height: 100px;
	background-color:whiteSmoke;
	color:#5C5C5C;
	padding: 10px 10px 10px 10px;
	border-radius: 10px 10px;
	-moz-border-radius: 10px 10px;
	-webkit-border-radius: 10px 10px;
	box-shadow: 3px 3px 6px 0 darkGray;
	-moz-box-shadow: 3px 3px 6px 0 darkGray;
	-webkit-box-shadow: 3px 3px 6px darkGray;
	cursor:pointer;
	position: relative;
}

.nom_module {
	position: absolute;
	bottom: 10px;
	margin: 0 auto;
	width: 100%;
	margin-left: -10px;
}

#tableau_de_bord , #tableau_de_bord td, #tableau_de_bord th{
	border:1px solid #C0C0C0;
	border-collapse:collapse;
	text-align:center;
	padding:5px;
}

#haut_gauche_d, #haut_droite {
	float:left;
	width:25%;
}

.bandeau {
	padding: 2px 6px 3px;
	color: #fff;
	text-decoration: none;
	font-weight: bold;
	line-height: 1;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-box-shadow: 0 1px 3px #999;
	-webkit-box-shadow: 0 1px 3px #999;
	text-shadow: 0 -1px 1px #222;
	border-bottom: 1px solid #e33100;
	position: absolute;
	font-size: 12px;
	margin-top:50px;
	margin-left:-85px;
}

.red.bandeau {
	background-color: #e33100;
}

.orange.bandeau {
	background-color: #ff5c00;
}

.cadre {
	background-color:whiteSmoke;
	color:#5C5C5C;
	padding: 5px 5px 5px 5px;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	box-shadow: 3px 3px 6px 0 darkGray;
	-moz-box-shadow: 3px 3px 6px 0 darkGray;
	-webkit-box-shadow: 3px 3px 6px darkGray;
}

#recherche_module {
	display: inline-block;
    padding:5px 10px 6px 50px;
    font-weight:bold;
    text-shadow: 1px 1px 1px rgba(255,255,255,0.5);
    border:1px solid rgba(0,0,0,0.4);
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
	border-radius: 15px;
    -moz-box-shadow: 0px 0px 2px rgba(0,0,0,0.5);
    -webkit-box-shadow: 0px 0px 2px rgba(0,0,0,0.5);
 	box-shadow: 0px 0px 2px rgba(0,0,0,0.5);
	background-color: whiteSmoke; color: #5C5C5C;
	font-size:12px;
	font-style:italic;
	outline: none;
	background-image: url(../image/loupe.png);
	background-repeat: no-repeat;
	background-position: left center;
}

.recherche {
	display: inline-block;
    padding:5px 10px 6px 50px;
    font-weight:bold;
    text-shadow: 1px 1px 1px rgba(255,255,255,0.5);
    border:1px solid rgba(0,0,0,0.4);
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
	border-radius: 15px;
    -moz-box-shadow: 0px 0px 2px rgba(0,0,0,0.5);
    -webkit-box-shadow: 0px 0px 2px rgba(0,0,0,0.5);
 	box-shadow: 0px 0px 2px rgba(0,0,0,0.5);
	background-color: whiteSmoke; color: #5C5C5C;
	font-size:12px;
	font-style:italic;
	outline: none;
	background-image: url(../image/loupe.png);
	background-repeat: no-repeat;
	background-position: left center;
}

.recherche {
	display: inline-block;
    padding:5px 10px 6px 50px;
    font-weight:bold;
    text-shadow: 1px 1px 1px rgba(255,255,255,0.5);
    border:1px solid rgba(0,0,0,0.4);
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
	border-radius: 15px;
    -moz-box-shadow: 0px 0px 2px rgba(0,0,0,0.5);
    -webkit-box-shadow: 0px 0px 2px rgba(0,0,0,0.5);
 	box-shadow: 0px 0px 2px rgba(0,0,0,0.5);
	background-color: whiteSmoke; color: #5C5C5C;
	font-size:12px;
	font-style:italic;
	outline: none;
	background-image: url(../image/loupe.png);
	background-repeat: no-repeat;
	background-position: left center;
}

ul#navigation {
	list-style: none;
	font-size: 14px;
	font-weight: bold;
}

ul#navigation li {
	display: inline-block;
	margin: 10px 5px 10px 5px;
}

ul#navigation li a{
	color:#fff;
	padding:5px 10px 5px 10px;
	text-decoration: none;
	
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	-ms-border-radius: 5px;
	border-radius: 5px;
	
	background: rgb(157,213,58); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(157,213,58,1) 0%, rgba(161,213,79,1) 50%, rgba(128,194,23,1) 51%, rgba(124,188,10,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(157,213,58,1)), color-stop(50%,rgba(161,213,79,1)), color-stop(51%,rgba(128,194,23,1)), color-stop(100%,rgba(124,188,10,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(157,213,58,1) 0%,rgba(161,213,79,1) 50%,rgba(128,194,23,1) 51%,rgba(124,188,10,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(157,213,58,1) 0%,rgba(161,213,79,1) 50%,rgba(128,194,23,1) 51%,rgba(124,188,10,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(157,213,58,1) 0%,rgba(161,213,79,1) 50%,rgba(128,194,23,1) 51%,rgba(124,188,10,1) 100%); /* IE10+ */
	background: linear-gradient(top,  rgba(157,213,58,1) 0%,rgba(161,213,79,1) 50%,rgba(128,194,23,1) 51%,rgba(124,188,10,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9dd53a', endColorstr='#7cbc0a',GradientType=0 ); /* IE6-9 */
}

ul#navigation li a:hover{
	color:#fff;
	
	background: rgb(183,222,237); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(183,222,237,1) 0%, rgba(113,206,239,1) 50%, rgba(33,180,226,1) 51%, rgba(183,222,237,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(183,222,237,1)), color-stop(50%,rgba(113,206,239,1)), color-stop(51%,rgba(33,180,226,1)), color-stop(100%,rgba(183,222,237,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(183,222,237,1) 0%,rgba(113,206,239,1) 50%,rgba(33,180,226,1) 51%,rgba(183,222,237,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(183,222,237,1) 0%,rgba(113,206,239,1) 50%,rgba(33,180,226,1) 51%,rgba(183,222,237,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(183,222,237,1) 0%,rgba(113,206,239,1) 50%,rgba(33,180,226,1) 51%,rgba(183,222,237,1) 100%); /* IE10+ */
	background: linear-gradient(top,  rgba(183,222,237,1) 0%,rgba(113,206,239,1) 50%,rgba(33,180,226,1) 51%,rgba(183,222,237,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b7deed', endColorstr='#b7deed',GradientType=0 ); /* IE6-9 */

}

.bouton-css
{
	/* Caractéristiques principales : */
	display: inline-block;
	height: 23px;
	text-align: center;
	width: 18.9%;
	padding-top: 7px;

	/* Caractéristiques du texte : */
	color: #5C5C5C;
	font-weight: bold;
	font-size: 16px;
	font-family: Calibri;
	margin: 3px;

	/* Effet d'ombre sur le bouton : */
	box-shadow: 0 1px 3px #000;

	/* Bordures arrondies : */
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.bouton-css:hover
{
	cursor: pointer;
}
.bleu		{ background: #7abcff; }
.bleu:hover	{ background: #4096ee; }
.orange		{ background: #ff7400; }
.orange:hover	{ background: #BC5400; }
.vert		{ background: #b6e026; }
.vert:hover	{ background: #9EC120; }

.caisse {
	background-color:grey;
	color:white;
	padding: 5px 5px 5px 5px;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	box-shadow: 3px 3px 6px 0 darkGray;
	-moz-box-shadow: 3px 3px 6px 0 darkGray;
	-webkit-box-shadow: 3px 3px 6px darkGray;
}

#ca_groupe {
	background-color:whitesmoke;
	color:black;
	padding: 15px 15px 15px 15px;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	box-shadow: 3px 3px 6px 0 darkGray;
	-moz-box-shadow: 3px 3px 6px 0 darkGray;
	-webkit-box-shadow: 3px 3px 6px darkGray;
	position: absolute;
	z-index: 9999;
	display: none;
	width: 20%;
	right: 0;
	margin-right: 300px;
	margin-top: 110px;
}

#ca_souche {
	background-color:whitesmoke;
	color:black;
	padding: 15px 15px 15px 15px;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	box-shadow: 3px 3px 6px 0 darkGray;
	-moz-box-shadow: 3px 3px 6px 0 darkGray;
	-webkit-box-shadow: 3px 3px 6px darkGray;
	position: absolute;
	z-index: 9999;
	display: none;
	width: 25%;
	right: 0;
	margin-right: 300px;
	margin-top: 110px;
}

#ca_fournisseur {
	background-color:whitesmoke;
	color:black;
	padding: 15px 15px 15px 15px;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	box-shadow: 3px 3px 6px 0 darkGray;
	-moz-box-shadow: 3px 3px 6px 0 darkGray;
	-webkit-box-shadow: 3px 3px 6px darkGray;
	position: absolute;
	z-index: 9999;
	display: none;
	width: 32%;
	right: 0;
	margin-right: 300px;
	margin-top: 110px;
}