@charset "UTF-8";
@font-face {
    font-family: 'BebasNeueRegular';
    src: url('fonts/BebasNeue-webfont.eot');
    src: url('fonts/BebasNeue-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/BebasNeue-webfont.woff') format('woff'),
         url('fonts/BebasNeue-webfont.ttf') format('truetype'),
         url('fonts/BebasNeue-webfont.svg#BebasNeueRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Centabel';
    src: url('fonts/Oswald-SemiBold.ttf');
}

@font-face {
    font-family: 'GeosansLight';
    src: url('fonts/GeosansLight.ttf');
}
@font-face {
    font-family: 'FontomasCustomRegular';
    src: url('fonts/fontomas-webfont.eot');
    src: url('fonts/fontomas-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/fontomas-webfont.woff') format('woff'),
         url('fonts/fontomas-webfont.ttf') format('truetype'),
         url('fonts/fontomas-webfont.svg#FontomasCustomRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'FranchiseRegular';
    src: url('fonts/franchise-bold-webfont.eot');
    src: url('fonts/franchise-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/franchise-bold-webfont.woff') format('woff'),
         url('fonts/franchise-bold-webfont.ttf') format('truetype'),
         url('fonts/franchise-bold-webfont.svg#FranchiseRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

/******************HEADER*********************/
h1{
	font-family: GeosansLight;
	color : white;
	font-size: 25px;
	/*margin-top: 20px;
	/*
	padding: 0px;
	margin-top: 0px;
	margin-top: 100px;*/
}
h2{
	font-size: 25px;
	font-family: 'Centabel';
}
#infoPonctuel {
	 margin-top: 20px;
	 text-align: center;
	 min-height : 40px;
	 padding-top:5px; 
	 font-size: 17px;
	 background-color: #D6E9C6;
	 box-shadow: 0 1px 2px 0 rgba(0,0,0,0.16),0 1px 5px 0 rgba(0,0,0,0.12)!important;
}
.navbar-default {
		    background-color: rgb(47,154,222);/*#00BFFF*/
		    margin-top: 35px;
		    min-height:80px;


		    
		    /*line-height:80px;*/

		}
.navAgent {
		    margin-top: 0px;
		    background-color: #210A5C;
}

.navbar .navbar-default .navbar-brand {
			    color: white;
			    font-size: 84px;

		}

.navbar-default .navbar-nav > li > a {
			    color: white;
			   
}
.navbar-right {
		padding-top: 15px;
}

#infoCompte > li > a {
	color: white;
}
.navbar-brand {
  padding: 0px;
}
.navbar-brand>img {
  height: 80px;
  width:  80px;
}
/*Traitement de l'affichage responsive
On traite l'affichage sur tablette 
Réduction de la taille de la police du titre et des élément du menu
*/
.navbar-header .navbar-toggle .icon-bar {
		background-color: white;
}
.navbar-header .navbar-toggle:hover .icon-bar, .navbar-header .navbar-toggle:focus .icon-bar {
		 background-color: rgb(47,154,222);
}

.navbar-header .navbar-toggle:hover, .navbar-header .navbar-toggle:focus  {
	background-color: #FFFFFF;

}
.navbar-toggle{
	margin-top: 25px;

}

#cmpt:hover, #cmpt:focus{
	color : white;
	border-bottom: 2px solid #ecf0f1;
	background-color: transparent;
}
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover {
    color: white;
    background-color:transparent;
}
#doss:focus{
	border : none;
}
#out, #doss, #dossUnique {
	color :white;
}
#dossUnique:hover{
	color :white;
	border-bottom: 2px solid #ecf0f1;
	background-color: transparent;
}
#out:hover{
	color :white;
	border-bottom: 2px solid #ecf0f1;
	background-color: transparent;
}
#hmNon:hover{
	color: white;
}

#hm:hover{
	color : white;
	border-bottom: 2px solid #ecf0f1;
	background-color: transparent;
}
@media (min-width: 768px) and (max-width: 991px) { 
	h1{
		font-size: 18px;
	}
	.navbar-brand>img {
		  height: 65px;
		  width:  65px;
		}

 }
 /*Affichage sur ecran mobile*/
 @media (max-width: 575px) { 

 	.navbar-right .dropdown .dropdown-menu  a  {
 			color : white;
 	}

  }
@media (max-width:301px) { 

 	h1{
		font-size: 0px;
	}
 
  }

@media (max-width: 767px){

.navbar-default .navbar-nav .open .dropdown-menu>li>a {
    color: #f5f5f5;
	}
.navbar-default .navbar-nav .open .dropdown-menu>li>a:hover {
    color: #DCDCDC;
	}

}
/********************MENU DEROULANT********************/

#accordion .panel-heading{
	background-color: rgb(47,154,222);
	color: white;
}
#menuHome {
	 width: 100%;
	 background-color: rgb(47,154,222);
	 margin-top: 50px;
	 text-align: center;
	 list-style:none;

}
#menuHome  ul {
	 padding:0;
  	 margin:0;
  	 list-style:none;
  	 text-align: center;
	 background-color: white;
}
#menuHome li {
   background-color:rgb(47,154,222); 
   margin-bottom:2px;

}
#menuHome li a {
	 color : white;
	 font-size : 18px;
} 

#menuHome li li {
   max-height:0;
   overflow: hidden;
   transition: all 2s;
   border-radius:0;
   background: #3D9EF8;
   box-shadow: none;
   border:none;
   margin:0;

}
#menuHome a {
  display:block;
  text-decoration: none;
  color: #fff;
  padding: 8px 0;
  font-family: Centabel;

  font-size:1.2em;
}

#menuHome ul li a, #menuHome li:hover li a {
  font-size:1em
}
#menuHome li ul li a {
	 color : rgb(47,154,222);
	 font-size : 15px;
}
#menuHome li:hover{
	background-color: rgb(47,154,222);
	color : white;
	border : none;
}
/*
#menuHome li:focus{
	background-color: red;
	
}*/
#menuHome li>a:hover{
	background-color: rgb(47,154,222);
	color : white;
	border : none;
}

#menuHome li:hover li {
  max-height: 15em;
  background-color: white;
}

#menuHome li li >a:hover {
   background: #67C9DD;
}
/*Fin*/


/******************** FIN style MENU DEROULANT********************/
 #header-connecte {
	float : right;
	margin-right: 30px;
    position: relative;
    text-align: left;
	width:25%;
	padding: 4px;
	margin-top: -110px;
	text-align: left;
}
#header-connecte .panel-heading{
	background-color: #fdcd00;

}
#header-connecte .legende{
	padding-right: 0px;
	padding-left: 8px;
	margin-left: -7px;
	margin-bottom:2px;
	text-align: left;	
}

#titre-co{
	font-family: 'Tw Cen MT',Oswald, Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
	text-align:center;
	margin-left: auto;
	margin-right: auto;
	margin-top:-71px;
	margin-bottom:40px;
	margin-right: 115px;
}
.fleche{
	margin-top: 15px;
	margin-right: 4px;
	width: 2%;
	float: right;
	
}
.Deco{
	 text-decoration:none; 
	 color:red;
}

.Deco a:hover{
	color:rgb(167, 0, 0);
}

.Deco a:visited{
	color:red;
}


/********************PAGE********************/

body{
	font-family: 'Tw Cen MT',Oswald, Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
	background-color: white; 
	font-size : 15px;
	
}

body h3{
	font-family: 'Tw Cen MT',Oswald, Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
	font-size: 35px;
	line-height: 35px;
	position: relative;
	font-weight: 400;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.1);
    padding: 0px 0px 5px 0px;
}

html, body {
	margin: 0;
	padding: 0;
	height: 100%;
}

p{
	margin-left:25px;
	
}



.label {
	font-size : 13px;
}
.close{
	border:3px solid lightgrey;
}

.legende {
  border:3px solid #fdcd00;
  padding-right: 20px;
  margin-left: -13px;
  background-color:#fdcd00;
  width:100%;
  font-weight:bold;
  margin-top: -6px;
  margin-bottom:4px;
  }
.panel .panel-default{
	background-color:red;
}
.cli{
	border-bottom: 3px solid #fdcd00;
}
.myInfo .panel-body{
	background-color: rgba(211,211,211,0.5);
	box-shadow: 0 2px 4px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12)!important;
	
	}
#panCo{
	background-color:  rgb(47,154,222);
}
#panAssurance{
	background-color:  #fdcd00;
	color : black;
}
#panCoH {
	color:  white;
}
#titre {
	text-align:center;
	margin-left: auto;
	margin-right: auto;
}

#titre-principal {
	text-align:center;
	margin-left: auto;
	margin-right: auto;
	color:red;
	margin-top:-71px;
	margin-bottom:40px;
}
.pbFormMaintenance {
		color: red;
		text-align:center;
		font-weight:bold;
		font-size: 30px;
		margin-top : 100px;
		margin-bottom: 100px;
}
#page {
    background: rgba(255, 255, 255, 0.8);
    width: 880px;
    margin-left: auto;
    margin-right: auto;
    margin-top: -25px;
    padding-top: 25px;
    padding-left: 10px;
    padding-right: 10px;
    margin-bottom:25px;
    -moz-box-shadow: 0px 0px 15px 5px #656565;
    -webkit-box-shadow: 0px 0px 15px 5px #656565;
    -o-box-shadow: 0px 0px 15px 5px #656565;
    box-shadow: 0px 0px 15px 5px #656565;
    overflow:hidden;
    min-height: 100%;
    position : relative;
}

.corps{
	width: 750px;
	margin: 0px auto;
}

/*TABLEAU ECHEANCE*/
.table_compte thead {
	width: 100%;
}

.table_compte tbody {
	height: 410px;
	overflow-y: auto;
	width: 100%;
}


 .table_compte tr{
 	width: 100%;
 }

.table_compte thead, .table_compte tbody, .table_compte tr, .table_compte td, .table_compte th{
	display: inline-block;
}

.table_compte thead{
	background: #778899;
	color: #000000;
}

.table_compte tbody td, .table_compte thead > tr> th{
	float: left;
	border-bottom-width: 0;
}

.table_compte>tbody>tr>td, .table_compte>tbody>tr>th, .table_compte>tfoot>tr>td, .table_compte>tfoot>tr>th, .table_compte>thead>tr>td, .table_compte>thead>tr>th{
	padding: 5px;
	height: 40px;
	line-height: 32px;
	font-size : 15px;
}

.odd {
	background: #ffffff;
	color: #000;
}

.even {
	background: #efefef;
	color: #000;
}

.table_compte_scroll{
	height: 612px;
	overflow-y: scroll;
}

.table_compte_scroll::-webkit-scrollbar-track{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.9);
	border-radius: 10px;
	background-color: #444444;
}

 /*Affichage sur ecran mobile*/
  @media (max-width: 767px){
  	.table_compte>tbody>tr>td, .table_compte>tbody>tr>th, .table_compte>tfoot>tr>td, .table_compte>tfoot>tr>th, .table_compte>thead>tr>td, .table_compte>thead>tr>th{
	font-size : 8px;
	}

  }
  @media (min-width: 768px) and (max-width: 991px) { 
	.table_compte>tbody>tr>td, .table_compte>tbody>tr>th, .table_compte>tfoot>tr>td, .table_compte>tfoot>tr>th, .table_compte>thead>tr>td, .table_compte>thead>tr>th{
	font-size : 12px;
	}


 }
/*FIN TAB */
/***Barre de navigation***/
.menu { 
 background-color:#fdcd00;
 list-style:none; 
 width:100%; height:27px; 
 line-height:27px;
 margin:10px 0 0 0; 
 margin-left:-10px;
 }
.menu li { 
 float:left; 
 margin-left:10px;
}

.menu li a {
 display:block; 
 float:left; 
 height:27px; 
 line-height:27px; 
 color:#000AFF; 
 text-decoration:none; 
 font-family:arial, verdana, sans-serif; 
 text-align:center; 
 font-size:18px;
 padding:0 0 0 60px; 
 cursor:pointer; 
}

.menu li a:hover{
	color:rgb(66, 149, 255);
	text-shadow: 0 0 10px #fff;
}

.flotte {
float:left;
}
.menu li a b {
 float:left; 
 display:block; 
 padding:0 14px 0 7px;
}

.selecteur{
	background-color: transparent;
	max-width: 190px; 
}
.selecteur > option {
background-color: white;
color: rgb(66, 149, 255);

}

/********************formulaire********************/


 
.case{
	width:80%;
}

.col-xs-3 {
	padding-left: 0px;
}
label
{
   display: block; 
   width: 185px;
   float: left;
}


#Assurance {
	border:2px solid red;
	border-radius:8px;
	margin:4px;
}

.alerte{
	font-size:12px;
	color:red;
	font-weight: bold;
}
#pancoAll {
	margin-top: 50px;
	position :relative;
	margin-left:auto;
	margin-right:auto;
	
}

.form {
	position :relative;
	margin-left:auto;
	margin-right:auto;
	width:50%;
	
}

.probleme-form {
    color: red;
    font-weight: bold;
}

 .messagebox{
 	zoom:1;
	position:absolute;
	width:150px;
	margin-left:30px;
	border: 1px solid #fbeed5;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	background-color: #fcf8e3;
	padding:5px 10px;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
	color:#c09853;
}

.exist {
position:absolute;
	margin-left:30px;
	border: 1px solid #d6e9c6;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	background-color: #dff0d8;
	padding:5px 10px;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
	color:#468847;
}
.warn {
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
	color:#D89E00;

}
.nexist{
 	/*position:absolute;*/
	/*margin-left:30px;
	border: 1px solid #eed3d7;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	background-color: #f2dede;
	padding:5px 10px;*/
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
	color:#b94a48;
}

.jinf{
	padding: 0px;
	font-size: 100%;
	font-weight: normal;
	font-style: normal;
}

.cadrj{
	color: #000;
	padding: 1px 1px;
	background-color : #fdcd00;
	width :371px;
	margin-left:auto;
	margin-right:auto;
	
}
.pbForm {
	color : red;
	margin-top: 5px;
}
/*Nous contacter */
#contactMail fieldset {
	border: medium none;
	margin: 0 0 10px;
	min-width: 100%;
	padding: 0;
	width: 100%;

}
#contactMail {
	 border : solid;
	 border-color: rgb(47,154,222);
	padding:25px;
	
}
#contactMail input[type="text"],  #contactMail select, #contactMail textarea {
	width:100%;
	border:1px solid #CCC;
	background:#FFF;
	margin:0 0 7px;
	padding:10px;
}
#contactMail textarea {
	height:150px;
	max-width:100%;
  resize:none;
}
#contactMail button[type="submit"] {
	cursor:pointer;
	width:100%;
	border:none;
	background: rgb(47,154,222);
	color:#FFF;
	margin:0 0 5px;
	padding:15px;
	font-size:15px;
}
#contactMail button[type="submit"]:hover {
	background: #00BFFF;
	-webkit-transition:background 0.3s ease-in-out;
	-moz-transition:background 0.3s ease-in-out;
	transition:background-color 0.3s ease-in-out;
}
#contactMail > h4 {
	color: black;
	display: block;
	font-size: 30px;
	font-weight: 400;
}
.form-control {
	margin-bottom: 10px;
}

/********AFFICHAGE IMAGE AIDE******/

a.popinfo {
	position:relative;
	color:#396a86;
	text-decoration:none;
	font-family:arial, verdana, sans-serif; 
	text-align:right; 
	font-size:12px;

}
   
a.popinfo:hover {
	background: none; 
	z-index: 50; 
}
   
a.popinfo span { 
    display: none;
 }
   
a.popinfo:hover span {
      display: block; 
      /*position: absolute;*/
      margin-top: 20px; 
      /*left: 40px;*/
      font-family:arial, verdana, sans-serif; 
      text-align:justify; 
      font-size:12px;
      font-weight:normal;
      width:300px;
      color: green;
      /*background: white;
      padding: 5px;
      border: 1px solid #62c0f4;
      border-left: 10px solid #62c0f4;*/
   }
 
/********************PAGE DOSSIER********************/ 
  
.cloture{
	float: right!important;
	background-color:lightgrey;
	color:white;
	font-weight:bold;
	padding: 2px;
	margin-right: 12px;
}

.actif{
	
	font-weight:bold;

	
}


/********************PAGE CONTACT********************/

.charge {

	border:3px solid rgb(140, 240, 140);
	margin:5px;
	width : 92%;
	margin-bottom: 30px;
}

.charge h4{
	margin-top: 0px;
	background-color:rgb(140, 240, 140);
	margin-bottom: 5px;
	padding-bottom: 3px;
}

.ctx {
	border:3px solid rgb(13, 246, 255);
	margin:5px;
	width : 92%;
	margin-bottom: 30px;
}

.ctx h4{
	margin-top: 0px;
	background-color:rgb(13, 246, 255);
	margin-bottom: 5px;
	padding-bottom: 3px;
}


.gardien {
	border:3px solid rgb(255, 152, 152);
	margin:5px;
	width : 92%;
	margin-bottom: 30px;
}

.gardien h4{
	margin-top: 0px;
	background-color:rgb(255, 152, 152);
	margin-bottom: 5px;
	padding-bottom: 3px;
}


#listcharge{
	float : left;
	width:38%;
	height:530px;
}

#formContact{
	float: right;
	width: 58%;
}



/********************PAGE COMPTE********************/

.tete{
	text-align:center;
	display:inline-table;
 	width:104px;
}

.colonne{
	float:left;
	width:23%;
	border-radius:2px;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	padding-left:22px;
	padding-bottom:22px;
	background-color:rgb(252, 215, 147);
}

#Tab{
	float:left;
	width:100%;
	border-width: 2px;
	border-style: solid;
	border-color: rgb(252, 215, 147);
}
.odd {
	background: #ffffff;
	color: #000;
}

.ott {
	background: #efefef;
	color: #000;
}
.fixedHeader{
	background-color : rgb(185, 206, 250)
}

.Somme{
	text-align: right;
}
.tab_lib {
	text-align:center;
}

/****barre de defilement****/

.nav-box{
	overflow : auto;
	max-height:186px;
	
}

.list{
	padding-left:108px;
}

/********************FICHE CLIENT********************/

.info{
	border: 3px solid blue;
	color:blue;
	margin-left:auto;
	margin-right:auto;
	width:80%;
	margin-bottom : 12px;
	border-radius: 4px;
	font-weight: bold;
	text-align:center;
	box-shadow: 5px 5px 2px #888888;
}
.alert-warning {
	margin-left:auto;
	margin-right:auto;
	color : red;
	border-color: black;
	text-align:center;
	width:80%;
}
/********************POLICE********************/

.gras{
	font-weight: bold;
}


.attention{
	border:4px solid red;
	border-radius:4px;
	color: red;
	padding: 10px;
	width: 50%;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	background-color: rgb(255, 214, 0);
	font-weight: bold;
	margin-bottom: 10px;
	box-shadow: 5px 5px 2px #888888;
	
}

.libe{
	font-weight: bold;
}

.SPAM{
	color:red;
	text-decoration: underline;
	font-size:20px;
}

/*Porte Document */
@font-face {
	font-family: 'GeosansLight';
	src: url('fonts/GeosansLight.ttf');
}
		
ul {
	list-style:none;
}


	
	/*Version 2 du porte document*/
.glyphicon {
	margin-right: 10px;
}
#menu2 {
	padding:0;
	margin:0;
	list-style:none;
	width: 100%;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
     border-radius: 4px;
    -webkit-box-shadow: 0px 13px 23px -13px rgba(0,0,0,0.5);
    -ms-box-shadow: 0px 13px 23px -13px rgba(0,0,0,0.5);
    -moz-box-shadow: 0px 13px 23px -13px rgba(0,0,0,0.5);
    background-color:#778899;

}
#menu2 ul {
	padding:10px;
	margin:0;
		  /*text-align: right;*/
	background-color:#fff; 
}
#menu2 ul a{
	color : blue;
}
#menu2 li {
	border-bottom: 1px solid #CCC;	   
}
#menu2 li:last-child { border-bottom: 0; }
#menu2 li a {
	margin-top: 10px;
}
#menu2 li div {
	max-height: 300px;
	overflow-y: auto;
}
#menu2 a {
	display:block;
	text-decoration: none;
	color: #fff;
		
}
#menu2 .titreDoc{
	cursor: pointer;
	padding: 10px;
			  /*font-family: 'GeosansLight';
			 font-weight:bold;
			    font-size: 15px;*/
}

.submenu a{
	display: block;
	text-decoration: none;
	color: #d9d9d9;
	padding: 8px;
	padding-left: 42px;
	-webkit-transition: all 0.25s ease;
	-o-transition: all 0.25s ease;
	transition: all 0.25s ease;
	border-bottom: 1px solid #F5F5F5; 		  
			  /*font-size: 15px;*/
}
.submenu a:hover{
		background-color: #F5F5F5;
}
#menu2 .submenu li { border-bottom: 1px solid #000000; }


/***************footer***************/
#imgFooter {
	list-style:none;

	margin:auto;
	padding:0;
	text-align: center;

}
#imgFooter li {
	display:inline-block;

}
#imgFooter  a
{
	display:block;
	margin: 5px;
	padding:0 15px;
	

}
#footer {
    margin-bottom: 30px;
    clear: both;
    position: relative;
    width: 100%;
    margin-top:40px;
    overflow:auto;
    position: relative;
    bottom: 0; left: 0;
    width: 100%;
}

#footer-p{
	text-align:center;
}

#iso{
	width:30%;
	text-align:center;
	font-size:12px;
	float:left;
}

#financeur{
	float: right;
	width: 100%;
	text-align:center;
	font-size:12px;
}

#cnil{
	width: 100%;
	color: black;
	font-size:12px;
	text-align:center;
}
#cnil2{
	width: 100%;
	color: black;
	font-size:11px;
	text-align:center;
}



/***** DEBUT****/

/* Blink for Webkit and others
(Chrome, Safari, Firefox, IE, ...)
*/

@-webkit-keyframes blinker {
  from {opacity: 1.0;}
  to {opacity: 0.0;}
}
.blink{
	text-decoration: blink;
	-webkit-animation-name: blinker;
	-webkit-animation-duration: 1s;
	-webkit-animation-iteration-count:infinite;
	-webkit-animation-timing-function:ease-in-out;
	-webkit-animation-direction: alternate;
	color : red;
}