/* GLOBAL STYLES
-------------------------------------------------- */
/* Padding below the footer and lighter body text */
:root {
  --background: #f3f0f2;
  --primary: #00777b;
  --secondary: #0c384e;
  --secondary-tr: rgba(12,56,78,0.8);
  --primary-tr: rgba(220,75,12,0.8);
}

@media (min-width: 1400px) {
  .container {
    max-width: 1340px;
  }
}

html, body {
  height:100%;
}

body {
  color: #333;
  background-color: var(--background);

}

.adh_footer h5 { color:#DDDDDD;}
.mentions {text-align:center; padding-top:30px; font-size:smaller;}
.mentions a {color:#ffffff;}
#sponsor {
padding-left:90px;
}
	#logo {
		position:absolute; width:70px; top:10px; left:10px;
	}
.navbar {padding:2px; background: var(--secondary);}
.navbar-nav {
	background: var(--primary);

	padding: 5px;
	padding-top:20px;
	}
	.img_top {width:100%; background-position:50% 50%; background-size:cover; }
	




.navbar-nav .nav-link{
	color: #fff!important; margin-right:0.5em;
}
.nav-link:hover{
	color: #eee!important;opacity:0.7;
}
.logout, .debug{
	color:#fff!important; font-size:1.3em; cursor:pointer;
}
.logout:hover{
	color:#000;
}
.homeimg {
	position:relative;
	height:50%;
	display: table;
	width:100%;
}
.col_filactu {margin-top:300px;}

/**** formulaires ****/
select{
	cursor: pointer;
  border: 1px solid #ccc;
  padding: 0.3em 0.5em;
  background: #fff;
  border-radius:5px;
}

form select:focus{
	color: #495057;
  background-color: #fff;
  border-color: #80bdff;
  outline: 0;
  box-shadow: 0 0 0 2px rgba(0, 123, 255, 0.25);
 }
form input#montant{
	text-align:right;
}
form .erreur{
	color:red;
}
@media screen and (min-width:750px) {
	.navbar-nav {
		font-size: 18px;
	}
	#logo {
		position:absolute; width:120px; top:10px; left:10px;
	}
	#sponsor {
	padding-left:140px;
	}
}
@media screen and (max-width:990px) {
	/* Supprime l'image de fond pour laisser le libre choix de la hauteur de l'image */
	.homeimg {display:none}
	.col_filactu {margin-top:0px;}
}
@media screen and (max-width:600px) {
	/* Supprime l'image de fond pour laisser le libre choix de la hauteur de l'image */
	.img_top {min-height:100px}
	
}
@media screen and (min-width:990px) {

	.ajd-fixheight_2 {
		height:616px;
	}
}
@media screen and (min-width:600px) {

	.ajd-fixheight {
	height:300px;
	}
}

.row-no-padding > [class^="col-"], .row-no-padding > [class*=" col-"] {
    padding-left: 0 !important;
    padding-right: 0 !important;
}
.row-min-padding > [class^="col-"], .row-min-padding > [class*=" col-"] {
    padding-left: 5px !important;
    padding-right: 5px !important;
}

.adh_topimage {
	position:relative;
	height:50%;
	display: table;
	width:100%;
	background: var(--secondary-tr); 
	background-size:cover; 
	background-position:center center;
}

.adh_footer {
	border-top:3px solid var(--primary);
	background-image:url(/img/footer_background.jpg);
	background-size:cover;
	background-position:center center;
	background-color: #343a40
}

.bg-primary {
	background-color:var(--primary) !important;
}

.card-img-top {
	border-bottom:3px solid var(--secondary);
}
.card-body {
	position:relative;
}
.media-content, .adresse-content {
	top:-35px;
	position:relative;
	height:0px;
	margin-bottom:15px;
}
.media-title {
	height:30px;
	text-align:center;
	background-color: var(--secondary-tr);

	margin-left:auto; margin-right:auto;
	padding:5px 25px;
	border-radius:20px;
	position:relative;
	top:-140px;
	display:table;
	color: white;
}
.media-type, .adresse-type {
	height:70px;
	width:70px;
	text-align:center;
	line-height:35px;
	background-color: var(--secondary);
	border:3px solid white;
	color:#FFFFFF;
	font-size:36px;
	padding-top:12px;

	margin-left:auto; margin-right:auto;

	border-radius:50%;
}


.adresse-type {
background-color: var(--primary);
}




.ratio3_1,.ratio4_1,.ratio2_1, .noratio  {
	width:100%;
	height:100px;
	background-color:#AAAAAA;
	background-size:cover;
	background-position:center center;
	padding:10px;
	
}
.actu-title, .adresse-title {
	display:table;
	margin-left:auto; margin-right:auto;
	
	height:30px;
	text-align:center;
	background-color: var(--secondary-tr);

	padding:5px 25px;
	border-radius:20px;
	color: white;
}

.adresse-title {
background-color: var(--primary-tr);

}
.media-type a, .adresse-type a, .actu-title a, .adresse-title a , .media-title a {color:#ffffff}

.wgBox {
	padding:15px; 
	margin:15px;
	border:2px solid #DDDDDD;
}
.wgBlock {
	display:block;
}
.wgLabel {
	min-width:200px;
	display:inline-block;
}
.wgCheckbox {
	vertical-align: text-bottom;
	margin-right:10px;
}
.char_count {
	font-size:small;
	opacity:0.5;
}
.required::after {
	border-width:5px;
	}

h1 {font-size: 160%; color: var(--secondary-tr);}
h2 {font-size: 140%}
h3 {font-size: 110%}
h4 {font-size: 100%; font-weight:bold;}
h1, h2, h3 { padding-top:10px;}
h6 {font-size:70%; color:rgba(0,0,0,0.6)}

.ajd-box { margin:5px; border:0px; border-top: 3px solid var(--secondary-tr);}
.ajd-box-content {padding: 1.25rem; position:relative;}
.adh-socialmedia {background:#FFFFFF; display:inline-block; height:50px; width:50px; text-align:center;color:#222222; border-radius:10px;font-size:36px}
.adh-socialmedia.dark {background:#333333; color:#FFFFFF}
.adh-socialmedia.mini {height:33px; width:33px; font-size:24px}

/* Summernote fixe */
       /*fix dropdown*/
        .note-btn-group .dropdown-menu > li > a {
            display: block;
            padding: 3px 20px;
            clear: both;
            font-weight: normal;
            line-height: 1.42857143;
            color: #333;
            white-space: nowrap;
        }
        .note-popover .popover-content .note-color .dropdown-toggle,
        .note-editor .panel-heading.note-toolbar .note-color .dropdown-toggle {
            width: 20px;
            padding-left: 1px;
        }

        /*fix icon button*/
        .note-editor .btn-default {
            color: #333;
            background-color: #fff;
            border-color: #ccc;
        }
        .note-editor .btn-default:hover {
            color: #333;
            background-color: #e6e6e6;
            border-color: #adadad;
        }
       .note-editor .dropdown-toggle:after{
            content: initial;
        }

        /*fix background toolbar*/
        .note-editor .panel-default > .panel-heading {
            color: #333;
            background-color: #f5f5f5;
            border-bottom: 1px solid #ddd;
            border-top-left-radius: 3px;
            border-top-right-radius: 3px;
        }

        /*fix modal*/
        .note-editor .modal-header{
            display: block;
        }

        /*fix popover*/
        .note-popover{
            display: none;
        }