.pass .frm_conf_label {
  visibility:visible !important;
}

.modal-title {
  float:left;
}
/* site */
.c_famille .z_sites {
	float: left;
	width: 100%;
}
.c_famille .z_site {
	float:left;
	border-bottom: 2px solid;
	padding: 10px;
	width: 100%;
}
.c_famille .z_site:last-child {
	border:none;
}
.z_site .info {
  float:left;
  display: flex;
  width: 100%;
}
.c_famille .logo {
	width: 70%;
	float:left;
	margin-right: 20%;
  height:110px;
	display: flex;
	align-items: center;
}
.c_famille .logo img {
	width: 240px !important;
}
.c_famille .B_actions {
	width: 12%;
	float:left;
	display: flex;
	align-items: center;
}
.c_famille .B_actions span {
	width: 30px;
	height: 30px;
	text-align:center;
	font-size:24px;
	color:var(--awb-color5);
	float:left;
	border-radius:30px;
	border:1px solid var(--awb-color5);
	line-height:28px;
}
.c_famille .B_actions span:hover {
	background:var(--awb-color5);
	color:white;
}
.z_site .actions {
	display:none;
	width: 100%;
	float:left;
	margin-top:10px;
	margin-bottom: 5px;
}
.z_site .actions .resume {
	font-size:14px;
	line-height:18px;
	margin-bottom:20px;
}
.z_site .actions .B_pres {
	padding:5px 10px;
	float:left;
	border-radius:15px;
	border:2px solid var(--awb-color2);
	background:var(--awb-color1);
	margin-right:20px;
}
.z_site .actions .B_pres:hover {
	color:var(--awb-color1);
	background:var(--awb-color2);	
}
.z_site .actions .B_site {
	padding:5px 10px;
	float:left;
	border-radius:15px;
	border:2px solid var(--awb-color2);
	color:var(--awb-color1);
	background:var(--awb-color2);	
}
.z_site .actions .B_site i {
	margin-left:10px;
}
.z_site .actions .B_site:hover {
	background:var(--awb-color1);
	color:var(--awb-color2);	
}
.z_site .actions .B_site p {
	padding:5px 10px;
	border-radius:15px;
	margin:0 !important;
	border:2px solid var(--awb-color2);	
}
.s_menu #famille_1,
#z_sidebar #famille_1 .fusion-column-wrapper {
	border-color:var(--awb-color5) !important;
	background:var(--awb-color5) !important;  
}
.s_menu #famille_2,
#z_sidebar #famille_2 .fusion-column-wrapper {
	border-color:var(--awb-color3) !important; 
	background:var(--awb-color3) !important;    
}
.s_menu #famille_3,
#z_sidebar #famille_3 .fusion-column-wrapper {
	border-color:var(--awb-color2) !important; 
	background:var(--awb-color2) !important;    
}

#famille_1 .L_intro,
#famille_1 .z_site {
	border-color:var(--awb-color5) !important;
}
#famille_2 .L_intro,
#famille_2 .z_site {
	border-color:var(--awb-color3) !important; 
}
#famille_3 .L_intro,
#famille_3 .z_site {
	border-color:var(--awb-color2) !important; 
}
#famille_1 .z_sites {
	background:#EBEAF2 !important;
}
#famille_2 .z_sites {
	background:#F4F9E9 !important; 
}
#famille_3 .z_sites {
	background:#F7E7F2 !important; 
}

/* modal */
#m_sortie .modal-dialog {
	text-align:center;
}
#m_sortie #z_out p {
	margin-bottom: 0px !important;
}
#m_sortie .modal-title  {
  text-align:center;
  font-size:24px;
}
.B_out_action {
  text-align:center;
	border-radius:20px;
  font-size:24px;
	cursor:pointer;
  color:white;
  width:30%;
	margin:0 10%;
}
#B_out_yes {
  float:left;
  border:2px solid var(--awb-color3);
  background: var(--awb-color3);
}
#B_out_no {
  float:right;
  border:2px solid var(--awb-color2);
  background: var(--awb-color2);
}
.B_out_action:hover {
  background: var(--awb-color1) !important;
}
#B_out_yes:hover {
  color: var(--awb-color3);
}
#B_out_no:hover {
  color: var(--awb-color2);
}

@media only screen and (max-width: 700px){
}
@media only screen and (max-width: 830px){
}
@media only screen and (min-width: 700px){
  #m_sortie .modal-dialog {
    width:450px;
    margin-top:200px;
  }
	.c_famille .logo {
  	height: 100%;
	}
	.c_famille .B_actions {
		height: 100%;
	}
	.z_site .info {
		height: 90px;
	}
}
@media only screen and (min-width: 830px){
}
@media only screen and (max-width: 830px){
}
@media only screen and (max-width: 830px){
}
@media only screen and (min-width: 1200px){
  .z_site .info {
    height: 90px;
  }
	.z_site {
		margin-bottom: 0px;
		float: left;
	}
	.z_site .B_actions {
		cursor:pointer;
	}
	.z_site:hover .nom {
		color:var(--awb-color3);
	}
}
@media only screen and (max-width: 700px){
}
@media only screen and (min-width: 700px){
}
/* site */
.c_famille .z_sites {
	float: left;
	width: 100%;
}
.c_famille .z_site {
	float:left;
	border-bottom: 2px solid;
	padding: 10px;
	width: 100%;
}
.c_famille .z_site:last-child {
	border:none;
}
.z_site .info {
  float:left;
  display: flex;
  width: 100%;
}
.c_famille .logo {
	width: 70%;
	float:left;
	margin-right: 20%;
  height:110px;
	display: flex;
	align-items: center;
}
.c_famille .logo img {
	width: 240px !important;
}
.c_famille .B_actions {
	width: 12%;
	float:left;
	display: flex;
	align-items: center;
}
.c_famille .B_actions span {
	width: 30px;
	height: 30px;
	text-align:center;
	font-size:24px;
	color:var(--awb-color5);
	float:left;
	border-radius:30px;
	border:1px solid var(--awb-color5);
	line-height:28px;
}
.c_famille .B_actions span:hover {
	background:var(--awb-color5);
	color:white;
}
.z_site .actions {
	display:none;
	width: 100%;
	float:left;
	margin-top:10px;
	margin-bottom: 5px;
}
.z_site .actions .resume {
	font-size:14px;
	line-height:18px;
	margin-bottom:20px;
}
.z_site .actions .B_pres {
	padding:5px 10px;
	float:left;
	font-size:14px;
	border-radius:15px;
	border:2px solid var(--awb-color2);
	background:var(--awb-color1);
	margin-right:20px;
}
.z_site .actions .B_pres:hover {
	color:var(--awb-color1);
	background:var(--awb-color2);	
}
.z_site .actions .B_site {
	padding:5px 10px;
	float:left;
	font-size:14px;
	border-radius:15px;
	border:2px solid var(--awb-color2);
	color:var(--awb-color1);
	background:var(--awb-color2);	
}
.z_site .actions .B_site i {
	margin-left:10px;
}
.z_site .actions .B_site:hover {
	background:var(--awb-color1);
	color:var(--awb-color2);	
}
.z_site .actions .B_site p {
	padding:5px 10px;
	border-radius:15px;
	margin:0 !important;
	border:2px solid var(--awb-color2);	
}
.s_menu #famille_1,
#z_sidebar #famille_1 .fusion-column-wrapper {
	border-color:var(--awb-color5) !important;
	background:var(--awb-color5) !important;  
}
.s_menu #famille_2,
#z_sidebar #famille_2 .fusion-column-wrapper {
	border-color:var(--awb-color3) !important; 
	background:var(--awb-color3) !important;    
}
.s_menu #famille_3,
#z_sidebar #famille_3 .fusion-column-wrapper {
	border-color:var(--awb-color2) !important; 
	background:var(--awb-color2) !important;    
}

#famille_1 .L_intro,
#famille_1 .z_site {
	border-color:var(--awb-color5) !important;
}
#famille_2 .L_intro,
#famille_2 .z_site {
	border-color:var(--awb-color3) !important; 
}
#famille_3 .L_intro,
#famille_3 .z_site {
	border-color:var(--awb-color2) !important; 
}
#famille_1 .z_sites {
	background:#EBEAF2 !important;
}
#famille_2 .z_sites {
	background:#F4F9E9 !important; 
}
#famille_3 .z_sites {
	background:#F7E7F2 !important; 
}

/* modal */
#m_sortie .modal-dialog {
	text-align:center;
}
#m_sortie #z_out {
}
#m_sortie #z_out .fin {
	font-weight:bold;
	margin-bottom:30px !important;
}
#m_sortie .modal-title  {
  text-align:center;
  font-size:24px;
}
.B_out_action {
  text-align:center;
	border-radius:20px;
  font-size:24px;
	cursor:pointer;
  color:white;
  width:30%;
	margin:0 10%;
}
#B_out_yes {
  float:left;
  border:2px solid var(--awb-color3);
  background: var(--awb-color3);
}
#B_out_no {
  float:right;
  border:2px solid var(--awb-color2);
  background: var(--awb-color2);
}
.B_out_action:hover {
  background: var(--awb-color1) !important;
}
#B_out_yes:hover {
  color: var(--awb-color3);
}
#B_out_no:hover {
  color: var(--awb-color2);
}

@media only screen and (max-width: 700px){
}
@media only screen and (max-width: 830px){
}
@media only screen and (min-width: 700px){
  #m_sortie .modal-dialog {
    width:450px;
    margin-top:200px;
  }
	.c_famille .logo {
  	height: 100%;
	}
	.c_famille .B_actions {
		height: 100%;
	}
	.z_site .info {
		height: 90px;
	}
}
@media only screen and (min-width: 830px){
  .c_famille .B_actions {
    width: 15%;
  }
}
@media only screen and (max-width: 830px){
}
@media only screen and (max-width: 830px){
}
@media only screen and (min-width: 1200px){
  .z_site .info {
    height: 90px;
  }
  .c_famille .B_actions {
    width: 12%;
  }
	.z_site {
		margin-bottom: 0px;
		float: left;
	}
	.z_site .B_actions {
		cursor:pointer;
	}
	.z_site:hover .nom {
		color:var(--awb-color3);
	}
	.z_site .actions .B_pres {
		font-size:16px;
	}
	.z_site .actions .B_site {
		font-size:16px;
	}
	
}
@media only screen and (max-width: 700px){
}
@media only screen and (min-width: 700px){
}