body
{
	background-color: rgb(255,255,255);
	color: black;
    font-family: 'Montserrat', sans-serif;
	font-size: 16px;
	margin: 0px;
	margin-top: 0px;
	padding: 0;
	overscroll-behavior-y: contain;
}

.printable{
	font-size: 11px;
	margin: 10px;
	margin-top: 10px;
	padding: 0;
}

.error{
	font-size: 13px;
	color: red;
	font-weight: bold;
}

.user-box
{
	background-color: white;
	color:black;
	border-width:thick;
	border-color:black;
}

.cacher{
display:none;	
}

#bouton-photo{
display:none;	
}

#upload-photo {
   opacity: 0;
   position: absolute;
   z-index: -1;
}

label {
   cursor: pointer;
   /* Style as you please, it will become the visible UI component. */
}


.colGauche{
	border-right-style: solid;
	border-width: 2px;
	border-color: #DDDDDD;
	padding-right:20px;
}

.colDroite{
	padding-left:20px;
}

.bon-box
{
	background-color: lightgrey;
	font-size: 12px;
	margin: 0px;
	margin-top: 10px;
	padding:5px;
	padding-left:10px;
}

.item-box
{
	background-color: #FFFFFF;
	color:#111111;
	font-size: 12px;
	margin: 0px;
	margin-bottom: 5px;
	padding:10px;
	padding-left:10px;
}

.error-box
{
	color:white;
	background-color: red;
}

.infobulle
{
	color:white;
	background-color: blue;
}

#TabArticles
{
	font-size: 12px;
	font-family: 'Montserrat', sans-serif;
}

#principal{
position:relative;
	
	margin:0 auto;
	margin-bottom: 150px;	/* Height of the footer */
	min-height: 100%;
	height:100%;
}


.piedPage{
	background-color: #EEEEEE;
	color: black;
	font-family: Arial, sans-serif;
	font-size: 1em;
	padding-top:20px;
	position:fixed;
	bottom:0;
	padding:10px;
	width: 100%;
	height: 40px;	/* Height of the footer */
	text-align:center;
	margin-top:20px;
	/*margin-left:20px;
	//margin-right:20px;
	//margin-bottom:20px;
	z-index: 2000;
    //border-radius: 15px; */
}

#ColonneRecherche
{
	/*padding-left:80px;
	//background:green; */
	margin-bottom: 90px;	/* Height of the footer */
	text-align:center;
}

#PaveRecherche
{
	background:#EEEEEE;
	/* padding-left:30px; */
	border-radius: 15px;
	margin: 0 auto;
	width:300px;
	margin-left: 100px;
}

#menuBulle{
		background:#EEEEEE;
		height:35px;
		
		border-radius: 15px;
}

#logoVisualis
{
	position: absolute;
    bottom: 0;
    text-align: left;
}
#NoteContenu
{
	margin-left: 20px;
	padding: 20px;
	text-align: left;
}
.pure-menu-link{
border:1px;
}
.pure-menu.a
{
	text-decoration: underline;
}

.pure-menu-link{
	font-size: 16px;
	font-family: 'Open Sans', sans-serif;
	font-weight:800;
	text-align:left;
	min-width:150px;
	border:1px;
}

.pure-menu-children .pure-menu-link{
	font-size: 14px;
	font-family: 'Open Sans', sans-serif;
	font-weight:500;
	text-align:left;
	border:1px;
	border-style:solid;
	border-color:black;
	background-color:#ffffff;
}

.pure-menu-children .pure-menu-link:hover{
	background-color:#fcfcfc;
}


a {
	color:#9e9d24;
	text-decoration: none;
	font-weight: bold;
	font-family: Verdana, sans-serif;
	font-size: 13px;
}

a:hover
{
	text-decoration: underline;
}

table.cadre
{
	border: 1px solid rgb(167,167,167);
	border-collapse: collapse;
	margin: 0 auto;
}
table.cadre tr
{
	margin: 0;
	padding: 0;
}
table.cadre td
{
	background-color: rgb(255,255,255);
	border: 1px solid rgb(167,167,167);
	margin: 0;
	padding: 0.5em;
}
table.cadre th
{
	background-color: rgb(65,172,212);
	border: 1px solid rgb(167,167,167);
	color: white;
	font-weight: bold;
	margin: 0;
	padding: 0.4em;
	text-align: center;
}
table.cadre tr.totaux td
{
	background-color: rgb(183,224,239);
	border: none;
	color: rgb(0,0,0);
	font-size: 12px;
	font-weight: bold;
	margin: 0;
	padding: 0.2em;
}
table.recherche
{
	font-size: 11px;
}
table.recherche td
{
	text-align: left;
}
table.recherche th
{
	text-align: center;
}
table.cadre td.PasEnVente, table.cadre td.Efface
{
	background-color: rgb(255,204,204);
}
.form-gc{
	padding: 20px; 
	border-spacing: 10px;
	border:1px;
}
.form-gc tr td
{
	margin: 10px;
	padding: 0.2em;
}

.formvisu
{
	font-size: 11px;
	color:black;
	border: 1px solid black;
}
.formvisuplus
{
	font-size: 13px;
	color:black;
	border: 1px solid black;
}
.formvisugrise
{
	background-color: rgb(240,240,240);
	font-size: 11px;
	color:black;
	border: 1px solid black;
}
h3
{
	color: navy;
	font-size: 15px;
	font-weight: bold;
	margin: 1em 0;
	padding: 0;
}
form
{
	margin: 0;
}
img
{
	border: none;
}
table.cadre td.grise
{
	background-color : rgb(235,235,235);
}
table.cadre td.finalise
{
	background-color : rgb(220,220,220);
}
#NbreLignes
{
	font-size: 10px;
	font-style: italic;
	padding: 0.5em;
}

/* Infobulle */
a.info
{
	position:relative; /*this is the key*/
	z-index:24;
	/*background-color:#ccc;*/
	color: black;
	text-decoration:none;
}
a.info:hover
{
	z-index:25;
	background-color:#fafafa;
}
a.info span
{
	display: none;
}
a.info:hover span
{ /*the span will display just on :hover state*/
	display:block;
	position:absolute;
	top:2em;
	left:1em;
	width:15em;
	border:1px solid #999999;
	background-color:#DDDDDD;
	color:#000;
	text-align: left;
}
a.infoPA
{
	position:relative; /*this is the key*/
	z-index:24;
	/*background-color:#ccc;*/
	color: black;
	text-decoration:none;
}
a.infoPA:hover
{
	z-index:25;
	background-color:#fafafa;
}
a.infoPA span
{
	display: none;
}
a.infoPA:hover span
{ /*the span will display just on :hover state*/
	display: block;
	position: absolute;
	top: 2em;
	left: 1em;
	width: 8em;
	border: 1px solid #999999;
	background-color: #DDDDDD;
	color: #000;
	text-align: center;
}
#TabPrincipal
{
	border-collapse: collapse;
	margin: 0 auto;
}
#TabPrincipal tr
{
	margin: 0;
	padding: 0;
}
#ColGauche
{
	margin: 0;
	padding: 0;
	vertical-align: top;
}
#ColDroite
{
	font-size: 12px;
	margin: 0;
	padding: 0;
	vertical-align: top;
	width: 305px; 
}
#LogoGC
{
	float: left;
	margin: 15px 0 0 20px;
}
#LogoClient
{
	text-align:center;
	margin-bottom:20px;
}
#contenu
{
	border: rgb(202,202,202) solid 0px;
	margin: 20px 10px 10px 10px;
	padding: 0 0 10px 0;
	text-align: center;
}

.NoteHaut
{
	background-image: url('img/NoteHaut.png');
	background-position: bottom left;
	background-repeat: no-repeat;
	height: 55px;
	margin: 0 auto;
	padding: 0;
	width: 314px;
}

.LogoClient
{
	margin: 0 auto;
	padding: 0;
	margin-left: 40px;
	text-align: left;
	font-size: 2em;
	text-decoration: italic;
	color:#444444;
	font-weight:bold;
}


.NoteBas
{
	background-image: url('img/NoteBas.png');
	background-position: top left;
	background-repeat: no-repeat;
	height: 13px;
	margin: 0 auto;
	padding: 0;
	width: 314px;
}
#BlocNote
{
	border: 1px solid rgb(167,167,167);
	border-collapse: collapse;
	font-size: 11px;
	margin: 0 auto;
	width: 260px;
}
#BlocNote tr
{
	margin: 0;
	padding: 0;
}
#BlocNote td
{
	border: 1px solid rgb(167,167,167);
	margin: 0;
	padding: 0.25em;
}
#BlocNote th
{
	border: 1px solid rgb(167,167,167);
	font-weight: normal;
	margin: 0;
	padding: 0.25em;
	text-align: center;
}
table.cadre th a
{
	color: white;
}
#Colonne
{
	
	margin: 0;
	padding: 1px 0; 
	width: 333px; 
}
#FinColonne
{
	
	height: 16px;
	margin: 0;
	padding: 1px 0;
	width: 333px; 
}
#rechercheAvancee{
	display:none;
}

.support
{
	color: rgb(50,50,75);
	font-size: 10px;
	margin: 0.5em;
	padding: 0;
	text-align: center;
}
a.teleintervention
{
	text-decoration: none;
}
a.teleintervention:hover
{
	text-decoration: underline;
}
a.nolink:link, a.nolink:visited, a.nolink:active
{
	color: black;
	text-decoration: none;
}
.style_debug {
	background:lightgreen;
	border-style:dotted;
	border-color:blue;
	border-width:1px 1px 1px 1px;
}


        .button-success,
        .button-error,
        .button-warning,
        .button-secondary {
            color: white;
            border-radius: 4px;
            text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
			min-width:120px;
        }

        .button-submit{
			background: navy;
			color: white;
            border-radius: 4px;
            text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
			min-width:120px;
        }	
		
		
		.button-primary {
            background: #9E9D24; /* this is a green */
			color: white;
            border-radius: 4px;
            text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
			min-width:120px;
        }
		
		.button-success {
            background: rgb(28, 184, 65); /* this is a green */
        }

        .button-error {
            background: #ff7f11; /* this is a maroon */
        }

        .button-warning {
            background: rgb(223, 117, 20); /* this is an orange */
        }

        .button-secondary {
            background: #90bede; /* this is a light blue */
        }

		#table_id{
		z-index:-10;
		}
		
		@font-face {
      font-family: 'fontello';
      src: url('fontello/font/fontello.eot?36660502');
      src: url('fontello/font/fontello.eot?36660502#iefix') format('embedded-opentype'),
           url('fontello/font/fontello.woff?36660502') format('woff'),
           url('fontello/font/fontello.ttf?36660502') format('truetype'),
           url('fontello/font/fontello.svg?36660502#fontello') format('svg');
      font-weight: normal;
      font-style: normal;
    }
	
	.demo-icon
    {
      font-family: "fontello";
      font-style: normal;
      font-weight: normal;
      speak: none;
     
      display: inline-block;
      text-decoration: inherit;
      width: 1em;
      margin-right: .2em;
      text-align: center;
      /* opacity: .8; */
     
      /* For safety - reset parent styles, that can break glyph codes*/
      font-variant: normal;
      text-transform: none;
     
      /* fix buttons height, for twitter bootstrap */
      line-height: 1em;
     
      /* Animation center compensation - margins should be symmetric */
      /* remove if not needed */
      margin-left: .2em;
     
      /* You can be more comfortable with increased icons size */
      /* font-size: 120%; */
     
      /* Font smoothing. That was taken from TWBS */
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
     
      /* Uncomment for 3D effect */
      /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
    }
	
	.icon-link{
		font-family: "fontello";
		color:#555555;
		font-size: 16px;
		
	}
	
	.icon-link:hover{
		font-family: "fontello";
		color:#0d8be8;
		text-decoration:none;
		text-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
	}