.st0{fill:#40a5f7;stroke:#EFF2F7;stroke-width:4;stroke-miterlimit:10;}
.st0:hover{fill:#196fb4;}

.st1{fill:#40a5f7;}
.st11{fill:#40a5f7;}
.st1:hover{fill:#196fb4;}

.st2{font-family:'Roboto';}

.st3{font-size:24px;}

.st5{fill:#40a5f7;stroke:#FFFFFF;stroke-width:0.6;}
.st5:hover{fill:#196fb4;}

.st6{fill:#C2B280;stroke:#FFFFFF;stroke-width:0.6;}
.st6:hover{fill:#F7819F;}


.st-6{fill:#F5A9BC;stroke:#FFFFFF;stroke-width:0.6;}
.st-6:hover{fill:#F7819F;}

.st7{fill:#F7819F;stroke:#FFFFFF;stroke-width:0.6;}
.st7:hover{fill:#F5A9BC;}


.st8{fill:#F5DA81;stroke:#FFFFFF;stroke-width:0.6;}
.st8:hover{fill:#DBA901;}

.st-9{fill:#DBA901;stroke:#FFFFFF;stroke-width:0.6;} 
.st-9:hover{fill:#F5DA81;}

.stw9{fill:mediumaquamarine;stroke:#FFFFFF;stroke-width:0.6;} 
.stw9:hover{fill:seagreen;}

.stx9{fill:seagreen;stroke:#FFFFFF;stroke-width:0.6;} 
.stx9:hover{fill:mediumaquamarine;}

.st9{fill:darkgreen;stroke:#FFFFFF;stroke-width:0.6;} 
.st9:hover{fill:black;}

.st-X{fill:gainsboro;stroke:#FFFFFF;stroke-width:0.6;} 
.st-X:hover{fill:whitesmoke;}

.stX{fill:lightskyblue;stroke:#FFFFFF;stroke-width:0.6;}
.stX:hover{fill:#40a5f7;}

/*

Pas de service déployé

Usages collaboratifs
Bibliothèque SI-Samu 365 (SF1)

Portail collaboratif déployé
+ gestion des patients sur les événements (SF2)

Préparation de la
mise en service OTN (SF3)

OTN en service

Positionnement en cours sur la trajectoire de déploiement du Bandeau de communication

OTN en service + Positionnement en cours sur la trajectoire de déploiement du Bandeau de communication

Bandeau de communication en cours de déploiement

OTN en service + Bandeau de communication en cours de déploiement
.stx9

Bandeau de communication SI-Samu en service
.st9

*/











* {
  box-sizing: border-box;
}

.g-overflow-hidden {
	overflow: hidden;
}

.g-container {
  width: 100%;
  margin-right: auto;
  margin-left: auto;
  padding-left: 15px;
  padding-right: .5rem;
  font-size: .9rem;
  overflow: hidden;
}

.g-container.g-navbar {
	float: left;
	padding: 0;
	background: #095a87;
}


/*.g-navbar a {
	background: #095a87;
	padding: .3rem 1.3rem .3rem .2rem;
	text-transform: uppercase;
	color: #ffffff;
	font-size: .8rem;
	letter-spacing: .1em;
	transition: background .3s ease-in-out;
}*/

.g-navbar p {
	background: #095a87;
	padding: .4rem 1.3rem .4rem .7rem;
	text-transform: uppercase;
	color: #ffffff;
	font-size: .8rem;
	letter-spacing: .1em;
	transition: background .3s ease-in-out;
}

.g-navbar a:hover {
	background: #4088af;
}

/*icones*/

.g-navbar .g-logo:before {
	font-family: fontAwesome;
	font-size: 1rem;
	line-height: 1.8;
	padding-right: 5px;
	padding-left: 15px;
}

.g-navbar .g-logo:before {
	content: '\f060';
}

.g-navbar .g-logo {
	font-family: robotobold;
	color:#fff;
}

.g-row {
  display: flex;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px;
  padding-bottom: .15rem;
}

.g-col-2,
.g-col-3,
.g-col-12{
  position: relative;
  width: 100%;
  min-height: 1px;
  padding-right: 18px;
  /*padding-left: 15px;*/
  box-sizing: border-box;
}

.g-col-2 {
  -webkit-box-flex: 0;
  flex: 0 0 16.666667%;
}

.g-col-3 {
  -webkit-box-flex: 0;
  flex: 0 0 45%;
}


.g-col-12 {
  -webkit-box-flex: 0;
  flex: 0 0 100%;
  max-width: 100%;
}

.g-liste-favoris .g-col:first-child {
	margin-top: 0;
}

.g-liste-favoris {
	position: fixed;
	height: 100%;
	background-color: #EFF2F7;
	z-index: 1;
}

.g-header-favoris {
	background: #fff;
	position: relative;
	z-index: 3;
	color: #40a5f7;
	padding: 0;
	display: flex;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
}

.g-header-favoris li {
	padding: 0px 20px;
}

.g-header-favoris a {
	color: #40a5f7;
}

.active {
	border-bottom: 3px solid #40a5f7;
}

.g-liste-favoris h2 {
    color: #40a5f7;
    font-size: 16px;
}

.g-liste-favoris .g-lien {
	margin-bottom: .45rem;
	box-shadow: 0 1px 5px rgba(0, 0, 0, .12);
	background: #ffffff;
	max-width: 250px;
	transition: background-color .3s ease-in-out;
	height: 35px;
	position: relative;
}

.g-liste-favoris .g-lien a {
	color: #474747;
	display: block;
	padding: 8px;
}

.g-liste-favoris .g-lien img {
	height: 15px;
	position: absolute;
	top: 9px;
	right: 9px;
}

.g-news {
	 margin-bottom: .45rem;
    box-shadow: 0 1px 5px rgba(0, 0, 0, .12);
    background: #ffffff;
    max-width: 250px;
    transition: background-color .3s ease-in-out;
    position: relative;
    padding: 5px;
    line-height: 20px;
}

.g-liste-favoris h3 {
	margin-top: 10px;
	width: 250px;
	border-bottom: 2px solid #40a5f7;
	color: #40a5f7;
	line-height: 2.3rem;
	text-transform: uppercase;
}

.g-liste-favoris h2 {
	color: #40a5f7;
	font-size:16px;
	margin: 10px 10px 10px 30px;
}

.g-liste-favoris-scroll {
	margin-left: 20px;
	max-height: 84%;
	overflow-y: auto;
}

.g-text-bleu-400 {
	color: #40a5f7!important;
}

.g-fixed-bottom {
	position: fixed;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 1030;
	height: 25px;
	padding-left: 10px;
	background-color: #fff;
	padding-top: 4px;
	color: #1C79B3;
}

#maritime {
	position: absolute;
	width: 10%;
	left: 30px;
}

#maritime:hover {
	opacity: 0.7;
}

@media screen and (min-width: 893px) and (max-width: 1570px)
{


.g-col-3 {
  -webkit-box-flex: 0;
  flex: 1 0 30%;
}

}

@media screen and (min-width: 480px) and (max-width: 893px)
{


.g-col-3 {
  -webkit-box-flex: 0;
  flex: 0 0 70%;
}

}

@media screen and (min-width: 0px) and (max-width: 480px)
{


.g-col-3 {
  -webkit-box-flex: 0;
  flex: 0 0 100%;
}

}


.btnPopup{
background-color: #56A5EC;
padding: 1em 2em;
cursor: pointer;
}

.btnPopup:hover{
background-color: #196fb4;}