/*Développé par David Dorsimont*/
body
{
	background: #eaf1f6;
	
}
#header_center
{
	background-color:#94b6db;
	background-repeat:repeat-x;
	
}

#header_left
{
	background-color:#94b6db;
	background-repeat:no-repeat;
	background-position:left;
	background-position:top;
	
}
#header_right
{
	background-color:#94b6db;
	background-repeat:no-repeat;
	background-position:right;
	background-position:top;
}
#PageCorps
{
	background-color: #dfebf5;
	color:#204ba2;
	/*border: 2px solid #FFFFFF;*/
}

.titleForms_center
{
	background-color:#94b6db;
	background-repeat:repeat-x;
	color: #204ba2;
	FONT-SIZE: 20px;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
}

.titleForms_left
{
	background-color:#94b6db;
	background-repeat:no-repeat;
	background-position:left;
}
.titleForms_right
{
	background-color:#94b6db;
	background-repeat:no-repeat;
	background-position:right;
}
.Entete
{
	color: #204ba2;
	FONT-SIZE: 30px;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
}
.TextLoader
{
	background-color: #204ba2;
	color: #4b3e12;
	FONT-SIZE: 36px;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
}
.TitreForm
{
	background-color: #204ba2;
	color: #4b3e12;
	FONT-SIZE: 20px;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
}
.TexteEntete
{
	color: #204ba2;
	FONT-SIZE: 12px;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
}
.TexteSansTaille
{
	color: #204ba2;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
}
.Texte
{
	color: #204ba2;
	FONT-SIZE: 10pt;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
}
.TexteCalendrier
{
	color: #000000;
	FONT-SIZE: 10pt;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
}
.Texte6
{
	color: #204ba2;
	FONT-SIZE: 6pt;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
}
.Texte8
{
	color: #204ba2;
	FONT-SIZE: 8pt;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
}
.TexteInfoChantier
{
	color: #204ba2;
	FONT-SIZE: 9pt;
	FONT-STYLE: italic;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
}
.TexteGhost
{
	color: #204ba2;
	FONT-SIZE: 10pt;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
}
.TexteClair
{
	color: #204ba2;
	FONT-SIZE: 14px;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
}
.TexteGras
{
	color: #204ba2;
	FONT-SIZE: 14px;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	FONT-WEIGHT: bold;
}
.ZoneDate
{
	COLOR: #204ba2;
    FONT-STYLE: normal;
    FONT-FAMILY: Arial, Helvetica, sans-serif;
	FONT-WEIGHT: bold;
	BORDER: none ;
	background-color: #eaf1f6;
}
.TexteGras10
{
	color: #204ba2;
	FONT-SIZE: 10pt;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	FONT-WEIGHT: bold;
}
.texteListe1
{
	color: #204ba2;
	FONT-SIZE: 12px;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
}
.texteListe11
{
	color: #CAD9EB;
	FONT-SIZE: 12px;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
}
.texteListe2
{
	color: #cfd5ce;
	FONT-SIZE: 12px;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
}
.TexteTitreColonne
{
	color: #204ba2;
	FONT-SIZE: 14px;
	FONT-WEIGHT: bold;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
}
.TexteTitreColonne12
{
	color: #204ba2;
	FONT-SIZE: 12px;
	FONT-WEIGHT: bold;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
}
.TexteTitreTableau
{
	color: #204ba2;
	FONT-SIZE: 14px;
	FONT-WEIGHT: bold;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
}
.TexteTitre
{
	color: #204ba2;
	margin-left: 10px;
}
.TexteListe3
{
	color: #204ba2;
	FONT-SIZE: 10px;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	FONT-WEIGHT: bold;
}
.ListeSelection
{
	background-image:url('images/arrow_select.png');
	background-repeat:no-repeat;
	background-position:left;
	padding: 6px;	
}
/*
a, a:actived, a:visited
{
	FONT-SIZE: 14px;
    COLOR: #4b3e12;
    FONT-STYLE: normal;
	FONT-WEIGHT: bold;
    FONT-FAMILY: Arial, Helvetica, sans-serif;
    TEXT-DECORATION: none;
}
a:hover
{
	FONT-SIZE: 14px;
    COLOR: #cfd5ce;
    FONT-STYLE: normal;
	FONT-WEIGHT: bold;
    FONT-FAMILY: Arial, Helvetica, sans-serif;
    TEXT-DECORATION: none;
}*/
.lienAffichePas, .lienAffichePas:hover, /*.lienAffichePas:actived,*/ .lienAffichePas:visited
{
    FONT-STYLE: normal;
    FONT-FAMILY: Arial, Helvetica, sans-serif;
    TEXT-DECORATION: none;
	COLOR: #cfd5ce;
}
/*.ZoneDate
{
	COLOR: #4b3e12;
    FONT-STYLE: normal;
    FONT-FAMILY: Arial, Helvetica, sans-serif;
	FONT-WEIGHT: bold;
	BORDER: none ;
	background-color: #b4ae93;
}*/
.lienCommun,  .lienCommun:visited/*,.lienCommun:actived*/
{
    COLOR: #204ba2;
    FONT-STYLE: normal;
    FONT-FAMILY: Arial, Helvetica, sans-serif;
    TEXT-DECORATION: none;
}
.lienCommun:hover
{
    COLOR: #204ba2;
    FONT-STYLE: normal;
	FONT-WEIGHT: bold;
    FONT-FAMILY: Arial, Helvetica, sans-serif;
    TEXT-DECORATION: none;
}

.LienSpecial, /*.LienSpecial:actived,*/ .LienSpecial:visited
{
	FONT-SIZE: 14px;
    COLOR: #cfd5ce;
    FONT-STYLE: normal;
	FONT-WEIGHT: bold;
    FONT-FAMILY: Arial, Helvetica, sans-serif;
    TEXT-DECORATION: none;
}
.LienSpecial:hover
{
	FONT-SIZE: 14px;
    COLOR: #bababa;
    FONT-STYLE: normal;
	FONT-WEIGHT: bold;
    FONT-FAMILY: Arial, Helvetica, sans-serif;
    TEXT-DECORATION: none;
}
#DivCorpsBasDetail
{
	height : 240px;
	width : 100%;
	
	overflow-y : scroll;
	scrollbar-face-color: #cfd5ce; 
	scrollbar-shadow-color: #000000;
	scrollbar-highlight-color: #FFFFFF; 
	scrollbar-3dlight-color: #000000; 
	scrollbar-darkshadow-color: #000000; 
	scrollbar-track-color: #cfd5ce; 
	scrollbar-arrow-color: #000000; 
}
#DivCorpsBasGEN
{
	height : 350px;
	width : 99%;
	margin-left: 5px;
	overflow-y : scroll;
	scrollbar-face-color: #bad2e8; 
	scrollbar-shadow-color: #dfebf5;
	scrollbar-highlight-color: #FFFFFF; 
	scrollbar-3dlight-color: #dfebf5; 
	scrollbar-darkshadow-color: #dfebf5; 
	scrollbar-track-color: #dfebf5; 
	scrollbar-arrow-color: #204ba2;  
}
#DivCorpsBas
{
	/*height : 85%;*/
	width : 99%;
	max-height: 800px;
	margin-left: 5px;
	overflow-y : scroll;
	scrollbar-face-color: #bad2e8; 
	scrollbar-shadow-color: #dfebf5;
	scrollbar-highlight-color: #FFFFFF; 
	scrollbar-3dlight-color: #dfebf5; 
	scrollbar-darkshadow-color: #dfebf5; 
	scrollbar-track-color: #dfebf5; 
	scrollbar-arrow-color: #204ba2;  
}
#DivCorpsHaut
{
	height : 50px;
	width : 99%; 
	margin-left: 5px;
}
#DivCorpsHautPrev
{
	height : 60px;
	width : 99%; 
	margin-left: 5px;
}
#DivCorpsHautDetails
{
	height : 50px;
	width : 100%; 
}
#col0 /*Cloture*/
{
	width: 20px;
	max-width:20px;
	-ms-word-break : sWrap; 
}
#col1  /*n° chapitre*/
{
	width: 30px;
	max-width:30px;
	-ms-word-break : sWrap; 
}
#col2 /*Nom Chapitre*/
{
	width: 250px;
	max-width: 250px;
	-ms-word-break : sWrap;
}
#col3 /*n° sous Chapitre*/
{
	width: 30px;
	max-width:30px;
	-ms-word-break : sWrap;
}
#col4 /*Sous Chapiter*/
{
	/*width: 500px;
	max-width:500px;*/
	-ms-word-break : sWrap;
}
#col5 /*Modfication*/
{
	width: 20px;
	max-width:20px;
	-ms-word-break : sWrap;
}
#col6 /*Suppresion*/
{
	width: 20px;
	max-width:20px;
	-ms-word-break : sWrap;
}
#col7 /*Scroll*/
{
	width: 16px;
	max-width:16px;
	-ms-word-break : sWrap;
}
/* Colonne pour tableau des Etat avancement des postes*/
#EA_col0 /*Modification*/
{
	width: 20px;
	max-width:20px;
}

#EA_col1  /*n° Poste*/
{
	width: 90px;
	max-width:90px;
	-ms-word-break : sWrap; 
}
#EA_col11  /*WBS info*/
{
	width: 50px;
	max-width:50px;
	-ms-word-break : sWrap; 
}
#EA_col2 /*Désignation*/
{
	max-width:400px;
}
#EA_col21 /*Désignation*/
{
	max-width:300px;	
}
#EA_col3 /*Uhité*/
{
	width: 40px;
	max-width:40px;
	-ms-word-break : sWrap;
}
#EA_col31 /*% réalisé*/
{
	width: 65px;
	max-width:65px;
	-ms-word-break : sWrap;
}
#EA_col4 /*QP*/
{
	width: 80px;
	max-width:80px;
	-ms-word-break : sWrap;
}
#EA_col5 /*M-1*/
{
	width: 80px;
	max-width:80px;
	-ms-word-break : sWrap;
}
#EA_col6 /*M*/
{
	width: 80px;
	max-width:80px;
	-ms-word-break : sWrap;
}
#EA_col7 /* Qex*/
{
	width: 80px;
	max-width:80px;
	-ms-word-break : sWrap;
}
#EA_col71 /* PU*/
{
	width: 80px;
	max-width:80px;
	-ms-word-break : sWrap;
}
#EA_col72 /* Montant Cumulé */
{
	width: 80px;
	max-width:80px;
	-ms-word-break : sWrap;
}

#EA_col8 /*Scroll*/
{
	width: 20px;
}
/* Colonne pour tableau de la gestion des postes*/
#Pcol0 /*Modification*/
{
	width: 20px;
}

#Pcol1  /*n° Poste*/
{
	width: 65px;
	max-width: 65px;
	-ms-word-break : sWrap; 
}
#Pcol2 /*Désignation*/
{
	width: 500px;
	
}
#Pcol3 /*Uhité*/
{
	width: 40px;
	max-width:40px;
	-ms-word-break : sWrap;
}
#Pcol4 /*QP*/
{
	width: 50px;
	max-width:50px;
	-ms-word-break : sWrap;
}
#Pcol5 /*M-1*/
{
	width: 65px;
	max-width:65px;
	-ms-word-break : sWrap;
}
#Pcol51 /*WBS*/
{
	width: 80px;
	max-width:80px;
	-ms-word-break : sWrap;
}
#Pcol6 /*M*/
{
	width: 60px;
	max-width:60px;
	-ms-word-break : sWrap;
}
#Pcol7 
{
	width: 16px;
	max-width:20px;
}
#Pcol8 
{
	width: 16px;
	max-width:20px;
}
#Pcol9 /*PU*/
{
	width: 9px;
}

/* /* Style de colonne pour les détails de poste
#Dcol0 /*Suppression
{
	width: 10px;
}

#Dcol1  /*Modification
{
	width: 10px;
	
}
#Dcol2 /*Date Encodage
{
	
	width: 60px;
	max-width:60px;
	-ms-word-break : sWrap;
}
/*#Dcol3 /*Désignation
{
	width: 200px;
	max-width:200px;
	-ms-word-break : sWrap;
}*/
/*#Dcol4 Param 1
{
	width: 50px;
	max-width:50px;
	-ms-word-break : sWrap;
}
#Dcol5 /*Param2
{
	width: 50px;
	max-width:50px;
	-ms-word-break : sWrap;
}
#Dcol6 /*Param3
{
	width: 50px;
	max-width:50px;
	-ms-word-break : sWrap;
}
#Dcol7 /*Param4
{
	width: 50px;
	max-width:50px;
	-ms-word-break : sWrap;
}
#Dcol8 /*V+
{
	width: 50px;
	max-width:50px;
	-ms-word-break : sWrap;
}
#Dcol9 /*V-
{
	width: 50px;
	max-width:50px;
	-ms-word-break : sWrap;
}
#Dcol10 /*Sous total
{
	width: 50px;
	max-width:50px;
	-ms-word-break : sWrap;
}
#Dcol11 /*Mois Etat
{
	width: 60px;
	max-width:60px;
	-ms-word-break : sWrap;
} */
.ZoneInterieurDestinataire
{
	
}
.TexteDestinataire
{
	
}
.BordZoneDestinataire
{
	
}

.InfoImportante
{
	FONT-SIZE: 14px;
    COLOR: #EE0000;
    FONT-STYLE: normal;
	FONT-WEIGHT: bold;
    FONT-FAMILY: Arial, Helvetica, sans-serif;
    TEXT-DECORATION: none;
}
#spinningSquaresG{
	position:relative;
	width:216px;
	height:26px;
	margin:auto;
}

.spinningSquaresG{
	position:absolute;
	top:0;
	background-color:rgb(66,194,111);
	width:26px;
	height:26px;
	animation-name:bounce_spinningSquaresG;
		-o-animation-name:bounce_spinningSquaresG;
		-ms-animation-name:bounce_spinningSquaresG;
		-webkit-animation-name:bounce_spinningSquaresG;
		-moz-animation-name:bounce_spinningSquaresG;
	animation-duration:1.69s;
		-o-animation-duration:1.69s;
		-ms-animation-duration:1.69s;
		-webkit-animation-duration:1.69s;
		-moz-animation-duration:1.69s;
	animation-iteration-count:infinite;
		-o-animation-iteration-count:infinite;
		-ms-animation-iteration-count:infinite;
		-webkit-animation-iteration-count:infinite;
		-moz-animation-iteration-count:infinite;
	animation-direction:normal;
		-o-animation-direction:normal;
		-ms-animation-direction:normal;
		-webkit-animation-direction:normal;
		-moz-animation-direction:normal;
	transform:scale(.3);
		-o-transform:scale(.3);
		-ms-transform:scale(.3);
		-webkit-transform:scale(.3);
		-moz-transform:scale(.3);
}

#spinningSquaresG_1{
	left:0;
	animation-delay:0.68s;
		-o-animation-delay:0.68s;
		-ms-animation-delay:0.68s;
		-webkit-animation-delay:0.68s;
		-moz-animation-delay:0.68s;
}

#spinningSquaresG_2{
	left:27px;
	animation-delay:0.85s;
		-o-animation-delay:0.85s;
		-ms-animation-delay:0.85s;
		-webkit-animation-delay:0.85s;
		-moz-animation-delay:0.85s;
}

#spinningSquaresG_3{
	left:54px;
	animation-delay:1.01s;
		-o-animation-delay:1.01s;
		-ms-animation-delay:1.01s;
		-webkit-animation-delay:1.01s;
		-moz-animation-delay:1.01s;
}

#spinningSquaresG_4{
	left:81px;
	animation-delay:1.18s;
		-o-animation-delay:1.18s;
		-ms-animation-delay:1.18s;
		-webkit-animation-delay:1.18s;
		-moz-animation-delay:1.18s;
}

#spinningSquaresG_5{
	left:108px;
	animation-delay:1.35s;
		-o-animation-delay:1.35s;
		-ms-animation-delay:1.35s;
		-webkit-animation-delay:1.35s;
		-moz-animation-delay:1.35s;
}

#spinningSquaresG_6{
	left:135px;
	animation-delay:1.52s;
		-o-animation-delay:1.52s;
		-ms-animation-delay:1.52s;
		-webkit-animation-delay:1.52s;
		-moz-animation-delay:1.52s;
}

#spinningSquaresG_7{
	left:162px;
	animation-delay:1.69s;
		-o-animation-delay:1.69s;
		-ms-animation-delay:1.69s;
		-webkit-animation-delay:1.69s;
		-moz-animation-delay:1.69s;
}

#spinningSquaresG_8{
	left:189px;
	animation-delay:1.86s;
		-o-animation-delay:1.86s;
		-ms-animation-delay:1.86s;
		-webkit-animation-delay:1.86s;
		-moz-animation-delay:1.86s;
}



@keyframes bounce_spinningSquaresG{
	0%{
		transform:scale(1);
		background-color:rgb(8,0,252);
	}

	100%{
		transform:scale(.3) rotate(90deg);
		background-color:rgb(173,227,240);
	}
}

@-o-keyframes bounce_spinningSquaresG{
	0%{
		-o-transform:scale(1);
		background-color:rgb(8,0,252);
	}

	100%{
		-o-transform:scale(.3) rotate(90deg);
		background-color:rgb(173,227,240);
	}
}

@-ms-keyframes bounce_spinningSquaresG{
	0%{
		-ms-transform:scale(1);
		background-color:rgb(8,0,252);
	}

	100%{
		-ms-transform:scale(.3) rotate(90deg);
		background-color:rgb(173,227,240);
	}
}

@-webkit-keyframes bounce_spinningSquaresG{
	0%{
		-webkit-transform:scale(1);
		background-color:rgb(8,0,252);
	}

	100%{
		-webkit-transform:scale(.3) rotate(90deg);
		background-color:rgb(173,227,240);
	}
}

@-moz-keyframes bounce_spinningSquaresG{
	0%{
		-moz-transform:scale(1);
		background-color:rgb(8,0,252);
	}

	100%{
		-moz-transform:scale(.3) rotate(90deg);
		background-color:rgb(173,227,240);
	}
}