/*************************/
/* Zone/pix/back         */
/* Pop                   */
/* Boutons               */
/* Styles p              */
/* Tableaux              */
/* Cr?er circuit         */
/* Liens                 */
/* Logs                  */
/* Divers                */
/*************************/

/*************************/
/* Zone/pix/back         */
/*************************/
div.divBackMargin{
	margin:2px;
}
/* Zone                  */
div.divZone1{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#324759;
	padding:5px;
	margin:0;
	border:1px solid #324759;
	background-color:#adbcc8;
}
div.divZone1 h3{
	margin:0;
	padding:0 0 10px 0;
	font-size:13px;
	font-weight:bold;
}
div.divZone1 ul{
	list-style:none;
	margin:0;
	padding:0 0 0 20px;
}
div.divZone1 li{
	padding:0 0 0 10px;
	background-image:url(../images/charte_mfi_2016/picto/fleche-verte.gif);
	background-repeat:no-repeat;
	background-position:0 5px;
}
div.divZone2{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#324759;
	padding:5px;
	margin:0;
	border:1px solid #324759;
	background-color:#adbcc8;
	height:100px;
}
div.divZone2 h3{
	margin:0;
	padding:0 0 10px 0;
	font-size:13px;
	font-weight:bold;
}
div.divZone2 ul{
	list-style:none;
	margin:0;
	padding:0 0 0 20px;
}
div.divZone2 li{
	padding:0 0 0 10px;
	background-image:url(../images/charte_mfi_2016/picto/fleche-verte.gif);
	background-repeat:no-repeat;
	background-position:0 5px;
}
/* Zone Pix Vert         */
div.divBackPixVert{
	margin:2px;
	background:url(../images/charte_mfi_2016/background/back-pix-vert.gif);
}
div.divBackPixVert h3{
	margin:0;
	padding:10px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:20px;
	color:#fff;
	font-weight:bold;
}
div#divConteneurZonePixVert{
	margin:2px;
	background:url(../images/charte_mfi_2016/background/back-pix-vert.gif);
}
div#divZonePixVert{
	padding:10px 10px 0 10px;
	background:url(../images/charte_mfi_2016/background/back-coin-pix-vert.gif) no-repeat;
}
td.cellTabGestionPage{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#fff;
	font-weight:bold;
}

.divFondVert td.cellTabGestionPage,
.divFondVert td.cellTabGestionPage a:link, 
.divFondVert td.cellTabGestionPage a:visited {
	color:#324759;
}

td.cellTabGestionPage h3{
	font-family:Arial, Helvetica, sans-serif;
	font-size:26px;
	color:#fff;
	font-weight:bold;
}
td.cellTabGestionPage span{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#4c4c4c;
	font-weight:bold;
}
td.cellTabGestionPage a:link, td.cellTabGestionPage a:visited{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#fff;
	font-weight:bold;
	text-decoration:none;
}
td.cellTabGestionPage a:hover, td.cellTabGestionPage a:active{
	text-decoration:underline;
}

td.cellTabGestionPage a.button4, td.cellTabGestionPage a.button4 {
	font-size:14px;
}

div#divZonePixVert h3{
	margin:0;
	padding:0 0 10px 0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:26px;
	color:#6eb710;
	font-weight:bold;
}
input.champ2{
	width:150px;
	border:1px solid #dee4e9;
	background-color:#fff;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#535353;
	font-style:italic;
}
/* Zone PIX Orange       */
div.divBackPixOrangeRecherche{
	margin:2px;
	padding:5px;
	background:url(../images/charte_mfi_2016/background/back-pix-orange-recherche.gif) no-repeat;
}
div.divBackPixOrangeRecherche h3{
	margin:0;
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:20px;
	color:#fff;
	font-weight:bold;
}
.unstyled {
    border: 0;
    background-color: transparent;
    margin: 0;
    padding: 0;
    font-family: Arial, Helvetica, sans-serif;
}
/*************************/
/* Pop                   */
/*************************/
#fondPop{
	background-color:#7c9bb5;
}
#fondPopWarning{
	background-color:#f1a811;
}
#fondPopErreur{
	background-color:#fff2f2;
}
h1.h1TitrePop{
	padding:0;
	margin:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:20px;
	color:#ffffff;
	font-weight:bold;
}
h1.h1TitrePopErreur{
	padding:0;
	margin:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:30px;
	color:#e20000;
	font-weight:bold;
}
h1.h1TitrePopMessage{
	padding:0;
	margin:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#ffffff;
	font-weight:bold;
}

.sendMessage {
	padding:10px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#000000;
}

span.texte7{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#ffffff;
	font-style:italic;
}
span.texte8{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#ffffff;
	font-weight:bold;
}
/*************************/
/* Boutons               */
/*************************/



a.bouton1, button.bouton1
,a.bouton2, button.bouton2
,a.bouton3, button.bouton3 
,a.bouton4, button.bouton4{ 
	display:-moz-inline-box; 
	display:inline-block; 
	margin:0; 
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#ffffff; 
	white-space:nowrap; 
	text-align:center; 
	vertical-align:middle; 
	cursor:pointer; 
	border:0; 
	background:none; 
	text-decoration:none;
}

a.bouton1 span, button.bouton1 span
,a.bouton2 span, button.bouton2 span
,a.bouton3 span, button.bouton3 span
,a.bouton4 span, button.bouton4 span { 
	color:#ffffff; 
	position:relative; 
	float:left; 
	padding:0 0 0 9px; 
	vertical-align:middle; 
	background:url(../images/charte_mfi_2016/menu/btn2-BG.png) left top no-repeat;
} 

a.bouton1 span span, button.bouton1 span span
,a.bouton2 span span, button.bouton2 span span
,a.bouton3 span span, button.bouton3 span span
,a.bouton4 span span, button.bouton4 span span { 
	padding:0 9px 0 0; 
	background:url(../images/charte_mfi_2016/menu/btn2-BD.png) right top no-repeat; 
} 

a.bouton1 span span span, button.bouton1 span span span 
,a.bouton2 span span span, button.bouton2 span span span 
,a.bouton3 span span span, button.bouton3 span span span 
,a.bouton4 span span span, button.bouton4 span span span {
	height:28px; 
	padding:0; 
	line-height:2; 
	background:url(../images/charte_mfi_2016/menu/btn2-M.png) left top repeat-x; 
}

/* Bouton1  
a.bouton1, button.bouton1 { 
	display:-moz-inline-box; 
	display:inline-block; 
	margin:0; 
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#324759; 
	white-space:nowrap; 
	text-align:center; 
	vertical-align:middle; 
	cursor:pointer; 
	border:0; 
	background:none; 
	text-decoration:none;
} 
a.bouton1 span, button.bouton1 span { 
	position:relative; 
	float:left; 
	padding:0 0 0 9px; 
	vertical-align:middle; 
	background:url(../images/charte_mfi_2016/menu/btn1-BG.png) left top no-repeat;
} 
a.bouton1 span span, button.bouton1 span span { 
	padding:0 9px 0 0; 
	background:url(../images/charte_mfi_2016/menu/btn1-BD.png) right top no-repeat; 
} 
a.bouton1 span span span, button.bouton1 span span span {
	height:28px; 
	padding:0; 
	line-height:2; 
	background:url(../images/charte_mfi_2016/menu/btn1-M.png) left top repeat-x; 
}

a.bouton2, button.bouton2 { 
	display:-moz-inline-box; 
	display:inline-block; 
	margin:0; 
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#ffffff; 
	white-space:nowrap; 
	text-align:center; 
	vertical-align:middle; 
	cursor:pointer; 
	border:0; 
	background:none; 
	text-decoration:none;
} 
a.bouton2 span, button.bouton2 span { 
	color:#ffffff; 
	position:relative; 
	float:left; 
	padding:0 0 0 9px; 
	vertical-align:middle; 
	background:url(../images/charte_mfi_2016/menu/btn2-BG.png) left top no-repeat;
} 
a.bouton2 span span, button.bouton2 span span { 
	padding:0 9px 0 0; 
	background:url(../images/charte_mfi_2016/menu/btn2-BD.png) right top no-repeat; 
} 
a.bouton2 span span span, button.bouton2 span span span {
	height:28px; 
	padding:0; 
	line-height:2; 
	background:url(../images/charte_mfi_2016/menu/btn2-M.png) left top repeat-x; 
}
a.bouton3, button.bouton3 { 
	display:-moz-inline-box; 
	display:inline-block; 
	margin:0; 
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#ffffff; 
	white-space:nowrap; 
	text-align:center; 
	vertical-align:middle; 
	cursor:pointer; 
	border:0; 
	background:none; 
	text-decoration:none;
}
a.bouton3 span, button.bouton3 span { 
	position:relative; 
	float:left; 
	padding:0 0 0 9px; 
	vertical-align:middle; 
	background:url(../images/charte_mfi_2016/menu/btn3-BG.png) left top no-repeat;
} 
a.bouton3 span span, button.bouton3 span span { 
	padding:0 9px 0 0; 
	background:url(../images/charte_mfi_2016/menu/btn3-BD.png) right top no-repeat; 
} 
a.bouton3 span span span, button.bouton3 span span span { 
	height:28px; 
	padding:0; 
	line-height:2; 
	background:url(../images/charte_mfi_2016/menu/btn3-M.png) left top repeat-x; 
}

a.bouton4, button.bouton4 { 
	display:-moz-inline-box; 
	display:inline-block; 
	margin:0; 
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#676767; 
	white-space:nowrap; 
	text-align:center; 
	vertical-align:middle; 
	cursor:pointer; 
	border:0; 
	background:none; 
	text-decoration:none;
} 
a.bouton4 span, button.bouton4 span { 
	position:relative; 
	float:left; 
	padding:0 0 0 9px; 
	vertical-align:middle; 
	background:url(../images/charte_mfi_2016/menu/btn4-BG.png) left top no-repeat;
} 
a.bouton4 span span, button.bouton4 span span { 
	padding:0 9px 0 0; 
	background:url(../images/charte_mfi_2016/menu/btn4-BD.png) right top no-repeat; 
} 
a.bouton4 span span span, button.bouton4 span span span { 
	height:28px; 
	padding:0; 
	line-height:2; 
	background:url(../images/charte_mfi_2016/menu/btn4-M.png) left top repeat-x; 
}
*/
/*************************/
/* Styles p              */
/*************************/
p.pStyle1{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#000000;
	margin:0;
	padding:0 0 10px 10px;
}
p.pStyle2{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#e20000;
	margin:0;
	padding:10px;
	text-align:justify;
}
/*************************/
/* Tableaux              */
/*************************/
/* Cellule générale */
td.fondBlanc{
	padding:10px;
	background-color:#7c9cb5;
}
td.fondGris{
	padding:10px;
	background-color:#eceded;
}
/* Cellule "X" en abscisse */
td.cellTabX{
	margin:0;
	padding:10px;
	background-color:#657f95;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#000000;
	font-weight:bold;
	border-bottom:2px solid #fff;
	border-right:1px solid #fff;
}
/* Cellule "Y" en ordonnée */
td.cellTabY1, td.cellTabY2, td.cellTabY3, td.cellTabY4, td.cellTabY4B{
	margin:0;
	padding:2px;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#fff;
	font-weight:bold;
}
td.cellTabY1{
	background:url(../images/charte_mfi_2016/background/back-pix-vertY1.gif) repeat-x;
	background-color:#657f95;
}
td.cellTabY2{
	background:url(../images/charte_mfi_2016/background/back-pix-vertY2.gif) repeat-x;
	background-color:#87a3b5;
	border-right:1px solid #fff;
}
td.cellTabY3{
	background:url(../images/charte_mfi_2016/background/back-pix-vertY3.gif) repeat-x;
	background-color:#5b6b7b;
	border-right:1px solid #fff;
}
td.cellTabY4{
	background:url(../images/charte_mfi_2016/background/back-pix-vertY4.gif) repeat-x;
	background-color:#5b6b7b;
	border-right:1px solid #fff;
}
td.cellTabY4B{
	background-color:#bde45b;
	border-top:1px solid #fff;
	border-right:1px solid #fff;
}
/* Cellule "C"ontenu */
td.cellTabC1, td.cellTabC2{
	margin:0;
	padding:2px 10px 2px 2px;
	text-align:right;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#333;
}
td.cellTabC1{
	background-color:#dee4e9;
	border-bottom:2px solid #fff;
}
td.cellTabC2{
	background-color:#adbcc8;
	border-bottom:2px solid #fff;
	border-right:1px solid #fff;
}
td.cellTabC3{
	color:#333;
	margin:0;
	padding:5px;
	background-color:#dee4e9;
	border-right:1px solid #fff;
}
td.cellTabC4{
	color:#333;
	margin:0;
	padding:5px;
	background-color:#adbcc8;
	border-right:1px solid #fff;
}

td.delay{
	margin:0;
	padding:5px;
	background-color:#FF8040;
	border-right:1px solid #fff;
	}

td.cellTabC5{
	margin:0;
	padding:5px;
	background-color:#fff;
	border:1px solid #d9d9d9;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#686868;
	font-weight:normal;
}
td.cellTabC5 h4{
	margin:0;
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	color:#686868;
	font-weight:bold;
}
td.cellTabCFail{
	margin:0;
	padding:5px;
	background-color:#CC3333;
	border:1px solid #fff;
}
td.cellTabCWarning{
	margin:0;
	padding:5px;
	background-color:#FF9900;
	border:1px solid #fff;
}
td.cellTabCOpen{
	margin:0;
	padding:5px;
	background-color:#66CC33;
	border:1px solid #fff;
}
td.cellTabCClose{
	margin:0;
	padding:5px;
	background-color:#FFFF00;
	border:1px solid #fff;
}
td.cellTabCOutline{
	margin:0;
	padding:5px;
	background-color:#DDDDDD;
	border:1px solid #fff;
}
td.cellTabCRedac1{
	text-align:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	color:#6f6f6f;
	font-weight:bold;
}
td.cellTabCRedac2{
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#6f6f6f;
	font-weight:bold;
}
td.cellTabCRedac3{
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#6f6f6f;
	font-weight:normal;
}
td.cellTabCRedac4{
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#d35556;
}
td.cellTabCRedac5{
	text-align:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#d35556;
	font-weight:bold;
}
td.cellTabCRedac6{
	text-align:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#d35556;
	font-weight:bold;
}
td.cellTabCRedac7Difference{
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#fff;
	font-weight:normal;
	background-color:#f1a811;
}
td.cellTabCRedac4b{
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#6f6f6f;
}
td.cellTabCRedac5b{
	text-align:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#6f6f6f;
	font-weight:bold;
}
td.cellTabCRedac6b{
	text-align:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#6f6f6f;
	font-weight:bold;
}
/*************************/
/* Créer circuit         */
/*************************/
div.divFondVert{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#324759;
	font-weight:bold;
	background:url(../images/charte_mfi_2016/background/back-coin-creer-circuit.gif) no-repeat top left;
	padding:10px;
	margin:2px;
	background-color:#dee4e9;
}
div.divFondVert h3{
	padding:0 0 10px 0;
	margin:0;
	font-size:28px;
	color:#324759;
}
div.divBlocOnglet{
	background-color:#eceded;
	padding:10px;
	/*margin:20px 30px 15px 30px;*/
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#4c4c4c;
	font-weight:normal;
}
div.divBlocOnglet2{
	background-color:#eceded;
	padding:10px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#4c4c4c;
	font-weight:normal;
}
/* Erreurs               */
div#divScrollErreur{
	margin:2px;
	padding:5px;
	border:1px solid #dfdfdf;
	background-color:#f2f2f2;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#4c4c4c;
	overflow:auto;
}
div#divScrollErreurSaisie{
	height:400px;
	margin:2px;
	padding:5px;
	border:1px solid #f2f2f2;
	background-color:#ffffff;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#707070;
	overflow:auto;
}
div.divScrollMessages{
	height:80px;
	margin:2px;
	padding:5px;
	border:1px solid #f2f2f2;
	background-color:#ffffff;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#707070;
	overflow:auto;
}

div.divScrollUsers{
	height:170px;
	margin:2px;
	padding:5px;
	border:1px solid #f2f2f2;
	background-color:#ffffff;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#707070;
	overflow:auto;
}
/* Multiligne colorées   */
span.texte4{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#535353;
	font-weight:bold;
}
span.texte5{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#fff;
	font-weight:bold;
}
span.texte6{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#535353;
	font-style:italic;
	font-weight:normal;
}
input.champ1, select.champ1{
	width:150px;
	border:1px solid #abadb3;
	background-color:#fff;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#535353;
}

input.champ1:disabled{
	background-color:#eee;
}

textarea.textearea1{
	width:350px;
	height:100px;
	border:1px solid #abadb3;
	background-color:#fff;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#535353;
}
table#tableTabEMISSION{
	background-color:#b2d984;
}
table#tableTabEMISSION h1{
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#fff;
	font-weight:bold;
	margin:0;
	padding-left:220px;
}
table#tableTabRECEPTION{
	background-color:#6db610;
}
table#tableTabRECEPTION h1{
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#e5f2d7;
	font-weight:bold;
	margin:0;
	padding-left:210px;
}
/*************************/
/* Liens                 */
/*************************/
a.lien1:link, a.lien1:visited{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#4c4c4c;
	text-decoration:underline;
}
a.lien1:hover, a.lien1:active{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#4c4c4c;
	text-decoration:none;
}
a.infoBulle:link, a.infoBulle:visited{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#4c4c4c;
	text-decoration:underline;
}
a.infoBulle:hover, a.infoBulle:active{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#4c4c4c;
	text-decoration:none;
}
a.lien2:link, a.lien2:visited{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#fff;
	text-decoration:underline;
}
a.lien2:hover, a.lien2:active{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#fff;
	text-decoration:none;
}
a.lien3:link, a.lien3:visited{
	font-family:Arial, Helvetica, sans-serif;
	font-size:20px;
	color:#4c4c4c;
	text-decoration:underline;
}
a.lien3:hover, a.lien3:active{
	font-family:Arial, Helvetica, sans-serif;
	font-size:20px;
	color:#4c4c4c;
	text-decoration:none;
}
/*************************/
/* Logs                  */
/*************************/

div#divEnteteRechercheLogs{
	border:1px solid #d4d4d4;
	background-color:#eceded;
}
div#divEnteteRechercheLogs span{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	/*color:#4c4c4c;*/
	font-weight:bold;
}
div#divTexteLogs{
	 overflow:auto;
	 height:400px;
	 background-color:#ffffff;
	 padding:10px;
	 text-align:justify;
	 font-family:Arial, Helvetica, sans-serif;
	 font-size:12px;
	 color:#3;
	 font-weight:normal;
}
input.champ3{
	width:30px;
	border:1px solid #abadb3;
	background-color:#fff;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#535353;
}
input.champ4{
	width:250px;
	border:1px solid #abadb3;
	background-color:#fff;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#535353;
}
select.champ5{
	width:255px;
	border:1px solid #abadb3;
	background-color:#fff;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#535353;
}
td.cellTabDossierInactif{
	background:url(../images/charte_mfi_2016/background/back-dossier-inactif.gif) no-repeat top center;
	width:100px;
	height:53px;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#969696;
	font-weight:bold;
	cursor:pointer;
}
td.cellTabDossierActif{
	background:url(../images/charte_mfi_2016/background/back-dossier-actif.gif) no-repeat top center;
	width:100px;
	height:53px;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#686868;
	font-weight:bold;
}
/*************************/
/* Divers                */
/*************************/
.divScrollableViewLogs{
 height:500px;
 overflow:auto;
}

.divScrollableList{
 height:518px;
 overflow:auto;
}

.icon-in-out {
	font-size: 16px;
	width: 20px;
}

.icon-in-out .fa {
	font-size: 13px;
}

/*************************/
/* State in banner       */
/*************************/
div#globalState {
	width:150px;
	height:34px;
	background-repeat: no-repeat;
}

div.undefinedState {
	background:url(../images/charte_mfi_2016/picto/hors-ligne.png);
}

/*************************/
/* Etapes                */
/*************************/
td.cellTabEtapeActifFV, td.cellTabEtapeInactifFV, td.cellTabEtapeActifFG, td.cellTabEtapeInactifFG{
	width:218px;
	height:53px;
}
td.cellTabEtapeActifFV{
	background:url(../images/charte_mfi_2016/background/back-cellEtapeActifFV.gif) no-repeat;
}
td.cellTabEtapeInactifFV{
	background:url(../images/charte_mfi_2016/background/back-cellEtapeInactifFV.gif) no-repeat;
}
td.cellTabEtapeActifFG{
	background:url(../images/charte_mfi_2016/background/back-cellEtapeActifFG.gif) no-repeat;
}
td.cellTabEtapeInactifFG{
	background:url(../images/charte_mfi_2016/background/back-cellEtapeInactifFG.gif) no-repeat;
}
td.cellTabEtapeActifFV p, td.cellTabEtapeInactifFV p, td.cellTabEtapeActifFG p, td.cellTabEtapeInactifFG p{
	padding:0 0 0 10px;
	margin:0;
	font:bold 12px Arial, Helvetica, sans-serif;
	color:#FFFFFF;
}
td.cellTabEtapeActifFV p span, td.cellTabEtapeInactifFV p span, td.cellTabEtapeActifFG p span, td.cellTabEtapeInactifFG p span{
	font-size:15px;
}
div.stateOK {
	background:url(../images/charte_mfi_2016/picto/circuits-ouverts.png);
}

div.stateWarning {
	background:url(../images/charte_mfi_2016/picto/circuits-a-surveiller.png);
}

div.stateError {
	background:url(../images/charte_mfi_2016/picto/circuits-en-panne.png);
}
/*************************/
/* Tableau 50%           */
/*************************/
#myTable.halfSize {
	width: 50%;
}

/*************************/
/* Heartbeat styles      */
/*************************/

span.offline {
    color: red;
    font-weight: bold;
}

span.operational {
    color: green;
    font-weight: bold;
}

span.standby {
    color: orange;
    font-weight: bold;
}

span.maintenance {
    color: blue;
    font-weight: bold;
}

input[type="button"]
,input[type="text"] {
	color:#324759;
}

fieldset {
    border: 1px solid #324759;
    padding: 0 1.4em 1.4em 1.4em;
    margin: 0 0 1.5em 0;
    -webkit-box-shadow:  0px 0px 0px 0px #000;
            box-shadow:  0px 0px 0px 0px #000;
}

legend {
    font-size: 1.2em;
    font-weight: bold;
    text-align: left;
	margin:0;
	margin-left:10px;
	width:auto;
}

legend img{
    border:1px solid #324759;
	padding:2px;
	margin:2px;
}

#fondPop span {
	color:#324759;
}
#fondPop .bouton1 span
,#fondPop .bouton4 span {
	color:#ffffff;
}


/* Infos / warnings */
#divInfo {
    border:1px solid #bf7900;
    background:#d6ac31;
    margin:5px;
    padding:5px;
    color:#fff;
    border-radius:4px;
}
#divInfo span.texte3 {
    color:#fff;
}

input[type="checkbox"] {
	margin: 0;
	margin-right: 5px;
}

input[type="text"]
,input[type="password"]
,textarea
,select {
	margin-bottom: 4px;
    margin-left: 4px;
}

input[readonly] {
    background-color: #ddd;
    color:#666;
}

#updateTPForm tr td {
    color:#333;
}

.divBackPixOrangeRecherche a.lien1:link
, .divBackPixOrangeRecherche  a.lien1:visited {
  color: #ffffff;
  font-family: Arial,Helvetica,sans-serif;
  font-size: 13px;
  text-decoration: underline;
  font-weight:700;
}
.divBackPixOrangeRecherche  span.texte1 {
  color: #ffffff;
  font-size: 13px;
  font-weight:700;
}

td.cellTabGestionPage a.bouton1 span {
    font-size:14px;
    font-weight:bold;
}

/****/
/** Loading spinner
/****/
.rotate {
    -webkit-animation: spin 1.2s infinite linear;
    animation: spin 1.2s infinite linear;
}
@-webkit-keyframes spin {
    100% { -webkit-transform: rotate(360deg); }
}
@-moz-keyframes spin {
    100% { -moz-transform: rotate(360deg); }
}
@keyframes spin {
    100% {
        -moz-transform:rotate(360deg);
        -o-transform:rotate(360deg);
        transform:rotate(360deg);
    }
}