/*COULEUR
BLEU : 	#12417e
ORANGE:	#e48c31

*/



/*///POLICE//////*/

@font-face {
	font-family: "open sans";
	src: url('font/OpenSans-Regular.ttf');
}

@font-face {
	font-family: "open sans semi bold";
	src: url('font/OpenSans-Semibold.ttf');
}

@font-face {
	font-family: "montserrat";
	src: url('font/Montserrat-Regular.ttf');
}

@font-face {
	font-family: "montserrat bold";
	src: url('font/Montserrat-Bold.ttf');
}

/*///HEADER//////*/
* 
{
margin: 0;
padding: 0;
}

header
{
margin-bottom: 25px;	
}

header .menu1
{
background-color: #12417e;
height: 60px;
}

header .menu1 ul
{
display : flex;
list-style: none;
float:right;
margin-right : 100px;
}

header .menu1 ul li
{
padding-top:18px;
flex: 1 1 auto;
text-align: center;
position: relative;
padding-left:20px;
}


header .menu1 a
{
text-decoration : none;
color: white;
font-family: "open sans semi bold";
font-size: 13px;
letter-spacing: 1px;
line-height: 25px;
text-decoration-style: solid;
text-transform: uppercase;	
transition: all .3s ease;
padding: 10px;
}

header .menu1 .menuadmin:hover
{
background-color : #e48c31;
color:white;
}

header .logopc
{
background-color: #ffffff;
height: 100px;
text-align: center;
padding:10px;
}

header .menu2
{
background-color: #12417e;
height: 60px;
}

header .menu2 ul
{
display : flex;
list-style: none;
}

header .menu2 ul li
{
padding-top:18px;
flex: 1 1 auto;
text-align: center;
position: relative;
}

header .menu2 a
{
text-decoration : none;
color: white;
font-family: "open sans semi bold";
font-size: 13px;
letter-spacing: 1px;
line-height: 25px;
text-decoration-style: solid;
text-transform: uppercase;	
transition: all .3s ease;
}

header .menu2 a:hover
{
color : #297ee8;
border-bottom: 1px solid white;
}

/***********************************************************************/

/* /// PAGES  ///  */


.flexrow
{
display:flex;
flex-direction:row;	
}

.flexcolumn
{
display:flex;
flex-direction:column;	
}

.flexgrow
{
flex-grow: 1	
}


/* /// Page Association  ///  */
.tbasso
{
font-family: "open sans";
color : #12417e;
letter-spacing: 1px;
border-collapse : separate;
border-spacing : 10px 10px;
margin-right: 100px;	
}

.tbasso th
{
border:none;	
}

.tbasso .tbchp
{
font-family: "open sans";
font-size: 14px;
line-height: 16px;
color: #222;
background: #CCCCCC;
border: none;
box-shadow: none;
outline: 0;
padding: 8px 15px 7px;
border-radius: 0;
transition: all .3s ease;
box-sizing: border-box;
width: 100%;
height: 35px;	
}


/* /// Page Accès  ///  */
.tableacces, .tableacces2
{
font-family: "open sans";
color : #12417e;
letter-spacing: 1px;
border-collapse : separate;
border-spacing : 10px 10px;
margin-right: 100px;	
}

.tableacces th,.tableacces2 th
{
border:none;	
}

.tableacces2 .tbchp
{
font-family: "open sans";
font-size: 14px;
line-height: 16px;
color: #222;
background: #CCCCCC;
border: none;
box-shadow: none;
outline: 0;
padding: 8px 15px 7px;
border-radius: 0;
transition: all .3s ease;
box-sizing: border-box;
width: 100%;
height: 35px;	
}

/* /// Page Secteurs  ///  */

.tbsecteur
{
font-family: "open sans";
color : #12417e;
letter-spacing: 1px;
border-collapse : separate;
border-spacing : 10px 10px;
margin-right: 100px;	
}

.tbsecteur th
{
border:none;	
}

.tbsecteur .tbchp
{
font-family: "open sans";
font-size: 14px;
line-height: 16px;
color: #222;
background: #CCCCCC;
border: none;
box-shadow: none;
outline: 0;
padding: 8px 15px 7px;
border-radius: 0;
transition: all .3s ease;
box-sizing: border-box;
width: 100%;
height: 35px;	
}

/* /// Page Moyen  ///  */

.tbmoyen
{
font-family: "open sans";
color : #12417e;
letter-spacing: 1px;
border-collapse : separate;
border-spacing : 10px 10px;
margin-right: 100px;	
}

.tbmoyen th
{
border:none;	
}

.tbmoyen .tbchp
{
font-family: "open sans";
font-size: 14px;
line-height: 16px;
color: #222;
background: #CCCCCC;
border: none;
box-shadow: none;
outline: 0;
padding: 8px 15px 7px;
border-radius: 0;
transition: all .3s ease;
box-sizing: border-box;
width: 100%;
height: 35px;	
}

/* /// Page Annuaire  ///  */

.tbannuaire
{
font-family: "open sans";
color : #12417e;
letter-spacing: 1px;
border-collapse : separate;
border-spacing : 10px 10px;
margin-right: 100px;	
}

.tbannuaire th
{
border:none;	
}

.tbannuaire .tbchp
{
font-family: "open sans";
font-size: 14px;
line-height: 16px;
color: #222;
background: #CCCCCC;
border: none;
box-shadow: none;
outline: 0;
padding: 8px 15px 7px;
border-radius: 0;
transition: all .3s ease;
box-sizing: border-box;
width: 100%;
height: 35px;	
}


/* /// Page DPS  ///  */

.columnpagedps
{
display:flex;
flex-direction:column;
}

.columnpagedps .bleft
{
padding-left:5px;
/*border-left: 2px solid #e48c31 ;*/
margin-right:50px;	
font-family: "open sans";
}

.htpage
{
margin: 0;
padding: 0;
background-color: #f2f2f2;
margin-top:-30px;
padding-top:30px;
}

.htpage2
{
margin: 0;
padding: 0;
background-color: #f2f2f2;
margin-top:30px;
}

.baspage
{
margin: 0;
padding: 0;
background-color: #f2f2f2;
}

.tbnvodispo
{
border-collapse : separate;
border-spacing : 0px 10px;	
}

.tbnvodispo .tbchp
{
font-family: "open sans";
font-size: 14px;
line-height: 16px;
color: #222;
background: #CCCCCC;
border: none;
box-shadow: none;
outline: 0;
padding: 8px 15px 7px;
border-radius: 0;
transition: all .3s ease;
box-sizing: border-box;
width: 100%;
height: 35px;	
}

.tbnvodispo .tbchp2
{
font-family: "open sans";
font-size: 14px;
line-height: 16px;
color: #222;
background: #CCCCCC;
border: none;
box-shadow: none;
outline: 0;
padding: 8px 0px 7px;
border-radius: 0;
transition: all .3s ease;
box-sizing: border-box;
width: 40px;
}	

.listedps
{
float:left;	
margin-right:30px;
margin-bottom:30px;
}

/* /// Page Gestion Victime  ///  */
.tablevictime
{
margin-bottom: 10px;	
}

.tablevictime th
{
border:none;
}


/* /// Page Gestion evenement  ///  */
.tableevent
{
text-align:center;
table-layout: fixed;
width: 100%;
border-collapse: collapse;
border: 3px solid #FFFFFF;
}

.tableevent th
{
border:none;
letter-spacing: 2px;
font-family : open sans semi bold;
}

.tableevent tr
{
text-align:center;
font-family : open sans;
letter-spacing: 1px;
}

.tableevent tbody tr:nth-child(odd) {
  background-color: #FFFFFF;
}

.tableevent tbody tr:nth-child(even) {
  /*background-color: #EFEFEF1;*/
}

.tableevent thead th:nth-child(1) {
  width: 20%;
}

.tableevent thead th:nth-child(2) {
  width: 15%;
}

.tableevent thead th:nth-child(3) {
  width: 15%;
}

.tableevent thead th:nth-child(4) {
  width: 15%;
}

.tableevent thead th:nth-child(5) {
  width: 30%;
}

.tableevent thead th:nth-child(6) {
  width: 5%;
}

.tableevent th, td {
  padding: 5px;
}

.tableevent .tbchp
{
font-family: "open sans";
font-size: 14px;
color: #222;
background: #EFEFEF1;
border: none;
box-shadow: none;
border-radius: 0;
transition: all .3s ease;
box-sizing: border-box;	
padding: 4px 8px 3px;
}

.tableevent .tbchp2
{
font-family: "open sans";
font-size: 14px;
color: #222;
background: #EFEFEF1;
border: none;
box-shadow: none;
outline: 0;
padding: 4px 8px 3px;
border-radius: 0;
transition: all .3s ease;
box-sizing: border-box;
width: 100%;
}


/*///Page de Connexion//////*/


.par_menuconnexion
{
text-align:center;	
}

.menuconnexion
{
text-align: left;
margin: 0 auto;
width: 500px; 
margin-top:20px;	
	
}

.titreh1
{
color: #12417e;
font-family: "Montserrat Bold" ;
font-size: 32px ;
line-height: 1.1;
font-weight: bold;
}

.titreh1::after
{
content: '';
display: block;
width: 67px;
height: 5px;
border-radius: 0;
background: #e48c31;
margin: 14px 0 0;
}

.tbconn
{
margin-top:40px;	
width: 500px;
border-collapse : separate;
border-spacing : 0px 10px;
}

.tbconn .tbchp
{
font-family: "open sans";
font-size: 14px;
line-height: 18px;
color: #222;
background: #CCCCCC;
border: none;
box-shadow: none;
outline: 0;
padding: 16px 30px 15px;
border-radius: 0;
transition: all .3s ease;
box-sizing: border-box;
width: 100%;
height: 49px;
}



.bouton
{
text-decoration: none;
padding: 10px 25px;
line-height: 23px;
font-weight: 600;
outline: 0 !important;
font-family: "open sans";
font-size: 14px;
padding: 9px 21px 7px;
border-radius: 4px;
background: #e48c31;
border: 3px solid #e48c31;
border-color: rgb(228, 140, 49);
color: #ffffff;
line-height: 23px;
transition: all .3s ease;
}

.bouton:hover
{
background: #12417e ;
color: white;
border: 3px solid #12417e;
}

.bouton2
{
text-decoration: none;
line-height: 15px;
font-weight: 600;
outline: 0 !important;
font-family: "open sans";
font-size: 12px;
padding: 1px 7px 2px;
border-radius: 4px;
background: #e48c31;
border: 3px solid #e48c31;
border-color: rgb(228, 140, 49);
color: white;
line-height: 23px;
transition: all .3s ease;
}

.bouton2:hover
{
background: #12417e ;
color: white;
border: 3px solid #12417e;
}

.rterreurconn
{
font-family: "montserrat bold";
font-size:20px;
text-transform: uppercase;	
color: #e48c31;
}

/***************************************************************************************************/

/*///Pages//////*/

h4
{
color: #12417e;
font-family: "Montserrat" ;
font-size: 16px ;
line-height: 1.1;
font-weight: bold;	
}

.page
{
padding-left:150px;
padding-right:50px;
}

h2
{
color: #12417e;
font-family: "Montserrat" ;
font-size: 24px ;
line-height: 1.1;
font-weight: bold;
}

h2::after
{
content: '';
display: block;
width: 67px;
height: 5px;
border-radius: 0;
background: #e48c31;
margin: 22px 0 0;	
}

h3
{
color: #12417e;
font-family: "Montserrat" ;
font-size: 18px ;
line-height: 1.1;
font-weight: bold;
}

h3::after
{
content: '';
display: block;
width: 67px;
height: 5px;
border-radius: 0;
background: #e48c31;
margin: 10px 0 0;	
}
/* ///   Page Accueil  /// */

.divcenter
{
margin-bottom:50px;

}

.statmenu
{
font-family:"open sans";
}

.tablestat
{
font-family:"open sans";
}

.tablestat td,th
{
border:1px solid #12417e;
padding:5px;
text-align:center;
font-size : 14px;
}

.tablestat th
{
background-color: #12417e;
color : white;
}

.tbvic1
{
border-collapse : separate;
border-spacing : 10px 10px;	
}

.tbvic1 th
{
border:none;	
}

.tbvic1::after
{
content: '';
display: block;
width: 67px;
height: 5px;
border-radius: 0;
background: #e48c31;
margin: 22px 0 0;	
}

.tbvic1 .tbchp
{
font-family: "open sans";
font-size: 14px;
color: #222;
background: #CCCCCC;
border: none;
box-shadow: none;
outline: 0;
padding: 4px 8px 3px;
border-radius: 0;
transition: all .3s ease;
box-sizing: border-box;
width: 100%;
height: 30px;
}

.tbvic1 .tbchp2
{
font-family: "open sans";
font-size: 14px;
color: #222;
background: #CCCCCC;
border: none;
box-shadow: none;
outline: 0;
padding: 4px 8px 3px;
border-radius: 0;
transition: all .3s ease;
box-sizing: border-box;
width: 100%;
}

.tbeven
{
border-collapse : separate;
border-spacing : 10px 10px;	
}

.tablevictime
{
font-family: "open sans";
font-size:12px;	
border-collapse : separate;
border-spacing : 5px 10px;	
text-align:center;
}

.tablevictime th
{
font-family: "open sans semi bold";
text-transform: uppercase;

}

.tablevictime .td1
{
width:25px;
}

.tablevictime .td1::after
{
content: '';
display: block;
height: 2px;
border-radius: 0;
background: #e48c31;
margin: 10px 0 0;	
}


.tablevictime .td2
{
width:50px;
}

.tablevictime .td3
{
width:70px;
}

.tablevictime .td4
{
width:50px;
}

.tablevictime .td5
{
width:25px;
}

.tablevictime .td5-2
{
width:175px;
}

.tablevictime .td6
{
width:75px;
}

.tablevictime .td7
{
width:75px;
}

.tablevictime .td8
{
width:75px;
}

.tablevictime .td9
{
width:300px;
}

/*  ///   Page PEC  ///   */
.tbpec .tbchp
{
font-family: "open sans";
font-size: 14px;
color: #222;
background: #CCCCCC;
border: none;
box-shadow: none;
outline: 0;
padding: 4px 8px 3px;
border-radius: 0;
transition: all .3s ease;
box-sizing: border-box;
width: 100%;
height: 30px;	
}

/*  ///   Page Admin  ///   */
.tbadmin
{
font-family: "open sans";
color : #12417e;
letter-spacing: 1px;
border-collapse : separate;
border-spacing : 10px 10px;
margin-right: 100px;
}

.tbadmin a
{
text-decoration:none;
color : #12417e;
transition: all .3s ease;
}

.tbadmin .ahover:hover
{
border-top: 4px solid #e48c31;
border-bottom: 4px solid #12417e;
}
/*  ///    Page Gestion Moyen  ///   */

.tbpf
{
font-family: "open sans";
color : #12417e;
letter-spacing: 1px;
border-collapse : separate;
border-spacing : 10px 0px;
}

.boxgmoyen
{
margin-top: 15px;
margin-right:5px;
padding:5px;
border: 1px solid #12417e;
width:400px;
}

/*  ///   Page Bilan  ///   */

.tbbilan
{
display: flex;
font-family:'open sans';	
color: #12417e;
border: 1px solid #12417e;
flex: auto;
width: 90%;
}

.tbbilan .tbchp
{
font-family: "open sans";
font-size: 14px;
color: #222;
background: #EDEDED;
border: none;
box-shadow: none;
border-radius: 0;
transition: all .3s ease;
box-sizing: border-box;	
padding: 4px 8px 3px;
}

.tbbilan .tbchp2
{
font-family: "open sans";
font-size: 14px;
color: #222;
background: #FEF3E8;
border: none;
box-shadow: none;
border-radius: 0;
transition: all .3s ease;
box-sizing: border-box;	
padding: 4px 8px 3px;
}

.tbbilan .tbchp3
{
font-family: "open sans semi bold";
}

.tbbilan .tbchp4
{
opacity: 0.5;
}


.tbbilan .titrebilan
{
font-family: "open sans semi bold";	
background-color:#fac58f;
}

.titrebilan .div1
{
font-family: "open sans";
margin-left: 15px;
margin-right: 15px;	
}

.titrebilan .div2
{
font-family: "open sans";
color: #ed1c24;
margin-right: 15px;	
}

.div3
{
height:30px;	
}

.tbbilan .tbchpta
{
font-family: "open sans";
font-size: 14px;
color: #222;
background: #EDEDED;
border: none;
box-shadow: none;
border-radius: 0;
transition: all .3s ease;
box-sizing: border-box;	
padding: 4px 8px 3px;
width:100px;	
}