/* <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto%20Condensed"> */
@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&display=swap');																	 
body
{
	background-color: #f7f7f7;
	//background-image: url('img/degrade2000.jpg');
	//background-position: top center;
	//background-repeat: repeat-x;
	color: black;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	padding: 0;
}

.medium {
  font-size: 220%;
  background-color: #000000;
  border-radius: 12px;
  color:#d5d5d5;
  padding:8px 15px 8px 15px;
}
.big {
  font-size: 250%;
  color:#DDDDDD;
}

.rolloverIcon:hover {
  color:#76b72a;
}

.iconSelected {
  color:#FFFFFF;
}

.tool {
  color:#555555;
}

.side {
display:inline-block;
padding-right : 20px;
} 

.banner{
	background-color: #333333;
	width : 100%;
	padding-left : 30px;
	padding-right : 30px;
	padding-top : 20px;
	padding-bottom : 20px;
}

.bottom{
	background-color: #596166;
	width : 100%;
	padding-left : 30px;
	padding-right : 30px;
	padding-top : 20px;
	padding-bottom : 20px;
}


.bannerLight{
	background-color: #DDDDDD;
	width : 100%;
	padding-left : 30px;
	padding-right : 30px;
	padding-top : 20px;
	padding-bottom : 20px;
}

.contenu{
	padding-top : 0px;
	padding-bottom : 0px;
	padding-left : 30px;
	padding-right : 30px;
	
}

.pave{
	padding-top : 0px;
	padding-bottom : 0px;
	padding-left : 0px;
	padding-right : 0px;
	background-color : white;
	border: 2px solid black;
	border-radius: 5px;
	margin: 10px 10px 10px 10px;
	min-height:110px;
}

.titrePave
{
	font-size: 14px;
	font-weight: bold;
	color:#72797d;
	text-transform: uppercase; 
}

.infoPave
{
	font-style: italic;
	font-size: 90%;
}

a:link, a:visited, a:active
{
	color: #76b72a;
	font-size: 20px;
	/* font-weight: bold; */
	text-decoration: none;
}
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(128,128,128);
	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(0,224,0);
	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);
}

a.lien
{
	color: #C2FF27;
}

.formwhite{
	font-size: 14px;
	font-weight: bold;
	color:#72797d;
}
.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);
}
.TitreRubrique
{
	font-size: 14px;
	font-weight: bold;
	color:#72797d;
	text-transform: uppercase; 
}

.SousTitreRubrique
{
	font-size: 14px;
	font-weight: bold;
	color:#72797d;
}

.footer
{
	font-size: 16px;
	font-weight: bold;
	color:#111111;
	height : 80px; 
	text-align : center;
}

.basPage
{
	font-size: 16px;
	/* font-weight: bold; */
	font-family: 'Bebas Neue', sans-serif !important;
	letter-spacing: 0.5px;
	color:white;
	text-align : center;
	
	background-color: #333333;
	margin-top: 20px;
	padding-top:20px;
	padding-bottom:20px;
	
}

.rubrique
{
	text-align:center;
	padding-bottom:20px;
	padding-top:20px;
	border-bottom: thin solid #dddddd;
}

.Bloque
{
	background-color:rgb(0,224,0);
}

#NbreLignes
{
	font-size: 10px;
	font-style: italic;
	padding: 0.5em;
}
/* D but du menu */
.navText
{
	font-family: 'Bebas Neue', sans-serif;
	font-size: 24px !important;
	vertical-align : bottom !important;
	margin-right:50px;
	color:#eeeeee !important;
}

.navText:hover
{
	color:#eeeeee !important;
}

.currentMenu
{
	color: #76b72a !important;
}
#navmenu
{
	color: white;
	font-size: 20px;
	font-weight: bold;
	height: 28px;
	margin: 75px 5px 30px 181px;
	padding: 0;
	width: 730px;
}
#navmenu a:link, #navmenu a:visited, #navmenu a:hover
{
	border: 0;
	color: rgb(255,255,255);
	display: inline;
	font-size: 11px;
	font-weight: bold;
	line-height: 25px;
	margin: 0;
	padding: 7px 4px 6px 4px;
	text-decoration: none;
}
#navmenu a:hover
{
	color: rgb(152,204,255);
	text-decoration: underline;
}
#navmenu li
{
	background-image: url("img/OngletMenu-2.gif");
	background-repeat: no-repeat;
	background-position: center center;
	float: left;
	height: 23px;
	list-style: none;
	margin: 0;
	padding: 5px 1px 0 1px;
	text-align: center;
	width: 144px;
}
#navmenu ul
{
	border: rgb(127,127,127) solid 1px;
	display: none;
	margin: 0 0 0 0;
	padding: 0;
	position: absolute;
	width: 190px;
	z-index: 999;
}
#navmenu ul li
{
	background: rgb(75,75,75);
	background-image: none;
/*	border-left: rgb(172,220,247) solid 3px;*/
	border-right: none;
	float: none;
	height: 24px;
	padding: 1px 0 0 0;
	width: 190px;
	z-index: 1000;
}
#navmenu li.separation
{
	border-top: rgb(127,127,127) solid 1px;
}
/* Fin du menu */
/* 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
{
	background-image: url('img/banner171.jpg');
	background-position: top right;
	background-repeat: no-repeat;
	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
{
	display: block;
	margin: 10px auto;
}
#contenu
{
	border: rgb(202,202,202) solid 1px;
	margin: 40px 10px 10px 10px;
	padding: 0 0 10px 0;
	text-align: center;
}
#contenu h3
{
	background-image: url('img/OngletMenu-1.gif');
	background-position: bottom left;
	background-repeat: repeat;
	color: rgb(18,152,202);
	font-size: 16px;
	font-weight: bold;
	margin: 0 0 1em 0;
	padding: 1em;
	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;
}
.NoteContenu
{
	background-image: url('img/NoteContenu.png');
	background-position: center left;
	background-repeat: repeat-y;
	margin: 0 auto;
	padding: 0 10px 3px 10px;
	text-align: center;
	width: 294px;
}
.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
{
	background-image: url('img/ColDroite.png');
	background-position: bottom left;
	background-repeat: repeat-y;
	margin: 0;
	padding: 1px 0; 
	width: 333px; 
}
#FinColonne
{
	background-image: url('img/FinColDroite.png');
	background-position: top left;
	background-repeat: no-repeat;
	height: 16px;
	margin: 0;
	padding: 1px 0;
	width: 333px; 
}
.support
{
	color: rgb(50,50,75);
	font-size: 10px;
	margin: 0.5em;
	padding: 0;
	text-align: center;
}
a.teleintervention
{
	color: rgb(50,50,75);
	text-decoration: none;
}
a.teleintervention:hover
{
	color: rgb(50,50,75);
	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;
}

.style_alert {
	background:orange;
	border-style:dotted;
	border-color:yellow;
	border-width:1px 1px 1px 1px;
	padding:10px;
}

.style_error {
	background:red;
	color:white;
	font-weight: bold;
	border-style:dotted;
	border-color:blue;
	border-width:1px 1px 1px 1px;
}
.bouton2 {
   border: 1px solid #31400a;
   background: #72797d;
   padding: 10.5px 21px;
   -webkit-border-radius: 6px;
   -moz-border-radius: 6px;
   border-radius: 6px;
   -webkit-box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(255,255,255,0.4) 0 1px 0;
   -moz-box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(255,255,255,0.4) 0 1px 0;
   box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(255,255,255,0.4) 0 1px 0;
   text-shadow: #5f8399 0 1px 0;
   color: white;
   font-size: 25px;
   letter-spacing: 0.5px;
   font-family: 'Bebas Neue', sans-serif;
   text-decoration: none;
   vertical-align: middle;
   }
   
 .bouton2:hover {
   border: 1px solid #607f13;
   text-shadow: #1e4158 0 1px 0;
   background: #8ac249;
   background: -webkit-gradient(linear, left top, left bottom, from(#607f13), to(#607f13));
   background: -webkit-linear-gradient(top, #607f13, #607f13);
   background: -moz-linear-gradient(top, #607f13, #607f13);
   background: -ms-linear-gradient(top, #607f13, #607f13);
   background: -o-linear-gradient(top, #607f13, #607f13);
   background-image: -ms-linear-gradient(top, #607f13 0%, #607f13 100%);
   text-decoration: none;
   color: white;
   }
   
   .boutonWarning {
   border: 1px solid #31400a;
   background: red;
   padding: 10.5px 21px;
   -webkit-border-radius: 6px;
   -moz-border-radius: 6px;
   border-radius: 6px;
   -webkit-box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(255,255,255,0.4) 0 1px 0;
   -moz-box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(255,255,255,0.4) 0 1px 0;
   box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(255,255,255,0.4) 0 1px 0;
   text-shadow: #5f8399 0 1px 0;
   color: white;
   font-size: 13px;
   font-family: helvetica, serif;
   text-decoration: none;
   vertical-align: middle;
   }
   
 .boutonWarning:hover {
   border: 1px solid orange;
   text-shadow: orange 0 1px 0;
   background: orange;
   
   text-decoration: none;
   color: white;
   }
   
.bouton {
   border: 1px solid #8ac249;
   background: #76b72a;
   padding: 10.5px 21px;
   -webkit-border-radius: 6px;
   -moz-border-radius: 6px;
   border-radius: 6px;
   -webkit-box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(255,255,255,0.4) 0 1px 0;
   -moz-box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(255,255,255,0.4) 0 1px 0;
   box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(255,255,255,0.4) 0 1px 0;
   text-shadow: #5f8399 0 1px 0;
   color: white;
   font-size: 20px;
   letter-spacing: 0.5px;
   font-family: 'Bebas Neue', sans-serif;
   text-decoration: none;
   vertical-align: middle;
   }
   
 a.bouton {
	  color: white;
 } 
.bouton:hover {
   border: 1px solid #607f13;
   text-shadow: #1e4158 0 1px 0;
   background: #76b72a;
   background: -webkit-gradient(linear, left top, left bottom, from(#607f13), to(#607f13));
   background: -webkit-linear-gradient(top, #607f13, #607f13);
   background: -moz-linear-gradient(top, #607f13, #607f13);
   background: -ms-linear-gradient(top, #607f13, #607f13);
   background: -o-linear-gradient(top, #607f13, #607f13);
   background-image: -ms-linear-gradient(top, #607f13 0%, #607f13 100%);
   color: #0dff09;
   }
.bouton:active {
   text-shadow: #1e4158 0 1px 0;
   border: 1px solid #c2ff27;
   background: #31400a;
   background: -webkit-gradient(linear, left top, left bottom, from(#31400a), to(#607f13));
   background: -webkit-linear-gradient(top, #31400a, #31400a);
   background: -moz-linear-gradient(top, #31400a, #31400a);
   background: -ms-linear-gradient(top, #31400a, #31400a);
   background: -o-linear-gradient(top, #31400a, #31400a);
   background-image: -ms-linear-gradient(top, #31400a 0%, #31400a 100%);
   color: #c2ff27;
   }