@import 'assets/css/bootstrap.min.css';
@import 'assets/css/animate.css';
@import 'assets/css/plugins.css';
/*
@import 'https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css';
*/
@import 'https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css';
@import 'assets/css/pe-icons.css';
@import 'assets/css/style.css';
@font-face {
    font-family: 'Cortado';
    src: url('/skins/standard/assets/fonts/Cortado.woff2') format('woff');
    font-weight: normal;
    font-style: normal;
}

/* GTranslate: https://gtranslate.io/ */
a.gflag {vertical-align:middle;font-size:16px;padding:1px 0;background-repeat:no-repeat;background-image:url(/common/images/drapeaux16.png);}
a.gflag img {border:0;}
a.gflag:hover {background-image:url(/common/images/drapeaux16.png);}
#goog-gt-tt {display:none !important;}
.goog-te-banner-frame {display:none !important;}
.goog-te-menu-value:hover {text-decoration:none !important;}
#google_translate_element2 {display:none;}
.skiptranslate{display:none;}
.flags{
  float: right;
  margin-top: -48px;
}


.table-striped > tbody > tr:nth-child(2n+1) > td, .table-striped > tbody > tr:nth-child(2n+1) > th {
  background-color: #d0eceb;
}

h2 {color: #318AB9;}

.crcm {
  margin: 0px 12px 0px 12px;}

.footer-image-bg {
background-image: url("/bibliotheque/charte_graphique/footer.jpg");
background-position: top;
background-repeat: no-repeat;
}

#logo {position:absolute; z-index:9999; height:110px;margin-left:-200px}

body{
background-repeat: no-repeat;
background-size: cover;
background-attachment: fixed;
background-color:#efe;
background-image: url("/bibliotheque/charte_graphique/ArrierePlan.jpg");
}

.mt-10 {
  margin-top: 10px;
}

.mt-20 {
  margin-top: 20px;
}

header .intro-text .intro-heading   {color: white;}
.intro-sub-heading{color: white;}

.section-inner {
box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
}

#blason{
  z-index: 9999;
  position: absolute;
  margin-left: -60px;}
  
header .intro-text {
    background-color: rgba(0, 0, 0, 0.2);
/*    width: 500px; */
    padding-top: 115px;
    margin: ;
    margin: auto;
	border-radius: 30% / 50%;
}	

header {box-shadow: 0px 5px 5px #333;}

#Content_Container td, th {
    padding: 8px;
}

#Content_Container a[href^="tel"]::before {
    content: "\f095";
    padding-right: 5px;
    font-family: FontAwesome;
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    font-size-adjust: none;
    font-stretch: normal;
    font-feature-settings: normal;
    font-language-override: normal;
    font-kerning: auto;
    font-synthesis: weight style;
    font-variant: normal;
    font-size: inherit;
    text-rendering: auto;
}

#Content_Container a[href^="mailto"]::before {
    content: "\f0E0";
    padding-right: 5px;
    font-family: FontAwesome;
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    font-size-adjust: none;
    font-stretch: normal;
    font-feature-settings: normal;
    font-language-override: normal;
    font-kerning: auto;
    font-synthesis: weight style;
    font-variant: normal;
    font-size: inherit;
    text-rendering: auto;
}

@media (max-width: 1200px) {
.navbar-default .nav li a {
    font-size: 12px;
    padding: 15px 18px;
}}	
	
.social-links {background-color: rgba(0, 0, 0, 0.2); padding: 10px;border-radius: 10px;}

.social-links i {font-size: large;}

.social-links a:hover {color:#FFC300;}

.navbar-default {padding: 0px;}
.navbar-toggle {float:none;}

.top-bar {padding: 2px 0;}

.top-bar-bg {
background-color: #294d4b;
}

#menu {background-color: rgba(235,209,43,.9);
box-shadow: 3px 3px 8px 1px rgba(0, 0, 0, .5);
}

.navbar-default.navbar-shrink {
	padding: 0;
	background-color: transparent;
}

#titre{
    font-size: 80px;
    font-weight: 400;
    line-height: 84px;
	font-family: 'Cortado', "Helvetica Neue", Helvetica, Arial, sans-serif;
	text-align:center;
}

#titre-xs{
    font-size: 32px;
    font-weight: 400;
	font-family: 'Cortado', "Helvetica Neue", Helvetica, Arial, sans-serif;
	color:white;
	padding-left:30px;
}

#contact-header{margin-top:20px;}
#raccourcis{margin-top:-10px;}

.m-50 {margin-right:25px;margin-top:-50px;}

.text-shadow{text-shadow: 4px 4px 6px black;} 

.Editeur {background-color : white;background-image: none;}

.btn-success{color:#FFF;border-color:#213e3c;background-color:#294d4b;box-shadow: 3px 3px 8px #444;}

.card{
padding-top:20px;
margin:10px 0 20px 0;
background-color:rgba(214,224,226,.2);
border-top-width:0;
border-bottom-width:2px;
border-radius:3px;
box-shadow:none;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box}
.card-body{
padding:0 20px;
margin-top:20px}
.card.hovercard{
position:relative;
padding-top:0;
overflow:hidden;
text-align:center;
background-color:#F0F0F0}
.card.hovercard .cardheader{
height:75px;
background-position:50% 50%;
background-repeat:no-repeat;
background-color:transparent;
background-image:url(images/bg_card.jpg);
background-size:cover}
.card.hovercard.header-1{
background-size:100% 100%;
background-repeat:no-repeat;
background-position:bottom center;
background-image:url(images/bg_card-header-1.jpg)}
.card.hovercard.header-1 .cardheader{
background-color:#FFF;background-image:none
}
.card.hovercard.card-conseil{
background-color:#C6DB83;
min-height:355px;
}
.card.hovercard.card-conseil .cardheader{
background-color:#FFF;background-image:none;
}
.card.hovercard.card-conseil .info .desc{
font-size:1.3em;
color:#12883a;
background-color:rgba(255,255,255,.2);
padding:10px 5px;
margin:auto -7px;
}
.card.hovercard.card-conseil .avatar img{
box-shadow:2px 2px 4px rgba(0,0,0,.5);
width:153px;
height:177px;
max-width:153px;
max-height:177px;
}
.card.hovercard .avatar{
position:relative;top:-50px;margin-bottom:-50px
}
.card.hovercard .avatar img
{width:120px;
height:120px;
max-width:120px;
max-height:120px;
-webkit-border-radius:50%;
-moz-border-radius:50%;
border-radius:50%;
border:5px solid rgba(148,200,61,.6)}
.card.hovercard .info{
padding:4px 8px 10px
}
.card.hovercard .info .title{
margin-bottom:4px;
font-size:24px;
line-height:1;
color:#262626;
vertical-align:middle
}
.card.hovercard .info .desc{
overflow:hidden;
font-size:1.2em;
line-height:1.6em;
color:#737373;
text-overflow:ellipsis}
.card.hovercard .bottom{padding:0 20px;margin-bottom:17px}

.carousel .btn-slide {
  padding: 8px 20px;
  background: #6E8B21;
  color: #fff;
  border-radius: 4px;
  margin-top: -300px;
  display: inline-block;
  font-size: 0.5em;
}



#ContactForm {
	/* margin:0 auto 10px; */
}

#aContact .dl-horizontal dd { font-weight: bold; }
#aContact .dl-horizontal dt { font-weight: normal; }
/*
 */

@media(min-width:1200px){
	.footer-image-bg {
		background-size: 100% auto;
	}
	
@media(min-width:768px){

	.navbar-nav > li { padding: 0px 10px 0px 10px;}
  
	.page-header {
		display: block;
		width: 100%;
		margin: 0;
		padding-bottom: 0;
		/* border-bottom: 1px solid gray; */
	}
		.page-header iframe { width: 100%; border: 1px solid gray;
		}

	#wrap > #Content_Container.container { margin-top: 0; padding-top: 0; }

	#aContact  {}

		#aContact address h1 { font-size: 3em; }
		#aContact address p { font-size: 1.6em; }

		#aContact .row .col-sm-7 {
			margin-bottom: 15px;
			padding: 35px;
			background-color: #F0F0F0;
			background-position: top center;
			background-repeat: no-repeat;
			background-size: 100% auto;
			background-image: url(images/bg_card.jpg);

			border: 10px solid white;
			   -moz-box-shadow: 0px 0px 2px 0px #656565;
			-webkit-box-shadow: 0px 0px 2px 0px #656565;
			     -o-box-shadow: 0px 0px 2px 0px #656565;
			        box-shadow: 0px 0px 2px 0px #656565;
			            filter:progid:DXImageTransform.Microsoft.Shadow(color=#656565, Direction=NaN, Strength=2);
		}
		#aContact .row .col-sm-7 .InfosForm { text-align: right; }
		#aContact .form-actions { margin-left: 170px; }
		#aContact .form-group { margin-bottom: 8px; }

}

}

@media(max-width:1000px){
#logo {height:80px;margin-left: -120px;}
#titre {font-size: 36px;}
}

@keyframes slideUp {
    from {
        transform: translateY(100%);
        opacity: 0;
    }
    to {
        transform: translateY(0);
        opacity: 1;
    }
}

.slide-up {
    animation: slideUp 6s;
	color:white; margin:12px 8px 0px 0px; font-size:18px;text-shadow: 1px 1px 6px black;float:right;font-style: italic;
	filter: drop-shadow(10px 10px 10px rgba(0, 0, 0, 0.2));
}