/*
lspolicedepartment.fr ©2018
*/

@font-face {
  font-family: "Open Sans";
  src: url("assets/opensans.ttf") format("truetype");
}

body,html {
	background:#001c33cc;
	background-color:#001c33cc;
	background-repeat:no-repeat;
	background-position:center top;
	margin:0;
	background-attachment:fixed;
	background-size:cover;
	font-family:Arial,Helvetica,sans-serif;
	color:#1c1c1c;
	font-size:13px;
	height:100%;
}
#contenu {
	margin:0 auto 0 auto;
	width:100%;
	min-height:98%;
	color:#333;
	/*background-color:#D5D5D5;*/
	text-align:left;
	padding:0;
	position:relative;
}
#logo{
	margin:5px auto 5px 5px;
	opacity: 0.3;
	transition: 3s;
}
#logo:hover{
	opacity: 0.7;
	transition: 2s;
}
.infos {
	font-family:Segoe UI,Helvetica,sans-serif;
	padding:30px 10px;
	font-size:12px
}
#partieGauche {
	float:left;
	width:300px;
	height:500px;
	margin-left:20px;
	padding:15px 0 30px 15px;
	font:13px Arial,Helvetica,sans-serif
}
#partieGauche .zonePrincipale{
	height:450px;
}
#partieDroite .zonePrincipale{
	min-height:450px;
}
#partieDroite {
	max-width:1500px;
	min-height:500px;
	margin-left:380px;
	color:#000;
	font:13px Arial,Helvetica,sans-serif;
	padding:15px 0 15px 0
}
#partieConnexion {
	max-width:500px;
	min-height:200px;
	margin:0 auto;
	color:#000;
	font:13px Arial,Helvetica,sans-serif;
	padding:15px 0 15px 0
}
#partieConnexion .zonePrincipale{
	min-height:200px;
}
.Fiche {
	max-width:800px;
	margin-left:10px;
	color:#000;
	font:13px Arial,Helvetica,sans-serif;
	padding:15px 0 15px 0
}
#partieFiche {
	min-width:400px;
}
#partieDivision {
	min-width:400px;
}
#partieSanction {
	min-width:400px;
}
.Vignette {
	max-width:400px;
	max-height:400px;
	margin-left:10px;
	color:#000;
	font:25px Open Sans Medium;
	padding:15px 0 15px 0;
}
.MilieuPetit {
	max-width:800px;
	margin-left:10px;
	color:#000;
	font:20px Arial,Helvetica,sans-serif;
	padding:15px 0 15px 0;
}
.Milieu {
	max-width:1200px;
	margin-left:10px;
	color:#000;
	font:13px Arial,Helvetica,sans-serif;
	padding:15px 0 15px 0;
}
.MilieuGrand {
	max-width:1400px;
	margin-left:10px;
	color:#000;
	font:13px Arial,Helvetica,sans-serif;
	padding:15px 0 15px 0;
}
.titre {
	color:#ffffff;
	padding:7px;
	margin-bottom:0;
	background-color:#f7f9fb;
	text-shadow:1px 1px 3px #000;
	-moz-border-radius:5px 5px 0 0;
	-webkit-border-radius:5px 5px 0 0;
	border-radius:5px 5px 0 0
}
.zonePrincipale {
	border:1px solid #4e5b6d;
	text-align:left;
	padding:5px 10px;
	margin:0 auto 10px auto;
	color:#1c1c1c;
	background:#f7f9fb;
	border-radius:0 0 5px 5px;
}
.zoneFicheTransport {
	border:1px solid #4e5b6d;
	text-align:left;
	padding:10px 10px;
	outline:0;
	margin:0 auto 10px auto;
	color:#1c1c1c;
	background-color:#f7f9fb;
	border-radius:0 0 5px 5px;
	background-image: url("images/autocar-fotolia.jpg");
	background-size: cover;
}
.zoneFicheChange {
	border:1px solid #4e5b6d;
	text-align:left;
	padding:10px 10px;
	outline:0;
	margin:0 auto 10px auto;
	color:#1c1c1c;
	background-color:#f7f9fb;
	border-radius:0 0 5px 5px;
	background-image: url("images/Fond_41.jpg");
	background-size: cover;
}
.zoneFicheCaisse {
	border:1px solid #4e5b6d;
	text-align:left;
	padding:10px 10px;
	outline:0;
	margin:0 auto 10px auto;
	color:#1c1c1c;
	background-color:#f7f9fb;
	border-radius:0 0 5px 5px;
	background-image: url("images/IPAD_04.png");
	background-size: cover;
}
img#iconeDeconnexion {
	float:left;
	margin-right:3px
}
.copyright {
	min-height:10px;
	color:#fff;
	font-size:11px;
	text-align:center;
	/*background-color:#D5D5D5;*/
}

.zoneCompte span {
	color:#4e5b6d;
	font-size:15px;
	font-weight:bold;
	text-decoration:none
}
.zonePrincipale span,.zoneCompte span {
	color:#4e5b6d;
	font-size:15px;
	font-weight:bold;
	text-decoration:none
}
.titre span,.titprofil span,.newsmenu a {
	color:#000000;
	font:25px Roboto;
	text-decoration:none
}
div.vinfo {
	width:400px;
	margin:10px auto 10px auto;
	padding:5px 10px 5px 30px;
	color:#000;
	background:url(images/ico_success.png) no-repeat #cfc;
	background-position-x:5px;
	background-position-y:center;
	border:1px solid #396;
	font-size:12px;
	font-weight:bold
}
div.einfo {
	width:400px;
	margin:10px auto 10px auto;
	padding:5px 10px 5px 30px;
	color:#000;
	background:url(images/ico_error.png) no-repeat #fc9;
	background-position-x:5px;
	background-position-y:center;
	border:1px solid #f00;
	font-size:12px;
	font-weight:bold
}
img,p,h1,h2,h3,h4,h5,h6,Span,object,table,td,tr {
	border:0;
	margin:0;
	padding:0
}
.titre{
	text-align:center
}
.titre a {
	color:#eff3f7;
	font-weight:bold;
	text-decoration:none;
	outline:0
}
.zoneCompte a{
	color:#4e5b6d;
	font-weight:bold;
	text-decoration:none;
	outline:0
}
.zonePrincipale{
	min-height:400px;
}
.zonePrincipale a,.zoneCompte a {
	color:#4e5b6d;
	font-weight:bold;
	text-decoration:none;
	outline:0
}
.titre a:hover {
	text-decoration:none
}
.zoneCompte a:hover {
	text-decoration:none
}
.zonePrincipale a:hover,.zoneCompte a:hover {
	text-decoration:none
}
input,button,select ,textarea{
	font:90%/105% Arial,Helvetica,sans-serif;
	color:#4e5b6d;
	background-color:#FFF;
	border:1px solid #4e5b6d;
	padding:3px;
	margin:0
}
form,select {
	padding:0;
	margin:0
}
input[type=image],input[type=radio],input[type=checkbox] {
	background:0;
	border:0;
	margin:0;
	padding:0
}
input[type=submit],input[type=reset] {
	font:90%/105% Arial,Helvetica,sans-serif;
	font-weight:bold;
	color:#f7f9fb;
	background-color:#001c33cc;
	border:0;
	padding:5px 10px;
	cursor:pointer;
	border-radius:3px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px
}
input[type=submit]:hover,input[type=reset]:hover {
	color:white;
	background-color:#1067cd
}

table {
	padding:5px;
	font-size:13px
}
.ligneTitre {
	background-color:#808080;
	color:#FFF;
	vertical-align:middle;
	height:30px;
	text-transform:uppercase;
	font-size:10px
}
.ligneImpaire {
	background-color:#AFB7E6;
	vertical-align:middle;
	font-size:13px
}
.lignePaire {
	background-color:#FFFFFF;
	vertical-align:middle;
	font-size:13px
}
.ligneDejaParier {
	background-color:#36D630;
	vertical-align:middle;
	font-size:13px
}
.ligneImpaire:hover,.lignePaire:hover , .ligneDejaParier:hover{
	background-color:#14308B;
	color:#FFFFFF
}
td {
	padding:2px 5px
}
#haut {
	height:210px;
	text-align:center;
}
#logo{
	margin:5px auto 5px 5px;
	opacity: 0.3;
	transition: 3s;
}
#logo:hover{
	opacity: 0.7;
	transition: 2s;
}
#menu {
	width:100%;
	height:50px;
	margin:0 auto 0 auto;
	padding:0;
	text-align:center;
	font-weight:bold;
	background:#001c33cc;
}
#menu li {
	margin-top:7px;
	position:relative;
	top:20px;
	display:block;
	display:inline;
	margin-right:1px;
	padding:4px 12px 4px 12px;
	list-style:none;
	text-align:center;
	opacity: 0.3;
	transition: 3s;
}
#menu li:hover {
	padding:4px 12px 4px 12px;
	background:#001c33cc;
	border-radius:5px 5px 5px 5px;
	opacity: 1;
	transition: 2s;
}
#menu li a {
	padding:4px 9px 4px 9px;
	line-height:1em;
	text-align:center;
	font-family:Arial,Helvetica,sans-serif;
	font-size:14px;
	color:#eee;
	outline:0;
	text-decoration:none;
	text-shadow:1px 1px 1px #000
}
#menu li:hover a {
	text-shadow:1px 1px 1px #000
}
.menuInt {
	color:#eff3f7
}
.menuInt ul {
	margin:15px 0;
	padding:0;
	width:180px;
	text-decoration:none;
	list-style:none;
	text-align:center
}
.menuInt ul li a {
	text-align:center;
	background:#001c33cc;
	display:block;
	line-height:25px;
	color:#fff;
	text-decoration:none;
	padding:0 5px 0 5px;
	outline:0;
	font-size:12px;
	font-weight:bold
}
.menuInt ul li a.premier {
	border-radius:10px 10px 0 0;
}
.menuInt ul li a.dernier {
	border-radius:0 0 10px 10px
}
.menuInt ul li a.seul {
	border-radius:10px 10px 10px 10px
}
.menuInt ul li a:hover {
	background:#1067cd;
	color:#fff
}
.menuInt ul li.categplayer {
	padding:0 0 5px 5px;
	color:#1c1c1c;
	text-align:right;
	font-weight:bold
}
.menuInt ul li.categmenu {
	padding:0 0 5px 5px;
	color:#1c1c1c;
	text-align:left;
	font-weight:bold;
	font-variant:small-caps
}
.marge{
	margin-left:20px
}
textarea{
	resize:none
}
.autre {
	font:90%/105% Arial,Helvetica,sans-serif;
	font-weight:bold;
	color:white;
	background-color:#001c33cc;
	border:0;
	padding:5px 10px;
	cursor:pointer;
	border-radius:3px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px
}
.autre:hover {
	color:white;
	background-color:#1067cd
}
.contenuGraph {
	min-width: 650px;
	max-width: 700px;
	height: 250px;
	margin-left: 50px
}
.histoRapide {
	float:right;
	width:390px;
	border:1px solid #4e5b6d;
	background-color:#f7f9fb;
	
	margin:5px 10px auto auto;
	border-radius:8px;
	-webkit-border-radius:8px;
	-moz-border-radius:8px
}