/** Add css rules here for your application. */
/**
*	Couleurs
*	gris fonce : #37444F
*	bleu fonce : #1F384F
*	bleu moyen : #5292CF
*	bleu clair : #3E6E9C
*	gris clair : #D2D5D7
*/
/***/
body, html {
	margin: 0px;
	padding: 0px !important;
	width: 100%;
}

p, .gwt-Label, .gwt-Button, .gwt-TextBox, .gwt-FlexTable, .gwt-TableURL, .nav-tabs {
	font-family: 'Source Sans Pro', sans-serif !important;
	font-size: 18px;
	margin:5px
}
.gwt-WarningLine{
	font-size: 12px;
	font-style: italic;
	color:#a8a8a8;
	
}

h1 {
	font-family: "Century Gothic", Arial, Impact, Helvetica !important;
	color: #37444F;
}


.gwt-TextBox, .gwt-PasswordTextBox, .gwt-Button {
	color: #37444F !important;
	font-size: 15px !important;
	margin: 3px 0px !important
}

h3 {
	font-size: 18px;
	font-family: 'Source Sans Pro', sans-serif;
}

.gwt-MenuWidget {
	background-color: #3E6E9C;
	vertical-align: middle;
	-moz-box-shadow: 0px 3px 9px 1px #c0c0c0;
	-webkit-box-shadow: 0px 3px 9px 1px #c0c0c0;
	-o-box-shadow: 0px 3px 9px 1px #c0c0c0;
	box-shadow: 0px 3px 9px 1px #c0c0c0;
	filter: progid:DXImageTransform.Microsoft.Shadow(color=#c0c0c0,
		Direction=180, Strength=9);
}

.gwt-MenuWidget-App {
	margin: 40px 22px 20px;
	font-size: 25px;
	font-family: "Century Gothic", Arial, Impact, Helvetica;
	font-weight: bold;
	color: #D2D5D7;
	vertical-align: middle;
}

.gwt-MenuWidget-Menu {
	margin: 40px 22px 20px;
	font-family: "Century Gothic", Arial, Impact, Helvetica;
	font-weight: bold;
	color: #3E6E9C;
	vertical-align: middle;
	text-align:center;
	  width: 160px
}

.gwt-MenuWidget-Connect {
	margin: 40px 22px 20px;
	font-size: 10px;
	font-family: "Century Gothic", Arial, Impact, Helvetica;
	background-color: #77a3ca;
	border: 1px inset #77a3ca;
	border-radius: 8px;
	height: 19px;
	width: 130px;
	color: #ffffff;
}

.gwt-MenuWidget-Connect:active {
	border: 1px inset #ccc;
	background-color: #3c6b97;
	color: white
}

.gwt-MenuWidget-Connect:hover {
	border-color: #5292CF;
}

.gwt-MenuWidget-Connect[disabled] {
	cursor: default;
	color: #888;
}

.gwt-MenuWidget-Connect[disabled]:hover {
	border: 1px outset #ccc;
}


.gwt-SidePanel {
	background-color: #37444F;
	color: white;
	height: 100%;
	-moz-box-shadow: 1px 3px 9px 1px #c0c0c0;
	-webkit-box-shadow: 1px 3px 9px 1px #c0c0c0;
	-o-box-shadow: 1px 3px 9px 1px #c0c0c0;
	box-shadow: 1px 3px 9px 1px #c0c0c0;
	filter: progid:DXImageTransform.Microsoft.Shadow(color=#c0c0c0,
		Direction=180, Strength=9);
}

.btn  {
	margin: 20px 0px !important;
}
.gwt-SidePanel-Button {
	font-size: 1.5em;
	width: 200px;
	background-color: #37444F !important;
	color: white;
	padding: 20px 25px;
	border: gray !important;
	text-align: left
}

.gwt-SidePanel-lButton {
	font-size: 1.3em;
	font-weight: lighter;
	width: 200px;
	background-color: #37444F !important;
	color: #ffffff;
	padding: 20px 25px;
	border: gray !important;
	text-align: left
}

.gwt-SidePanel-pButton{
	font-size: 1em;
	width: 200px;
	background-color: #37444F !important;
	color: #afbcd1;
	padding: 20px 25px;
	border: gray !important;
	text-align: left
}

.gwt-SidePanel-Button:hover{
	background-color: #5292CF !important;
}

.gwt-SidePanel-Button:active {
	background-color: #5292CF !important;
}

.gwt-SidePanel-Label{
	font-size: 1.3em;
	width: 160px;
	background-color: #516179 !important;
	color: white;
	padding: 20px 25px;
	border: gray !important;
	text-align: left
}


.gwt-SidePanel-PushButton{
	background-color: #516179 !important;
	padding: 20px;
}

.gwt-SidePanel-PushButton:hover {
	background-color: #5292CF !important;
}

.gwt-SidePanel-PushButton:active {
	background-color: #5292CF !important;
}

.gwt-ContentPanel-Pages {
	margin: 50px auto 50px 250px;
	/*width: 950px;*/
}

.gwt-ContentPanel{
		margin: 50px auto;
		width: 600px;
	}

.gwt-HomePage-Button {
	vertical-align: middle;
	cursor:hand;
	cursor:pointer
}

.linkExcel {
	color: #94a5b5;
}

.linkCrawl {
	color: #76ACDF
}

.gwt-FileUploadZone {
	margin: 50px auto;
	border: 4px solid #e1e8e8;
	border-radius: 5px;
}

.gwt-FileUploadZone-DragOver {
	margin: 50px auto;
	border: 4px dotted #76ACDF;
	border-radius: 5px;
}

.gwt-FocusPanel {
	border: 1px solid #3E6E9C;
	border-radius: 3px !important;
}

.gwt-PreviewZone {
	margin: 10px;
	border: 4px solid #e1e8e8;
	border-radius: 5px !important;
}

.sendButton {
	display: block;
	font-size: 16pt;
}

.gwt-Champ-warn{
	border: #ff5959 !important;
}
.gwt-DialogBox .Caption{
	font-weight: bold;
	font-family: 'Source Sans Pro', sans-serif !important;
	font-size: 16pt;
	background-color:#D2D5D7;
	/*padding: 4px 4px 4px 8px;*/
   cursor: default;
   
}

/** Most GWT widgets already have a style name defined */
.gwt-DialogBox {
	font-family: 'Source Sans Pro', sans-serif !important;
	/*background-color:#D2D5D7;
	/*background-image:;*/
	
}

.dialogVPanel {
	margin: 15px;
}

.gwt-PopupPanelGlass {
    background-color: #000 !important;
    opacity: 0.6 !important;
    filter: alpha(opacity=60) !important;
} 

.google-visualization-table-table{
	width:100%	
}
.serverResponseLabelError {
	font-family: 'Source Sans Pro', sans-serif !important;
	color: red;
}

/** Set ids using widget.getElement().setId("idOfElement") */
#closeButton {
	margin: 15px 6px 6px;
}

/** Règles de  disposition pour plus petit écrans*/
@media screen /**and (min-width: 600px)*/ and (max-width: 1250px) {
	.gwt-ContentPanel{
		margin: 40px auto;
		width: 600px;
	}
	
	.gwt-ContentPanel-Pages {
		margin-left: 220px;
		width: 600px;
	}
	.gwt-SidePanel {
		width: 160px;
	}
	
	.gwt-SidePanel-Button {
		font-size: 1.1em;
		width: 160px;
		text-align: left
	}
	.gwt-SidePanel-lButton {
		font-size: 1.0em;
		width: 160px;
		text-align: left
	}
	
	.gwt-SidePanel-pButton{
		font-size: 0.9em;
		width: 160 px;
		
	}
	
	.gwt-SidePanel-PushButton {
		background-color: #516179 !important;
		padding: 20px;
		width: 120px
	}
	.gwt-MenuWidget {
		height: 95px
	}
}