/**** Généralités ****/

/*
nom des typo pour les CSS
font-family:'VAG Rounded W01 Thin';
font-family:'VAG Rounded W01 Bold';
font-family:'VAG Rounded W01 Light';
*/
@font-face {
    font-family: "VAG Rounded W01 Thin";
    src: url("../_styles/fonts/vag.eot") format("embedded-opentype"), 
		    url("../_styles/fonts/vag.woff") format("woff"), 
		    url("../_styles/fonts/vag.ttf") format("truetype"), 
		    url("../_styles/fonts/vag") format("svg");
}

body {
	scrollbar-base-color: #414141;
	scrollbar-highlight-color: #CCCCCC;
	scrollbar-face-color: #414141;
	scrollbar-arrow-color: #CCCCCC;
	scrollbar-shadow-color: #CCCCCC;
	scrollbar-dark-shadow-color: #414141;
	zoom: 1;
	
	background-color: #FFFFFF;
	font-family: Arial, sans-serif;	
	font-size: 12px;
	color: #414141;
}
/*
@media screen and (max-device-width: 426px) and (orientation:portrait)  {
	body  {
		font-size: 50px;  
	}
}
@media screen and (max-device-width: 426px) and (orientation:landscape)  {
	body  {
		font-size: 24px;  
	}
}
*/

/*
#vitre, #ajaxLoader {
	position: absolute;
	z-index:1000002;
	text-align : center;
	vertical-align: middle;
}
.loaderMsg {
	width:500px;
	margin:auto;
	margin-top:30px;
	font-size: 20px;
	font-weight: bold;
	background-color: white;
	border : 3px solid #FF5200;
	line-height: 25px;
	padding: 10px;
}
*/

#vitre, #ajaxLoader {
	position: absolute;
	z-index:1000002;
	text-align : center;
	vertical-align: middle;
}
#ajaxLoader.filter {
	background-image:url("../_imgs/filter.gif");
}
#ajaxLoader div {
  display: inline-block;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  background-color: #FFFFFF;
  text-align: center;
  border: 3px solid #FF5200;
	padding: 10px;
}

#ajaxLoader div.galatee {
	line-height: 25px;
	font-size: 20px;
	font-weight: bold;
	width:270px; 
	height:170px;
}



.loading, .loading a, .loading input, .loading textarea {
	cursor: progress;
}

img {
	 border: 0;
	 vertical-align: top;
}

p, ul {
	margin:0px 0px 0px 15px;
	font-size: 12px;
}	

li {
	list-style-position:outside;
	list-style-type: square;
	padding-bottom:5px;
}

ul {
	padding: 0px 0px 0px 15px;
}

.positionBouton {
	padding-top:4px;
}
.clicable {
	cursor : pointer;
}

.noclass {
	font-weight:inherit;
	color:inherit;
	font-style:inherit;
}

@media screen and (max-device-width: 426px) and (orientation:portrait)  {
	.btnSuppr {
		width: 54px;
	}
}
@media screen and (max-device-width: 426px) and (orientation:landscape)  {
	.btnSuppr {
		width: 20px;
	}
}

.widthApp {
	width:90%;
	margin:auto;
}

.inlineBlock {
	display: inline-block;
}
@media screen and (max-width: 426px)  {
	.inlineBlock {
		display: block;
	}	
}
@media screen and (max-device-width: 426px) and (orientation:portrait) {
	.inlineBlock {
		display: block;
	}	
}

.enteteTab {
	width:100%; 
	border-top: 5px #FF5500 solid; 
	border-bottom: 5px #414141 solid;
}

@media screen and (max-device-width: 426px) and (orientation:portrait)  {
	.enteteTab {
		border-top: 15px #FF5500 solid; 
		border-bottom: 15px #414141 solid;
	}
}
@media screen and (max-device-width: 426px) and (orientation:landscape)  {
	.enteteTab {
		border-top: 8px #FF5500 solid; 
		border-bottom: 8px #414141 solid;
	}
}

.annotation {
	color:#414141;
	font-style:italic;
	font-weight:normal;
}

.bold {
	font-weight:bold;
}

.texteInfo {
	font-size:14px;
}

.entete, .enteteSAP {
	background-color: #FFFFFF;
}
@media screen and (max-width: 426px)  {
	.enteteSAP img {
		width:100px;	
	}	
}
@media screen and (max-device-width: 426px) and (orientation:portrait) {
	.enteteSAP img {
		width:300px;	
	}	
}
@media screen and (max-device-width: 426px) and (orientation:landscape) {
	.enteteSAP img {
		width:200px;	
	}	
		
	.enteteCol {
		width:50%;
	}
}

.entete2, .entete2SAP	{
	font-size:18px;
	font-family:'VAG Rounded W01 Thin';
	text-align: right;
	color: #C5BCA4;	
}


@media screen and (max-device-width: 426px) and (orientation:portrait)  {
	.entete2SAP	{  
		font-size:60px;	
	}
}
@media screen and (max-device-width: 426px) and (orientation:landscape)  {
	.entete2SAP	{  
		font-size:35px;	
	}
}

.entete3, .entete3 a 	{
	color: #ff5200;
}

.enteteSAP3, .enteteSAP3 a 	{
	font-size:16px;
	color: #ff5200;
}
@media screen and (max-device-width: 426px) and (orientation:portrait)  {
	.enteteSAP3	{  
		font-size:48px;	
	}
}
@media screen and (max-device-width: 426px) and (orientation:landscape)  {
	.enteteSAP3	{  
		font-size:28px;	
	}
}

.local, .local a {
	color:#414141;
	font-size:14px;
	font-weight:bold;
}

.environnement {
	color:red; 
	font-size:22pt; 
	font-weight:bold; 
	text-align:left;
}

.entete3 a:link, .entete3 a:visited, .entete3 a:active, .entete3 a:hover {
	text-decoration: underline;
}

.piedpage {
	margin-top: 10px;
	padding-top: 5px;
	vertical-align: top;
}
.piedpage a {
	font-size: 9px;
	text-transform: uppercase;
	padding: 2px 5px;
	color: #414141;
}
            
.piedpage a:link, .piedpage a:visited {
	text-decoration: none;
}

.piedpage a:active, .piedpage a:hover {
	text-decoration: underline;
}

@media screen and (max-device-width: 426px) and (orientation:portrait)  {
	.piedpage, .piedpage a {  
		font-size: 30px;
		padding: 20px;  
	}  
}
@media screen and (max-device-width: 426px) and (orientation:landscape)  {
	.piedpage, .piedpage a {  
		font-size: 20px;
		padding: 15px;
	}
}

.retraitG {
 padding-left : 15px;
}
/*
.retraitD {
 padding-right : 10px;
}

.retraitH {
 padding-top : 10px;
}

.retraitB {
 padding-bottom : 10px;
}
*/

.panel {
	margin: 			0 5px 0 0;
	vertical-align: 	top;
	width: 				195px;
	height: 			100%;
	padding: 			1px;
	overflow: 		auto;
	border-bottom-left-radius: 25px;
}

#detail_contenu tr td.detail {
	padding-top: 10px;
}

img.boutonAide {
	padding-left:5px;
	cursor: pointer;
}

/********* ACCUEIL ************************/

#intro	{
	position: relative;
	width:411 px;
	height:246 px;
	font-family:'VAG Rounded W01 Thin';
	font-size: 18px;
	color: #FFFFFF;
	padding:15px;
}
/*
.homologation {
	font-family:'VAG Rounded W01 Thin';
	width: 228px;
	font-size: 14px;
	vertical-align: middle;
	background-color: #c5bca4;
	height: 59px;
	border-top: 1px solid #FFFFFF;
	border-bottom: 1px solid #414141;
	background-image: url(../_imgs/fleche_orange.png);
	background-position: 200px center;
	background-repeat: no-repeat;
	padding-left: 25px;
}

.homologation a:link,
.homologation a:active,
.homologation a:hover,
.homologation a:visited
 {
	width: 100%;
	text-decoration: none;
	color: #FFFFFF;
}

td.homologation	a:link,
td.homologation	a:visited {	
	text-decoration: none;
	width: 100%;
	color: #414141;
}
td.homologation	a:hover,
td.homologation	a:active	{	
	background-color: #FF5200;
	width: 100%;
	color: #ffffff;
}

td.homologation:hover,
td.homologation:active	{	
	background-color: #FF5200;
	background-image:url("../_imgs/fleche_gris.png");
	background-position: 200px center;
	background-repeat: no-repeat;
	cursor: pointer;
}
td.homologation:hover a	{
	color: #ffffff;
}
*/


.homologationBloc {
	background-color: #c5bca4; 
	border-bottom-right-radius: 25px; 
	vertical-align:top;
}

.homologation {
	font-family:'VAG Rounded W01 Thin';
	width: 230px;
	font-size: 14px;
	background-color: #c5bca4;
	height: 55px;
	border-bottom: 1px solid #c5bca4;
	background-image: url(../_imgs/fleche_orange.png);
	background-position: 215px center;
	background-repeat: no-repeat;
	padding-left: 25px;
	display:bloc;
  vertical-align:text-bottom;
}

.homologation a:link,
.homologation a:active,
.homologation a:hover,
.homologation a:visited
 {
	width: 100%;
	text-decoration: none;
	color: #FFFFFF;
}

div.homologation	a:link,
div.homologation	a:visited {	
	text-decoration: none;
	width: 100%;
	color: #414141;
}
div.homologation	a:hover,
div.homologation	a:active	{	
	background-color: #FF5200;
	width: 100%;
	color: #ffffff;
}

div.homologation:hover,
div.homologation:active	{	
	background-color: #FF5200;
	background-image:url("../_imgs/fleche_gris.png");
	background-position: 215px center;
	background-repeat: no-repeat;
	cursor: pointer;
	border-bottom: 1px solid #414141;
}
div.homologation:hover a	{
	color: #ffffff;
}

.homologationItem {
	width:200px;
	vertical-align:middle;
	padding-top:15px;
}


.paveAccueil	{
	border-width: 5px 5px 0px 5px;
	border-style: solid;
	border-color: #c5bca4;
	background-color: #FFFFFF;
	height: 150px;
	padding: 5px;
}

.paveLien	{
	width: 192px;
	padding: 5px;
}

.paveAccueil, .paveLien	{
	vertical-align: top;
	font-size: 12px; 
	color: #414141;
	font-family: Arial, sans-serif;	
}

.paveAccueil a:link,
.paveAccueil a:active,
.paveAccueil a:hover,
.paveAccueil a:visited,

.paveLien a:link,
.paveLien a:active,
.paveLien a:hover,
.paveLien a:visited,

.paveContact a:link,
.paveContact a:active,
.paveContact a:hover,
.paveContact a:visited
 {
 	cursor: pointer;
	color: #FF5200;
	text-decoration: none;
}

.paveAccueil a:hover,
.paveContact a:hover,
.paveLien a:hover {
	text-decoration: underline;
}

.accueilTitre,	.lienTitre2 {
	font-family:'VAG Rounded W01 Thin';
	color: #FF5200;
	font-size: 16px;
	line-height: 18px;
}

.accueilTitre {
	border-bottom: 5px #FFFFFF solid;
	font-weight: normal;
}

.accueilTitre a, .lienTitre2 a	{
	color: #FF5200;
	font-family:'VAG Rounded W01 Thin';
	font-weight: normal;
}

.accueilTitre a:hover, .lienTitre2 a:hover	{
	text-decoration: underline;
	font-family:'VAG Rounded W01 Thin';
	font-weight: normal;
}

.paveAccueil2	{	
	border-width: 0px 5px;
	border-style: solid;
	border-color: #c5bca4;
	background-color: #414141;
	color: #FFFFFF;
	font-size: 12px;
	font-weight: bold;
	padding: 5px;
	background-image:url("../_imgs/fdAccueil2.png");
	background-position: bottom right;
	background-repeat: no-repeat;
}

td.paveAccueil2	a:link,
td.paveAccueil2	a:visited {	
	text-decoration: none;
	color: #FFFFFF;
	width: 100%;
}

td.paveAccueil2	a:hover,
td.paveAccueil2	a:active	{	
	background-color: #FF5200;
	text-decoration: underline;
	width: 100%;
}

td.paveAccueil2:hover,
td.paveAccueil2:active	{	
	background-color: #FF5200;
	background-image:url("../_imgs/fdAccueil2-2.png");
	background-position: bottom right;
	background-repeat: no-repeat;
}

.paveAccueil3	{	
	border-width: 5px;
	border-style: solid;
	border-color: #c5bca4;
	background-color: #c5bca4;
	font-family:'VAG Rounded W01 Thin';
	color: #FF5200;
	font-size: 23px;
	padding: 5px;
	padding-left: 40px;
	background-repeat: no-repeat; 
	background-position: left middle;
}
.gouttiereAccueil	{
	width: 16px;
	background-color: #FFFFFF;
}

.paveContact	{
	width: 100%;
	height: 45px; 
	background-color: #c5bca4;
	background-image: url(../_imgs/contact.png);
	background-repeat: no-repeat;
	background-position: 5px center;
	padding-left: 50px;
	font-size: 13px;
	font-family: Arial;
	font-weight: bold;
	color: #414141;
}

.contact	{
	display:inline-block;
	margin-right:20px;
}

.lienTitre	{
	height: 45px; 
	background-image: url(../_imgs/liens.png);
	background-repeat: no-repeat;
	background-position: 5px center;
	padding-left: 50px;
	font-family:'VAG Rounded W01 Thin';
	font-size: 21px;
	color: #FF5200;
}

.accueilTitre2	{
	font-weight: bold;
}

.flashPopup {
	max-width: 960px;
}

.flashTitre {
	padding: 5px;
	margin-bottom:5px;
	border-bottom-right-radius: 25px;
	background-color: #dcd4c2;
	font-family: "VAG Rounded W01 Thin";
	font-size: 23px;
	font-weight: bold;	
	color: #FF5200;
}

/**** Les fonds ****/
.fonce {
	background-color: #2175D9;
}

.medium {
	background-color: #E0E0E0;
}

.clair {
	background-color: #dcd4c2;
}
h2.clair {
	background-color: #FFFFFF;
}
.detail {
	background-color: #FFFFFF;
}

.detailOutil {
	background-color: #FFFFFF;
	color : #000000;
}

.couleur {
	background-color: #00A9B0;
}

.question {
	padding-top:12px;
}

.mailContact {
	width:100%; 
	text-align:right; 
	line-height:20px;
}

.important {
	color : #000000;
	font-weight:bold;
	text-decoration: underline;
}

.cadreAlerte	{
 display:block;
 padding:10px 10px 15px 15px;
 border-bottom-right-radius: 25px;
 background-color: #dcd4c2;
 font-family: "VAG Rounded W01 Thin";
 font-size : 14px;	
 font-weight:bold;
}

@media screen and (max-device-width: 426px) and (orientation:portrait)  {
	.cadreAlerte {
		font-size: 45px;
	}
}
@media screen and (max-device-width: 426px) and (orientation:landscape)  {
	.cadreAlerte {
		font-size: 18px;
	}
}

.cadreInfo	{
 display:block;
 padding:10px 10px 15px 15px;
 border-bottom-right-radius: 25px;
 background-color: #dcd4c2;
 font-size : 12px;	
 text-align:center;
 color: #ff5200;
 font-style:italic;
}

.etatTexte {
	text-align:center;
}

.etatSO {
	background-color: #C5BCA4;
	width:100%;
}

.etatOK {
	background-color: #57BF20;
	width:100%;
}

.etatKO {
	background-color: #CE2003;
	width:100%;
}

.etatDem {
	background-color: #2275DB;
	width:100%;
}

.etatAC {
	background-color: #F8A60F; /* A compléter */
	width:100%;
}

/**** Les titres ****/

h1, .h1 {
	font-family:'VAG Rounded W01 Thin';
	font-weight: normal;
	font-size: 30px;
	color:#FFFFFF;
	background-color: #414141;
	padding: 10px;
}

h2, h2 a, .h2SAP {
	font-family:'VAG Rounded W01 Thin';
	font-size: 18px;
	font-weight: normal;
	color: #414141;
 	margin: 0 0 10px 0;
	vertical-align: middle;
	text-decoration: none;
}

h2 {
	border-bottom : 3px solid #FF5200;
}

h2 a:active, h2 a:hover, a h2:active, a h2:hover {
	text-decoration: underline;
}
@media screen and (max-device-width: 426px) and (orientation:portrait)  {
	.h2SAP {
		font-size: 54px;
		margin: 0 0 30px 0;
	}
}
@media screen and (max-device-width: 426px) and (orientation:landscape)  {
	.h2SAP {
		font-size: 26px;
		margin: 0;
	}
}

h3 {
	font-family:'VAG Rounded W01 Thin';
	font-size: 16px;
	font-weight: normal;
	color: #ff5200;
	margin: 15px 0 10px 0;
	border-bottom : 3px solid #dcd4c2;
}

.h3 {
	font-size: 16px;
	font-weight: normal;
	color: #ff5200;
	margin-left:35px;
}

.h3bis {
	font-size: 16px;
	font-weight: normal;
	color: #ff5200;
	margin-left:20px;
}


h4, h4 a {
	font-family:'VAG Rounded W01 Thin';
	color: #2a2a2a;
	font-weight : normal;
	font-size: 16px;
 	margin: 15px 0px 15px 0px;
 	padding: 12px 0px 5px 0px;
	text-decoration: none;
}

.h4, .h4 a {
	font-family:'VAG Rounded W01 Thin';
	color: #2a2a2a;
	font-weight : bold;
	font-size: 16px;
 	margin: 0px 15px 0px 30px;
 	padding: 12px 0px 0px 0px;
	text-decoration: none;
}

.h4{
	border-bottom : 3px solid #dcd4c2;
}

.h4 a:active, .h4 a:hover {
	text-decoration: underline;
}

h5, h6 {
	padding:0px;
	margin:0 0 0 15px;
}

.titreMeduim {
	color:#414141;
	font-size:12px;
	font-weight:bold;
	height:18px;
	padding:7px 10px 3px 10px;
}

.ssTitre {
	color:#414141;
	padding: 0px 0px 0px 10px;
}

.evasso_desc {
	font-size: 12px;
	color: #414141;
	margin: 0px;
	padding: 10px 15px 15px 15px;
}

/**** Champs de formulaire ****/
form	{
	margin:0;
}
.hauteur td {
	padding : 4px 0px 4px 0px;
}
.vitre {
	background-image:url("../modules/_imgs/transp.gif");
}

/** Formatage champs **/
.monetaire, .numerique {
	text-align : right;
	white-space: nowrap;
}
.errorLeg {
	font-size: 11px;
	font-weight: bold;
	color: red;
}
.imgErreur {
	width:12px;
}

.errorField {
}

.erreurMsg {
	display: block;
	background-color: #FF9999;
	font-style: italic;
	width: auto;
	line-height:normal;
}    
.dateMajMsg {
	font-style: italic;
	color:red;
	font-weight:normal;
}

.erreurCivil, .erreurNom, .erreurPrenom {
	display:inline-block; 
}

.erreurCivil {
	width:105px;
}

.erreurNom {	
	width:135px;
	margin-left:5px;
}

.erreurPrenom {
	width:135px;
	margin-left:15px;
}

.caption, table.tableau tr td.caption {
	color: #000000;
	white-space: nowrap;
	line-height: 16px;
	padding-right: 10px;
	border: none;
}
.negative {
	color: red;
}

/** champs de saisie **/
input, .input, .inputtextS, .inputtextT, .inputtextM, .inputtextMx, .inputtextN, .inputtextG, .inputtextL, .inputtextD, .inputtextH, .inputpasswordS,
.negative, .libVal, textarea, .textarea, 
option { 
 width: 95%;
 font-size: 12px;
 font-family: Arial, sans-serif;	
}

@media screen and (max-device-width: 426px) and (orientation:portrait)  {
	input, .libVal {
		font-size: 54px;
	}
}
@media screen and (max-device-width: 426px) and (orientation:landscape)  {
	input, .libVal {
		font-size: 26px;
	}
}

input, textarea { 
 border: 1px solid #AAAAAA ;
}
.inputtextM, .inputtextN, .inputtextMN, .inputtextL, .inputtextG {
	text-align : right;
}
textarea, .textarea {
	font-size: 12px;
}
input[type="radio"], input[type="checkbox"] {
	border-style: none;
	width: 10px;
}
*html .radio {
	border-style: none;
	width: 25px;
}
*html .checkbox {
	border-style: none;
	width: 25px;
}
select { 
	font-size: 12px;
	font-weight: normal;
}

h2 select, h2 select option {
	font-weight : bold;
	font-size: 18px;
}

.inputSAP {
	width:75px;
}
@media screen and (max-device-width: 426px) and (orientation:portrait)  {
	.inputSAP {
		width:300px;
	}
}
@media screen and (max-device-width: 426px) and (orientation:landscape)  {
	.inputSAP {
		width:150px;
	}
}

/** label **/
label, .labelTexteArea, span.label, td.label, div.label {
	font-weight: bold;
	color: #000000;
}
.labelTexteArea {
	vertical-align: top;
}
.labelRadio {
	vertical-align: 24%;
}
label.nolabel {
	font-weight: normal;
}
.libVal a:link, .libVal a:visited {
	color: #000000;
	text-decoration: none;
}
.libVal a:hover, .libVal a:active {
	color: #000000;
	text-decoration: underline;
}

/** Bouton **/
.inputValider, .inputAction, .inputValiderPopup {
 width: 100px;
 height: 20px;
 border-radius: 5px;
 background-color: #414141;
 color: #FFFFFF;
 padding: 0;
 margin: 1px;
 cursor: pointer;
 font-weight:bold;
 float: right;
 border: 0;
}

.inputConnexionSAP {
 width: 100px;
 height: 20px;
 border-radius: 5px;
 background-color: #414141;
 color: #FFFFFF;
 padding: 0;
 margin: 1px;
 cursor: pointer;
 font-weight:bold;
 border: 0;
}

.inputAction {
 background-color: #414141;
}

.inputValider:hover, .inputAction:hover, .submit:hover {
 background-color: #FF5200;
 color:#FFFFFF;
}

.inputAnnuler {
 width: 100px;
 height: 20px;
 background: #dcd4c2;
 border-radius: 5px;
 color: #414141;
 padding: 0;
 margin: 1px;
 cursor: pointer;
 border: 1px #c5bca4 solid;
}

.inputAnnuler:hover {
	background-color: #c5bca4;
	border: 1px #414141 solid;
}


@media screen and (max-device-width: 426px) and (orientation:portrait)  {
	.inputConnexionSAP {
		width: 50%;  
		height: 80px;
		font-size: 40px;
		padding: 12px 0;
		margin: 30px;  
	}

	.inputValider, .inputAnnuler {
		 width: 400px;
		 height: 80px;
		 margin: 15px;
	}
	
	.inputAnnuler {
	 	border: 4px #c5bca4 solid;
	}
	
	.btnAgentSAP {
		position:fixed;
		bottom:0;
		background-color: #FFFFFF;
		width:90%;
	}	
}
@media screen and (max-device-width: 426px) and (orientation:landscape)  {
	.inputConnexionSAP {
		width: 50%;    
		height: 40px;
		font-size: 26px;
		margin: 15px;
	}

	.inputValider, .inputAnnuler {
		 width: 200px;
		 height: 40px;
		 margin: 15px;
	}
	
	.inputAnnuler {
	 	border: 2px #c5bca4 solid;
	}		
	
	.btnAgentSAP {
		position:fixed;
		bottom:0;
		background-color: #FFFFFF;
		width:90%;
	}		
}

.inputCodeSAP {
 width: 230px;
 height: 20px;
 background: #414141;
 border-radius: 5px;
 color: #FFFFFF;
 padding: 0;
 margin: 1px;
 cursor: pointer;
 font-weight:bold;
}

.inputCodeSAP:hover {
	background-color: #FF5200;
	color: #FFFFFF;
}

.inputAsso {
 width: 90px;
 height: 20px;
 border-radius: 5px;
 padding: 0;
 margin: 1px;
 cursor: pointer;
 border: 1px #c5bca4 solid;
 background-color: #FF5200;
 color:#FFFFFF;
}
a.inputAsso {
 text-decoration: none;
 text-align: center;
 display: inline-block;
 height: auto;
 padding: 1px 0;
}

.inputAsso:hover {
	background-color: #c5bca4;
	border: 1px #414141 solid;
}

.submit, .submit:hover, .submitRight, .submitRight:hover {
 width: 100px;
 height: 20px;
 color: #FFFFFF;
 padding: 0;
 margin: 1px;
 cursor: pointer;
 font-weight:bold;
 border: none;
 border-radius: 5px;
}

.submit, .submitRight	{
	background-color: #414141;
}

.submit:hover, .submitRight:hover	{
 background-color: #FF5200;	
}

.submitRight {
 float: right;	
}

a.submit, a.submit:hover, a.submit:link {
	padding: 3px 11px;
  background: #FF5200;
  color: #FFFFFF;
  border: 1px solid;
}

a.submit:hover {
	text-decoration : none;
}
a.submit:link {
	text-decoration : none;
}

.inputConnexion {
 width: 150px;
 font-size: 11px;
 font-weight: normal;
 color: #FF5200;
 margin: 2px 0px 0px 0px;
 padding: 4px 0;
}

/*
@media screen and (max-device-width: 426px) and (orientation:portrait)  {
	.inputConnexion {
		width: 50%;  
		font-size: 40px;
		padding: 12px 0;
	}
}
@media screen and (max-device-width: 426px) and (orientation:landscape)  {
	.inputConnexion {
		width: 50%;  
		font-size: 26px;
		padding: 6px 0;
	}
}
*/

.alignLeft {
 text-align: left;
}
input.disabled {
 background-color: #CCCCCC;
 cursor : default;
}

a.oubli	{
	font-size: 12px;
	font-weight: bold;
	color: #ff5200;
	padding: 5px 0 0 0;
	text-decoration: underline;
	display : inline-block;
}

div.popupOubli {
	font-size: 14px;
}
div.popupOubli div.etape {
	font-weight: bold;
}
div.popupOubli div.cas {
	text-decoration: underline;
	padding-left: 20px
}
div.popupOubli div.sagit {
	padding-left: 20px;
	padding-bottom: 10px;
}

/*** info. connexe ***/
.blocC	{
 background-image:url(../_imgs/actions/puce_down.gif);
 background-position:4px 16px;
 background-repeat:no-repeat;
 display:block;
 margin:0 0 25px 0;
 padding:10px 10px 15px 15px;
 border-bottom-right-radius: 25px;
}

.blocCAgent	{
 background-image:url(../_imgs/actions/puce_down.gif);
 background-position:4px 16px;
 background-repeat:no-repeat;
 display:block;
 padding:10px 10px 15px 15px;
}

.h2Connexe {
	color: #333333;
	font-size: 16px;
	font-weight:bold;
}

.infoConnexe, .infoConnexe a {
	font-size: 12px;
	padding: 0;
}

.infoConnexe a {
	color: #666666;
}
	
.infoConnexe a:link, .infoConnexe a:visited {
	text-decoration: none;
	font-weight: bold;
}

.infoConnexe a:active, .infoConnexe a:hover {
	text-decoration: underline;
	font-weight: bold;
}

.titreAide {
	font-size: 14px;
	font-weight: bold;
	padding-bottom:10px;
}

/*** Fieldset ***/
.legendNone {
	display: none;
}

legend, .legendTop, .legendFull {
	font-size: 12px;
	font-weight: bold;
	color: #FF5200;
}

.fieldsetNone  {
	border : none;
	padding: 0px;
	margin: 0px;
}

.fieldsetTop {
	border-width : 1px;
	border-color : #CCCCCC;
	border-left: none;
	border-right: none;
	border-bottom: none;
	padding : 0px;
}

fieldset {
	border : 1px solid #CCCCCC;
	padding : 10px;
	clear : both;
}

/*** Tableau ***/

.tableau, .tableau2, .tableau4 {
	border-collapse:collapse;
	width: 100%;
}

.tableau3 {
	border-collapse:collapse;
}

th {
	background-color: #c5bca4;
	color: #414141;
	text-align:center;
	border: 1px solid #E0E0E0;
	line-height:20px;
}

table.tableau tr th, table.tableau tr td, td.cell, tr.cell td, tr.col td, tr.col_color td, tr.col_sel td
{
	border: solid 1px #E0E0E0;
	line-height:20px;
}


.borderTop {
	border-top: solid 1px #E0E0E0;	
}

.borderBottom {
	border-bottom: solid 1px #E0E0E0;	
}

.borderRight {
	border-right: solid 1px #E0E0E0;	
}

@media screen and (max-device-width: 426px) and (orientation:portrait)  {
	table.tableau tr th, table.tableau tr td, td.cell, tr.cell td, tr.col td, tr.col_color td, tr.col_sel td {
		border: solid 4px #E0E0E0;
		line-height:60px;
		padding:15px;
	}
}
@media screen and (max-device-width: 426px) and (orientation:landscape)  {
	table.tableau tr th, table.tableau tr td, td.cell, tr.cell td, tr.col td, tr.col_color td, tr.col_sel td {
		border: solid 2px #E0E0E0;
		line-height:30px;   
		padding:8px;
	}
}


td.cell a	{
	color: #FF5200;
	}

table.notes tr td, table.absences tr td {
	text-align: center;
}
table.absences tr th {
	padding-left:5px;
	padding-right:5px;
}

table.notes tr th.first, table.notes tr td.first, table.absences tr td.first {
	text-align: left;
	border: solid 1px #E0E0E0;
}

thead, .tableauEntete {
	background-color: #c5bca4;
	color: #414141;
	text-align:center;
	border: 1px solid #E0E0E0;
	line-height:20px;
}

.tableauLigne {
	border: solid 1px #E0E0E0;
	line-height:20px;
	background-color: #FFFFFF;
}

.col_color {
	background-color: #F7EEDC;
}
.col_sel {
	background-color: #999999;
	color: #FFFFFF;	
}
.col_sel a.lien {
	color: #FFFFFF;	
}

.noteRouge {
	background-color: #FF0000;
}

.noteJaune {
	background-color: #FFD800;
}

.noteVert {
	background-color: #92D050;
}

/*** padding de formulaire ***/
.paddingXS {
	padding-left: 65px;
	font-size: 0px;
}
.widthXS {
	width: 65px;
}

.paddingS {
	padding-left: 85px;
	font-size: 0px;
}
.widthS {
	width: 85px;
}

.paddingM {
	padding-left: 120px;
	font-size: 0px;
}
.widthM {
	width: 120px;
}

.paddingL {
	padding-left: 150px;
	font-size: 0px;
}
.widthL {
	width: 150px;
}

.paddingXL {
	width: 475px;
	font-size: 0px;
}
.widthXL {
	width: 475px;
}

.padding2LM {
	width: 450px;
	font-size: 0px;
}
.width2LM {
	width: 450px;
}

/*** Autre ***/
.interligne {
	 font-size:5px;
	 height:12px;
}
 
.filiere {
 width:90px;
 padding-left:15px;
 color:#FFFFFF;
 font-size:14px;
 }
 
.filiere a {
 color:#FFFFFF;
}
.filiere a:link, .filiere a:visited {
	text-decoration: none;
}
.filiere a:active, .filiere a:hover {
	text-decoration: underline;
}

.date {
	font-size: 14px;
	font-family: Arial, sans-serif;	
	font-weight: bold;
	color: #414141;
	padding: 10px 0px 0px 10px;
}

.lien, .lien a	{
	color: #666666;
	font-weight:bold;
}
div.lien	{
	padding: 12px 0px 0px 10px;
}

.lien a:active, .lien a:hover, a.lien:active, a.lien:hover {
	text-decoration: underline;
}


.lienRub, .lienRub a, .lienRubSAP, .lienRubSAP a	{
	font-size: 12px;
	color: #FF5200;
	font-weight:bold;
	text-decoration: none;
}

.lienRub, .lienRubSAP {
	padding: 10px 0px 0px 10px;
}

.lienRub a, .lienRubSAP a {
	padding-left: 10px;
}

.lienRub a:active, .lienRub a:hover, a.lienRub:active, a.lienRub:hover,
.lienRubSAP a:active, .lienRubSAP a:hover, a.lienRubSAP:active, a.lienRubSAP:hover {
	text-decoration: underline;
}

@media screen and (max-device-width: 426px) and (orientation:portrait)  {
	.lienRubSAP, .lienRubSAP a {
		font-size: 50px;
	}
}
@media screen and (max-device-width: 426px) and (orientation:landscape)  {
	.lienRubSAP, .lienRubSAP a {
		font-size: 26px;
	}
}

.savoirPlus, .savoirPlus a	{
	font-size: 12px;
	color: #ff5200;
	padding:0;
	text-decoration: none;
}

.savoirPlus a:active, .savoirPlus a:hover, a.savoirPlus:active, a.savoirPlus:hover {
	text-decoration: underline;
}

.identite {
	color : #414141;
	font-weight:bold;
}

/** class pour les dev. **/
/* utilisé par Laurent pour désactiver le menu gauche et les arbre, en mode MAJ / 
/* là c'est légèrement coloré suivant la couleur dominente du site du client */
.cache {
	background-image:url("../modules/_imgs/filter.gif");
}

.hidden {
	display: none;
}

/** clases pour l'autocomplétion */
div.autocomplete {
	position : absolute;
	background-color: #FFFFFF;
	border:1px solid #414141;
	margin: 0;
	padding: 0;
	overflow : auto;
	max-height : 200px;
  height: expression(this.scrollHeight > 199 ? "200px" : "auto"); 
}

div.autocomplete ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
div.autocomplete ul li {
	list-style-type: none;
	margin: 0;
	padding: 0;
	display: block;
	cursor: default;
	color: #414141;	
	font-family: Arial;
	font-size: 10px;
	white-space:nowrap;
}
div.autocomplete ul li.selected {
	background-color: #CCCCCC;
}
div.autocomplete span.autoHide {
	display: none;
}

#per_codesapCompletion {
	width:400px;
}


@media screen and (max-width: 426px)  {
	div.autocomplete {
		margin: 0 0 0 -60px;
		width:87%;
		line-height:12px;
	}
	div.autocomplete ul li {
		white-space:normal;
		padding-bottom:5px;
		border-bottom:1px solid #414141;
	}	
}
@media screen and (max-device-width: 426px) and (orientation:portrait) {
	div.autocomplete {
		border:4px solid #414141;
		margin: 0 0 0 -270px;
		width:88%;
		max-height:1000px;
	}
	div.autocomplete ul li {
		font-size: 40px;
		white-space:normal;
		padding-bottom:30px;
		border-bottom:3px solid #414141;
	}	
}
@media screen and (max-device-width: 426px) and (orientation:landscape) {
	div.autocomplete {
		border:2px solid #414141;
		margin: 0 0 0 -140px;
		width:88%;
		max-height:1000px;
	}
	div.autocomplete ul li {
		font-size: 20px;
		white-space:normal;
		padding-bottom:15px;
		border-bottom:1px solid #414141;
	}	
}

/** classe pour la recherche avancée */
img.openClose, img.recapCol, img.recapCrit {
	cursor: pointer;
}
td.sousTitre {
	font-size: 13px;
	font-weight: bold;
	color: #00A7AF;
	border-bottom : 1px solid;
	padding-top: 10px;
}

.nonVisible {
	display: none;
}
.recapTitre {
	font-size: 12px;
	font-weight: bold;
}
.criteres td {
	vertical-align : top;
}

div.errorSms {
	color : red;
}



/**** menu transversal ****/
.outils, .outils a {
	padding: 0px 3px 0px 3px;
	color: #2175D9;
	text-align:right
}
.outils a:link, .outils a:visited {
	text-decoration: none;
}

.outils a:active, .outils a:hover {
	text-decoration: underline;
}


/**** menu principal (Rubriques) ****/
.menu, .st_menu {
	background-color:#414141; 
	color: #FFFFFF;
	font-family:'VAG Rounded W01 Thin';
}

.menuOff {
	margin:0;
	padding:0;
}

.menuOff a {
	color: #FFFFFF;
	font-size: 15px;
	display: inline-block;
	z-index: 100;
	margin: 0;
	padding: 5px 10px 5px 10px;
	border-right: 1px solid #c5bca4;
}

.menuOff a:link, .menuOff a:visited, .menuOff a:active, .menuOff a:hover {
	text-decoration: none;
}
.menuOff a:active, .menuOff a:hover {
	background-color:#c5bca4; 
}

.menuOff a.on, .menuOff a.sel {
	background-color:#c5bca4; 
}

.menuOff a.on {
}

/**** menu principal (Sous-Rubriques) ****/

div.menuOff dt, div.menuOff dl, div.menuOff dd {
	font-family: Arial;
	list-style-type: none;
	margin: 0;
	padding: 0;
	text-align: left;
}

div.menuOff dd {
 background-image:url(../_imgs/menu/ssmenu.png);
 background-position : right bottom;	
 position: absolute;
 z-index:100000;
 display: none;
}

div.menuOff dl dd {
 width: 225px;
 margin-left: auto;
 margin-right: auto;
 margin-top: 0;
 margin-left: 0;
 padding: 0 0 4px 0;
 font-size: 13px;
 z-index:100000;
 text-align: left;
}
 
div.menuOff dl dd a {
 background-image:none;
 color: #414141;
 margin-right:4px;
 padding: 0px 0px 0px 15px;
 line-height: 25px;
 display:block;
 border-right:none;
 font-size: 13px;
 font-weight:normal;
}

div.menuOff dl dd a:hover {
 color: #FFFFFF;
 text-decoration: none;
 background-color: #ff5200;
}

div.menuOff dl dd a.on {
 color: #FFFFFF;
 text-decoration: none;
 background-color: #ff5200;
}

/**** menu gauche (sous-rubrique) ****/
.menugBox {
	padding: 0px;
	font-size: 13px;
}
div.menugBox:last-child	{
	border-bottom-left-radius: 25px;
}

div.menug {
	font-weight: bold;
}

div.menug a, div.menug a:visited, div.menug a:link, div.evts a:visited, div.evts a:link {
	color: #414141;
	text-decoration: none;
}
div.evts, div.menug {
	border-bottom: 1px solid #c5bca4;
}
div.evts a {
	display: block;
	padding: 5px 5px 5px 30px;
	border-bottom: 1px solid #c5bca4;
}

div.menug a {
	display: block;
	padding: 10px 5px 10px 15px;
	border-bottom: 1px solid #c5bca4;
}

div.menug a.itemOn, .itemOn {
	color: #FFFFFF;
	text-decoration: none;
	background-color: #FF5200;
}

div.menug a:hover, div.menug a:active, div.evts a:hover, div.evts a:active {
	color: #FFFFFF;
	text-decoration: none;
	background-color: #FF5200;
}
div.evts a.itemOn	{
	color: #FFFFFF;
}
div.evts	{
	font-size:  11px;
}

/**** Menu action***/




div.fondAction {
	background-color:#FFFFFF;
	height:20px;
	border-bottom: 3px solid #FF5200;
}

div.menuAction {
	color: #c5bca4;
	font-weight: bold;
	text-align : right;
	padding-right: 10px;
	padding-top: 3px;
	height:17px;
	margin:0px;
}

div.menuAction span.dis {
 color: #dcd4c2;
 padding-left: 3px;
 padding-right: 3px;
}

div.menuAction a{
 color: #414141;
 text-decoration: none; 
 padding-left: 3px;
 padding-right: 3px;
}

div.menuAction a:hover{
 color: #FF5200;
}

div.menuAction a.on{
 color: #FF5200;
 padding-left: 3px;
 padding-right: 3px; 
}

div.menuAction dl, div.menuAction dd {
 list-style-type: none;
 margin: 0 0 0 0;
 padding: 0;
 text-align : left;
 font-weight:normal;
 font-size: 11px;
}

div.menuAction dd {
 background-image:url(../_imgs/menu/ssmenu.png);
 background-position : right bottom;	
 position: absolute;
 z-index:100;
 display: none;
}

div.menuAction dl dd {
 width: auto;
 background-color: #FFFFFF;
 margin-left: auto;
 margin-right: auto;
 margin-top: 0;
 margin-bottom: 3px;
 padding: 2px 5px 5px 0px;
 color: #414141;
 z-index:1000;
 text-align: left;
}
div.menuAction dl dd a {
	display: block;
}
div.menuAction dl dd a, div.menuAction dl dd div {
 color: #414141;
 padding: 3px 5px 3px 5px;
}
div.menuAction dl dd a, div.menuAction dl dd span.dis {
 line-height:19px;
}
div.menuAction dl dd span.dis {
 padding: 3px 5px 3px 5px;
 display:block;
}

div.menuAction dl dd a:hover{
 color: #FFFFFF; 
 background-color:#FF5200;
 font-weight:normal;
 text-decoration: none;
}

div.menuAction dl dd a.on, div.menuAction dl dd div.on{
 color: #FFFFFF; 
 background-color:#FF5200;
 font-weight:normal;
 text-decoration: underline;
 cursor : pointer;
 width: 2500px;
}
/*
.menuAction a {
	background-color:#FFFFFF;
	color: #414141;
}
.menuAction a:hover {
	background-color:#FF5200;
	width:100px;
	cursor: pointer;
	color:#FFFFFF;
}
*/




div.menuAction hr {
	color: #FF5200;
	background-color: #FFFFFF;
	width: 80px;
	height: 1px;
	border: 0;
}

/**** onglet ****/
.onglet {
	border-bottom: 1px solid #666666; 
	height: 17px;
}

.ongletOff, .ongletOn, .ongletDis, .ongletOn a, .ongletOff a {
	color: #666666;
	font-weight: normal;
	font-size: 9px;
	white-space: nowrap;
	font-weight: bold;
	line-height: 20px;
	text-decoration: none;
	margin: 0;
}

.ongletOff a:link, .ongletOff a:visited {
	padding: 5px 8px;
	color:#666666;
	text-decoration: none;
	background-image:url(../_imgs/onglet_off.gif);	
	background-repeat: no-repeat;
}

.ongletOff a:active, .ongletOff a:hover {
	color:#333333;
	text-decoration: underline;
	background-repeat: no-repeat;
}

.ongletOn {
	padding: 5px 8px;
	color: #FFFFFF;
	background-image: url(../_imgs/onglets_on.gif);
	background-repeat:no-repeat;
}
.ongletOn a {
	color: #FFFFFF;
}

.ongletDis {
	padding: 5px 8px;
	color:#FFFFFF;
	text-decoration: none;
	background-image:url(../_imgs/onglet_off.gif);	
	background-repeat: no-repeat;
}

/**** index dans les pop-up ****/
.indexOff, .indexOver, .indexSel, .indexDis, .indexEmpty {
	font-size: 12px;
	text-align: center;
	padding: 4px 6px 4px 6px; 
	margin: 0px;
}

.index {
	padding-left: 8px; 
}

.indexSel {
	background-color: #414141;
	color:#FFFFFF;
}

.indexOff {
	background-color: #ff5200;
	color: #FFFFFF;
	text-decoration: none;
	font-weight: bold;
	padding: 4px 5px 4px 6px; 
}

.indexDis {
  background-color: #AAAAAA;
	color: #EEEEEE;
}

.indexEmpty {
	background-color: #2155A5;
	color: #FFFFFF;
}

.indexOver {
	background-color: #2971C6;
	color:#000000;
	cursor:pointer;
	cursor:hand;
}

/**** index dans les pages ****/

div.index {
	font-size: 12px;
	padding-bottom: 10px;
}

div.index a, #ixAnnees span {
	background-color: #414141;
	color: #FFFFFF;
	padding: 4px; 
	text-decoration: none;
}

div.index span.nolink, div.index span.dis {
  background-color: #FF8668;
	color: #999999;
  padding: 4px; 
}

div.index span.sel, div.index a.sel, div.index span.sel a  {
	background-color: #FF5200;
	color:#FFFFFF;
}
div.index span.sel {
  padding: 4px; 
}

div.index a:hover, div.index span.over {
	background-color: #FF5200;
	color:#000000;
	cursor:pointer;
}
div.index a.sel:hover {
	cursor: default;
}

#ixAnnees span {
	margin: 0 2px;
}

#ixMois span {
	margin: 0 2px;
}

/** index flottant pour agents */

#indexAgentVert {
	position:inherit;
	left: 0;
	top: 0;	
}

#indexAgentVert a, #indexAgentVert div {
	display: inline-block;
	background-color: #414141;
	color: #FFFFFF;
	padding: 3px; 
	text-decoration: none;
	text-align:center;
}
#indexAgentVert a:hover {
	background-color: #FF5200;
	color:#000000;
	cursor:pointer;
}
#indexAgentVert div.nolink {
  background-color: #FF8668;
	color: #999999;
}

@media screen and (max-width: 426px)  {
	#indexAgentVert {
		position: fixed;
		left: 0;
		top: 148px;	
	}  
	#indexAgentVert a, #indexAgentVert div {
		display: block;
	}	
}
@media screen and (max-device-width: 426px) and (orientation:portrait)  {
	#indexAgentVert {
		position:fixed;    
		left:0;
		top:16px;
	}  
	#indexAgentVert a, #indexAgentVert div {
		display: block;
		font-size:41px;   
	}
}
@media screen and (max-device-width: 426px) and (orientation:landscape)  {
	#indexAgentVert {
		position:fixed;    
		left:50px;
		top:0;
	}  
	#indexAgentVert a, #indexAgentVert div {
		display: inline-block;
		font-size:41px;   
	}
}
/*****************************************/
/*********** Menu Homologation ***********/
/*****************************************/

/**** menu principal (Rubriques) ****/
.menuH, .st_menuH {
	background-color:#414141; 
	color: #FFFFFF;
	font-family:'VAG Rounded W01 Thin';
}

.menuOffH {
	margin:0;
	padding:0;
}

.menuOffH a {
	color: #FFFFFF;
	font-size: 14px;
	display: inline-block;
	z-index: 100;
	margin: 0;
	padding: 5px 10px 5px 10px;
	border-right: 1px solid #c5bca4;
}

.menuOffH a:link, .menuOffH a:visited, .menuOffH a:active, .menuOffH a:hover {
	text-decoration: none;
}
.menuOffH a:active, .menuOffH a:hover {
	background-color:#c5bca4; 
}

.menuOffH a.on, .menuOffH a.sel {
	background-color:#c5bca4; 
}

.menuOffH a.on {
}

/**** menu principal (Sous-Rubriques) ****/

div.menuOffH dt, div.menuOffH dl, div.menuOffH dd {
	font-family: Arial;
	list-style-type: none;
	margin: 0;
	padding: 0;
	text-align: left;
}

div.menuOffH dd {
 background-image:url(../_imgs/menu/ssmenu.png);
 background-position : right bottom;	
 position: absolute;
 z-index:100000;
 display: none;
}

div.menuOffH dl dd {
 width: 225px;
 margin-left: auto;
 margin-right: auto;
 margin-top: 0;
 margin-left: 0;
 padding: 0 0 4px 0;
 font-size: 13px;
 z-index:1000;
 text-align: left;
}
 
div.menuOffH dl dd a {
 background-image:none;
 color: #414141;
 margin-right:4px;
 padding: 0px 0px 0px 15px;
 line-height: 25px;
 display:block;
 border-right:none;
 font-size: 13px;
 font-weight:normal;
}

div.menuOffH dl dd a:hover {
 color: #FFFFFF;
 text-decoration: none;
 background-color: #ff5200;
}

div.menuOffH dl dd a.on {
 color: #FFFFFF;
 text-decoration: none;
 background-color: #ff5200;
}

/**** formulaires de connexion entreprise ****/
div.infosConnexion, div.loginConnexion {
	font-weight: bold;
	text-align: center;
	padding: 0 5px 25px 5px;
}

.infosConnexion a:active, .infosConnexion a:hover, .infosConnexion a:link, .infosConnexion a:visited {
	font-size: 12px;
	background-color: #FF5200;
	color: #FFFFFF;
	font-weight:bold;
	text-decoration: none;
	display: inline-block;
	padding: 5px 20px;
	margin-top: 5px;
}

div.loginConnexion {
	border : 3px solid #FF5200;
	padding: 10px 5px;
}


/** formulaires */
.ouiNon {
 font-weight: normal;	
}
.explication {
	font-style : italic;
	color: #999999;
}

.center {
	text-align : center;	
}

.proDanger {
  color: #FF8668;
}

.proOver {
	background-color: #EEEEEE;
}

.proSel {
	background-color: #999999;
	color: #FFFFFF;	
	font-weight: bold;	
}

/**** index ****/
.indexOff, .indexOver, .indexSel, .indexDis, .indexEmpty {
	font-family: Arial;
	font-size: 12px;
	text-align: center;
	border-width: 0px 1px 0px 1px;
	border-style: none solid none solid;	
	border-color: #FFFFFF;
	padding: 4px 5px 4px 5px; 
	margin: 0px;
}

.index {
	padding-left: 10px; 
}

.indexSel {
	background-color: #FF8668;
	color:#000000;
}

.indexOff {
	background-color: #FF3700;
	color: #FFFFFF;
}

.indexDis {
	background-color: #FF8668;
	color: #999999;
}

.indexEmpty {
	background-color: #FF8668;
	color: #FFFFFF;
}

.indexOver {
	background-color: #FF8668;
	color:#808080;
	cursor:pointer;
}

.perfTitre {
	font-size : 1.3em;
	font-weight : bold;
	height: 20px;
	padding-top:8px;
}

.strEtat img {
	vertical-align : middle;
}

.cotationDO {
}
.critereDO {
	font-weight: bold;
	border-bottom:none !important;
}
.sousCritereDO {
}
.commentCritereDO {
	font-weight: bold;
	text-align:right;
	border-top:none !important;
}

.selectCritereDO {
	text-align: center;
}
.noteLibCritereDO {
	text-align: right;
	font-weight: bold;
}
.noteValCritereDO {
	text-align: center;
	font-weight: bold;
}
.noteLibGlobaleDO {
	text-align: right;
	font-weight: bold;
	font-size: 1.1em;
}
.noteValGlobaleDO {
	text-align: center;
	font-weight: bold;
	font-size: 1.1em;
}

.syntheseNRRO {
	font-size: 10px;
}

.resAlwin {
	font-family: Courier New;
	font-size:11px;
}


/****************** profils   */
table.profils {
	border-collapse: collapse;
	width: 100%
}
table.profils tr th { 
	position: sticky; top: 0; 
}

table.profils tr th, table.profils tr td {
	border : 1px solid #E0E0E0;
}

.profilKey,  table.profils tr td {
	white-space: nowrap;
}

.module td {
	background-color: black;
	color : white;
	font-weight : bold;
}
.page td {
	background-color: #E2EFDA;
	font-weight : bold;
}

.branche {
	font-weight : bold;
}
.feuille {
	font-style: italic; 
}

.niv2 {
	padding-left:10px;
}
.niv3 {
	padding-left:20px;
}
.niv4 {
	padding-left:30px;
}
.niv5 {
	padding-left:40px;
}