header{color:#4c555d;}

#astroid-sticky-header{background-color:rgb(27, 95, 150);}
.astroid-logo-text .site-title {
    font-size:2em;
    font-weight:bold;
}
.astroid-component-section {
  padding: 0 0 50px 0 !important; }
.astroid-footer-section ul li a{
    color:#fff;
}
.astroid-nav-wraper {
    border-bottom:solid;
}
ul.nav.astroid-nav.d-none.d-lg-flex {
	justify-content: center;
}
.card-body {
  margin-left: auto;
  margin-right: auto;
}

.astroid-layout.astroid-layout-boxed .astroid-wrapper , .container {
    max-width:1280px;
}
.astroid-footer-section .module-title{
    text-align:center;
}
.testimonial-box, .module-box {
border: 1px solid #ddd;
border-radius: 2px;
margin : 20px 0;
}
.border-layout {
	padding:0 !important;
}
.module-box {
    padding:10px;
   /* height:450px;	/* passer à 490 et descendre le bouton ? */
}
.btonlire, div.modfront p.btonlire.fg-center {
	/*position:absolute;
	top:390px!important;*/
	left:150px;	
	margin: 15px auto 5px auto !important;
}
div#mod-custom180.mod-custom.custom>p, div#mod-custom181.mod-custom.custom>p, div#mod-custom182.mod-custom.custom>p {
	padding-left:10px;
	padding-right:5px;
}
div#mod-custom180.mod-custom.custom, div#mod-custom181.mod-custom.custom, div#mod-custom182.mod-custom.custom {
	height:270px;
	margin-bottom:20px;
}
.testimonial-header {
background-color: #fcfcfc;
border: 1px solid #fff;
/*padding: 20px 10px 20px 10px; */
padding: 20px;
/*position:relative; */ 
}

.testimonial-header .testimonial-content {
border-left: 3px solid #ff6838;
color: #999;
padding-left: 20px;
min-height:150px;
}

.testimonial-header:after {
position: absolute;
content:'';
bottom: -9px;
left: 20px;
height: 0;
width: 0;
border-left: 20px solid transparent;
border-right: 20px solid transparent;
border-top: 20px solid #fcfcfc;
z-index: 99;    
}


.testimonial-footer {
position: relative;
background-color: #e9e9e9;
border: 2px solid #fff;
border-top: none ;
color: #777;
padding: 13px 20px 8px 20px;
}

.testimonial-footer span {
color: #434343;
font-weight: 700;
}
.nav.menu.menu-module.navHorizontalView {
	float:right;
}
.border-layout {
  border: none !important;
}
.bgcolor-darkkhaki, .moduletable.bgcolor-darkkhaki > div, .title-centered.bgcolor-darkkhaki .module-title h3, .horizontal-menu.bgcolor-darkkhaki li {
color:#fff; background:#bdb76b;
padding:18px;
margin: 14px 0;}
.bgcolor-steelblue, .moduletable.bgcolor-steelblue > div, .title-centered.bgcolor-steelblue .module-title h3, .horizontal-menu.bgcolor-steelblue li {
color:#fff; background:#4682b4;
padding:18px;
margin: 14px 0;}
.bgcolor-yellow {
	background-color:#ffff00;}
.bgcolor-red, .moduletable.bgcolor-red > div, .title-centered.bgcolor-red .module-title h3, .horizontal-menu.bgcolor-red li {
color:#fff; background:#ff0000;
padding:18px;
margin: 14px 0;}
.bgcolor-slategrey, .moduletable.bgcolor-slategrey > div, .title-centered.bgcolor-slategrey .module-title h3, .horizontal-menu.bgcolor-slategrey li {
color:#fff; background:#708090;
padding:18px;
margin: 14px 0;}
.bgcolor-orange, .moduletable.bgcolor-orange > div, .title-centered.bgcolor-orange .module-title h3, .horizontal-menu.bgcolor-orange li {
color:#fff; background:#ffa500;
padding:18px;
margin: 14px 0;}
.bgcolor-lightseagreen, .moduletable.bgcolor-lightseagreen > div, .title-centered.bgcolor-lightseagreen .module-title h3, .horizontal-menu.bgcolor-lightseagreen li {
color:#fff; background:#20b2aa;
padding:18px;
margin: 14px 0;}
.bgcolor-mediumseagreen, .moduletable.bgcolor-mediumseagreen > div, .title-centered.bgcolor-mediumseagreen .module-title h3, .horizontal-menu.bgcolor-mediumseagreen li {
color:#fff; background:#3cb371;
padding:18px;
margin: 14px 0;}
.bgcolor-coral, .moduletable.bgcolor-coral > div, .title-centered.bgcolor-coral .module-title h3, .horizontal-menu.bgcolor-coral li {
color:#fff; background:#ff7f50;
padding:18px;
margin: 14px 0;}
.bgcolor-darkkhaki, .moduletable.bgcolor-darkkhaki > div, .title-centered.bgcolor-darkkhaki .module-title h3, .horizontal-menu.bgcolor-darkkhaki li {
color:#fff; background:#bdb76b;
padding:18px;
margin: 14px 0;}
.bgcolor-cornflowerblue, .moduletable.bgcolor-cornflowerblue > div, .title-centered.bgcolor-cornflowerblue .module-title h3, .horizontal-menu.bgcolor-cornflowerblue li {
color:#fff; background:#6495ed;
padding:18px;
margin: 14px 0;}
.bgcolor-tomato, .moduletable.color-tomato > div, .title-centered.color-tomato .module-title h3, .horizontal-menu.color-tomato li {
background:#ff6347;
color:#fff; background:#bdb76b;
padding:18px;
margin: 14px 0;}

.bg-primary {
	background-color:#428bca !important;
	color:#fff;
	margin-bottom: 14px;
	padding: 18px;
}
.bg-success {
	background-color:#dff0d8;
	color:#fff;
	margin-bottom: 14px;
	padding: 18px;
}
	
.item-title {
	    box-sizing: border-box;
		border-bottom:solid;

}
.flex-container {
  display: flex;
  flex-wrap: wrap;
}
.flex-item-left, .flex-item-center, .flex-item-right{
  padding: 10px;
  flex: 25%;
}

.three-columns {
-webkit-column-count: 3;
-moz-column-count: 3;
column-count: 3;
}
.one-half {
	flex:40%;
}
.one-third {
flex:30.3%;
}
.one-fourth {
flex:20%;
}
.last {
margin-right: 0 !important;
}
.one-half, .one-third, .two-third, .one-fourth, .two-fourth, .three-fourth, .one-fifth, .two-fifth, .three-fifth, .four-fifth {
/*float:left;*/
margin : 10px 3% 10px 0 !important;
}

.astroid-framework {
	background-repeat:no-repeat;
	background-position:top left;
	background-size:cover;
	background-attachment:fixed;
}

/* Responsive layout - makes a one column-layout instead of a three-column layout */
@media (max-width: 992px) {
	.one-third, .one-fourth, .flex-item-right, .flex-item-left, .flex-item-center {
		flex:40%;
	}
}
@media (max-width: 768px) {
	.onz=e-half,.one-third, one-fourth, .flex-item-right, .flex-item-left, .flex-item-center {
		flex:100%;
	}
}