/* CSS Document */
body { 
	scrollbar-face-color:<%=colorcfa%>;
	scrollbar-highlight-color: #E8DEBB;
	scrollbar-shadow-color: #C6C6C6;
	scrollbar-arrow-color: #ffffff;
	scrollbar-track-color:#E9E9E9;
	scrollbar-darkshadow-color:#333333;
}
#globalfich {
	background-color:#FFF;
	width:98%;
}
#globalfich .gdtitre{
	font-weight: bold; font-size: 14px;
}
#globalfich .titleb{
	font-size:14px;color:#414141;font-weight:bold;
}

#globalfich .logocfa {
	padding:0px 0px;
}
.ico_list .fa{
	color:#337AB7;
}
#globalfich .card .ico_list{
	min-height:100%;
	padding:15px 0px 0px 8px;
}
#globalfich .card .ico_list li{
	padding:0px 7px;
}
#globalfich .card-header {background-color:#fff2f2;width:98%;}

#globalfich a.accordion-toggle{text-decoration:none;}
#globalfich .accordion-toggle::after {
	font-family: "Font Awesome 5 Free";
	content: "\f107";
	font-weight: 600;
    float: right;  
	padding-right:10px;  
    color: #F0AD4E; 
}

#globalfich .accordion-toggle.collapsed::after {
    content: "\f105";
}

#globalfich .valign > [class*="col"] {
  display: inline-block;
  float: none;
  vertical-align: middle;
}
#globalfich .head_profil{
	display: block;
	text-align:center;
	margin-left: auto; margin-right: auto;
}
#present .card ul{
	/*padding-top:10px;*/
}

#present .card li{list-style-type: circle;}

#globalfich .addrcfa{
	margin-top:5px;
	color:#666666;
	font-size:12px;
}

#globalfich .addrcfa h4, #globalfich .addrcfa h5 {
	padding:0;
	line-height: 18px;
}

#globalfich li.list-group-item {
	padding: 6px 15px;
    margin-bottom: -5px;
}
.card-block h6.option {display:block;padding-left:26px;font-size:12px;color:#787070;margin-top:-10px;}
.card-block p { padding-left: 14px;}

#present .card h5 {font-size:19px;color:#404040;line-height:22px;}
#present .card h4 {font-size:22px;color:#404040;}
#present .card .list-group-item p {font-size:13px;color:#31569D;}

#xofmap{
	width:100%;
	max-height:450px;
}
#xofmap iframe{
	display:block;
	z-index:0;
	width:100%;
	height:100%;
}

.ggmap{
    margin-top: 5px; 
    margin-bottom: 2px; 
	height: auto; 
	min-height: 135px;
}
#videodiv{
	border: 1px solid #F1F1F1;
	border-radius:5px;
	background-color:#fff;
    margin-top: 0px; 
    margin-bottom: 10px;
	padding:12px 12px;
}
.po{
	padding:2px 2px 2px 2px;
	margin:2px 2px;
	border: 1px solid #DEDEDE;
	width:100%;
	height: auto; 
	min-height:50px ;
	margin:20px 0px 10px 0px;
}
.titpo{
	font-size:14px;
	line-height: 22px;
}
.in-modal .titpo{
	font-size:13px;
}
.divtxtpo{
	padding:10px 5px;
	margin-top:8px;
	line-height: 18px;
	color:#5E69B2;
}
.txtpo{
	font-size:14px;
}
.txtpo_note{
	margin-left: 21px;
	font-size:15px;
	font-style: italic;
}
#photo{
	display:block;
	width:100%;
	padding:20px 0px;
	text-align:center;
	margin-left: auto; margin-right: auto;
}
#photo img{
	border-radius: 10px;
	margin:auto;
}
.iframebox{padding: 10px;}
#present{
	display:block;
	width:100%;
	padding:10px 10px 20px 20px;
	height: auto!important;
	min-height:50px;
	font-size:16px;
	color:#4A4A4A;
}
/* en attente d'une utilisation éventuelle  */
#xxx li {
	list-style-type: none;
}
#xxx li:before {
	content: "\2D \ "; /* caractère ISO 10646 */
	color:#5E72B2;
	
}
#present .cfafich h2:nth-of-type(1), #present h3:nth-of-type(1), #present h4:nth-of-type(1){	
	display:block;
	border: 1px solid #F1F1F1; 
	border-radius:5px;
	background-color:#fff;
    margin-top: 0px; 
    margin-bottom: 10px;
	padding:12px 12px;
	line-height: 1.21;
}
#present .cfafich h4{display: inline-block;font-size:19px;line-height:24px;padding: 13px;background-color: #F6F9FE;}
#present.cfafich h3 ul {margin-top:15px;}
#present ul ~ h4 {  margin-top:20px;}
#present b { color:#000;}
#present.cfafich li {
	list-style-type: none; /* on annule la puce par défaut */
    background-image: url(/img/ico/lipoint_red.png); /* on affiche l'image souhaitée */
    background-repeat: no-repeat; /* on annule la répétition par défaut */
    background-position: 0.5em 0.4em; /* on positionne où l'on veut */
    padding-left: 26px; /* pour éviter la superposition du contenu */
	margin-left:-20px;
}

.icoservices{
	vertical-align:bottom;
}
.ax{color:red;}
.imgsize{
	width:auto;
}
.divlogo img{
	display:inline-block;
    vertical-align:middle;
}

.divlogo {
	padding:20px 5px 0px 20px;
}


.plus_infos{
	border: 0px solid #DEDEDE;
}

#pageprofil{
	display:block;
	width:100%;
	padding:10px 0px;
}

#present h1 {
	font-size:12px;
	color:#656565;
}
#present h5 a {font-size:16px;}


#globalfich .card .thumbnail {border:none;}
#globalfich .card .thumbnail .caption h3 {color:#666666;font-size:28px;}
#globalfich .card .heightmiddle .btn {display: inline-block; margin-top: 10%; margin-bottom: 10%; height: 33px;margin-left:1px;}

@media only screen and (max-device-width:680px) {
	#globalfich .valign > [class*="col"] {
	    display: block;
		vertical-align: middle;
		text-align: center;
	}
}