/*Theme URI:    https://www.celestory.com/ 
Description:  Divi Child Theme 
Author:       Nicolas HC
Author URI:   https://www.celestory.com/  
Template:     Divi 
Version:      3.0.0
License:      GNU General Public License v2 or later 
License URI:  http://www.gnu.org/licenses/gpl-2.0.html 
Tags:         Nicolas HC, Celestory*/


/* --- ----------- */

@media only screen and (min-width:980px) {
	#main-footer {
		/* position: fixed;*/
		bottom: 0;
		right: 0;
		left: 0;
	}
	
	#footer-info {
		float:right;
	}
}

.menu-equipe{
	padding-top:15px;
}

body.custom-background {
    background-attachment: fixed !important;
}

.liensuivant{
	text-align:center;
}
.liensuivant a{
	color:white;
}

.et_pb_fullwidth_header_subhead {
    padding-bottom:25px;
}


/* --- Barre Logos Deroulante ----------- */
.deroulantlogo .owl-theme .owl-controls {
    display: none !important;
}


.resume-pourquoi img ,.resume-pourquoi .et-pb-icon{
	max-height:96px;
}


/* ------ Les 7 avantages---- */

@media only screen and (min-width:980px) {
.avantage-inline{
	margin-bottom: 2%!important;
	padding-left:20%;
}
}
.avantage-inline .et_pb_blurb_content{
	max-width: none !important;
}


/* --- Page 404 ----------- */

.error404 #main-content, .error404 #main-content .et_pb_section{
	background: transparent;
}
.error404.et_right_sidebar #main-content .container::before {
    right: 0% !important;
}

.error404 #main-content .container, .error404 #content-area, .error404 #left-area {
 padding: 0 !important;
 margin: 0 ;
 width: 100% !important;
 max-width: none;
}

.error404 #sidebar {
 display: none;
}

.error404 .et_pb_post:last-child {
margin-bottom: 0;
}
/* Page Blog */.et_pb_module .et_pb_post {    padding: 0 15px 30px;}
/* Page d'article type */
.single-post #main-content {	
	/* background-color: transparent;*/	
	background-color: rgba(170, 195, 203, 0.17);
}

@media (min-width: 981px){	
	.et_right_sidebar #sidebar { 
		padding-top: 20px;	
		position:sticky;}
}
/* --- Custom fonts ----------- */

@font-face {
	font-family: 'et-line';
	src:url('fonts/et-line.eot');
	src:url('fonts/et-line.eot?#iefix') format('embedded-opentype'),
		url('fonts/et-line.woff') format('woff'),
		url('fonts/et-line.ttf') format('truetype'),
		url('fonts/et-line.svg#et-line') format('svg');
	font-weight: normal;
	font-style: normal;
}

/* Use the following CSS code if you want to use data attributes for inserting your icons */
[data-icon]:before {
	font-family: 'et-line';
	content: attr(data-icon);
	speak: none;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	display:inline-block;
}


/* Modifications pour version 2018 */


/* Image logo Accueil */
.im_logo_acc .et_pb_image_wrap img{
	max-height: 36vh;
}

.et-pb-icon_accueil{
	font-size: 6vh;
}

/* Video d´accueil */
.acc_video_v1 {
    min-height: 45vh;
	height: 45vh;
}
.acc_video_v1 .fluid-width-video-wrapper iframe {
    min-height: 45vh;
	max-height: 45vh;
}


/* Texte de presentation Accueil version2 */
.acc_texte_presentation_column1{
	display: flex;
}
.acc_texte_presentation{
	line-height:1.7rem;
}

/* Video d´accueil version2 */
.acc_video_v2 {
	max-height:30vh;
}
.acc_video_v2 .fluid-width-video-wrapper iframe {
    width: 100%;
    box-sizing: border-box;
    height: 30vh;
}


/* Blurb Résumé Page Accueil - ImageIcone  */
/*
.et_pb_main_blurb_image {
    top: -6vh;
    position: relative;
    height: 8vh; 
}
.et-pb-icon-circle {
    font-size: 5vh; 
}
*/
/* Blurbs Résumé Page Accueil - TexteDescriptif */
.acc_blurb .et_pb_blurb {
    height: 31vh;
}
.acc_blurb .et_pb_blurb_container {
    top: -3vh;
    position: relative;
}
/* Blurbs Résumé Page Accueil - Titre  */
.acc_blurb .et_pb_blurb .et_pb_module_header{
    margin-bottom: 1vh;
    height: 8vh;
}


/* Accueil - Etape2 - Fonts google */ 
.etape2_materialicon .material-icons{
	font-size: 3.5rem;
}


/* CHATBOT */

.chatbot_im_etapes img {
    height: 19vh;
    width: auto;
}
.chatbot_im_etapes {
    margin-bottom: 1vh !important;
}
 
/* Chatbot Blurbs Fonctionnalités avancées */
.chatbot_blurb_image .et_pb_blurb_content {
    height: 18vh;
}
.chatbot_blurb_image {
    margin-bottom: 8vh !important ;
}


.chatbot_blurb_image .et_pb_image_wrap {
	background-color: #ffffff;
	padding: 25px;
	-webkit-border-radius: 100px;
	-moz-border-radius: 100px;
	border-radius: 100px;
}
.chatbot_blurb_image .et_pb_image_wrap img{
	height:5vh;
     filter: invert(1);
     -webkit-filter: invert(1);
     -moz-filter: invert(1);
     -ms-filter: invert(1);
     -o-filter: invert(1);
}
.chatbot_blurb_image .et_pb_main_blurb_image {
    margin-bottom: 2vh;
}

/* Points Forts */

.pointsforts_chatbot{
	height:18vh;
	padding-top: 2vh!important;
    padding-right: 1vh!important;
    padding-bottom: 1vh!important;
    padding-left: 1vh!important;
}

/* Chatbot Cas d´application */

.chatbot_cas_img{
	height: 18vh;
    width: auto;
	padding-bottom:10px;
}
.chatbot_cas_img_v2 img {
    height: 26vh;
    width: auto;
    padding-bottom: 0px;
}

/* V3 version coloree */
.chatbot_cas_blurb_v3 {
    height: 45vh;
}
.chatbot_cas_blurb_v3 img {
    height: 25vh;
    width: auto;
    padding-bottom: 0px;
}
.chatbot_cas_blurb_v3 .et_pb_blurb_container{ 
    padding-left: 1vw;
    padding-right: 1vw;
}


.models_bottompage{
	display: flex;
	align-items :center	
}
.models_bottompage .et_pb_button{
    width: 24vw;
}



/* NARRATIVE GAME */

.narrative-imagesc1 img{
	height:25vh;
}

.narrative_cas_blurb {
    height: 36vh;
}
.narrative_cas_blurb img {
    height: auto;
    width: 17vw;
    padding-bottom: 0px;
}

/* Blurbs Points Forts  

.narrative_blurbs_pointsforts .et_pb_blurb_content{
	display: flex;
    align-items: center;
	top: 0vh;
    height: 0vh; 
	font-size: 37px;
	
}

.narrative_blurbs_pointsforts .et_pb_blurb_position_left .et_pb_main_blurb_image{
    left: -2vw;
}
*/

/* MEDIA INTERACTIF */

.mediaint_cas_blurb img {
    height: auto;
    width: 21vw;
    padding-bottom: 0px;
}


/* Tests */

/* Element accueil - v2 - coucher - Element texte desc en flexend */
.avecflex {
	display: flex;
}
.avecflex .et_pb_column_1_3{
	display: flex;
}
.elmt_flexend{
	align-self: flex-end;
}
.elmt_flexcenter{
	align-self: center;
}


/* ------- Menu principal -------------  */

@media only screen and (min-width: 980px) {
     
	.page-id-1993 #logo {
		display: none;
	}
	.page-id-1993 .et-fixed-header #logo {
		display: inline-block;
		-webkit-transition: all .4s ease-in-out;
		-moz-transition: all .4s ease-in-out;
		transition: all .4s ease-in-out;
		-webkit-transform: translate3d(0,0,0);
	}


	#et-top-navigation {
		padding-bottom: 10px !important;
		padding-top: 17px !important;
	}
	#top-menu li {
		padding-right: 10px;
	}
	#top-menu a {
		border: 1px solid antiquewhite;
			border-bottom-width: 1px;
			border-bottom-style: solid;
			border-bottom-color: antiquewhite;
		padding: 10px;
		padding-bottom: 13px !important;

		border-radius: 5px;
			border-top-left-radius: 5px;
			border-top-right-radius: 5px;
			border-bottom-right-radius: 5px;
			border-bottom-left-radius: 5px;
		border-bottom-right-radius: 0;
	}

	.et-fixed-header .current-menu-item a {
		background-color: white !important;
	}

}

/* Bouton entreprise en bleu */

.menu_entreprise a{
	border-color: deepskyblue !important;
	color: deepskyblue;	
}

.mobile_menu_bar:before {
    background-color: white;
}
.et_mobile_menu {
    background-color: rgb(32, 34, 79) !important;
}

/* --- Aligner verticalement elements disposés sur une ligne - ROW */
.flexrow {
	display: flex;
	align-items: center;
}

/* -- Responsivite pour images pleine page --- Petits ecrans */


@media only screen and (max-height: 800px) {
.size_h_img_laptop img {
    height: 50vh; 
    }
}



/*----------5 Columns----------*/
 
.five-columns .et_pb_module {
    float: left;
    width: 18%!important;
    padding: 20px;
	margin-left: 1%;
	margin-right: 1%;
	display: flex;
	justify-content: center;
}
.five-columns .et_pb_text {
	margin-bottom: 1px !important;
}
.five-columns .et_pb_promo {
	height: 30vh;
	align-items: top;
}
@media only screen and (max-width: 980px) {
     
.five-columns .et_pb_module {
    width: 33%!important; 
    }
}
 
@media only screen and (max-width: 479px) {
     
.five-columns .et_pb_module {
    width: 50%!important;
    }
}


/* -- Accueil Blurbs des demos --- */
.blurb-demo a img:hover {
	box-shadow: 10px 10px 0px 0px rgba(0,0,0,0.3);
}
.blurb-demo a {
	color: rgba(0,0,0,0.8);
}

.blurb-demo img {
    height: 230px;
}


/* ------ Pricing table ------ */
.pricing_tables {
}
.pricing_table_top{
	border-radius: 8px 8px 0px 0px;
	padding-top: 15px !important;
    padding-right: 10px !important;
    padding-bottom: 20px !important;
    padding-left: 10px !important;
	margin-bottom: 0 !important;
	
	height: 80px;
	display: flex;
	align-items: center;
}
.pricing_table{
    background-color: rgba(75,75,122,0.44);
	border-radius: 0px 0px 8px 8px;
	padding-top: 15px !important;
    padding-right: 10px !important;
    padding-bottom: 20px !important;
    padding-left: 10px !important;
}


/* --- PAGE ENTREPRISE --- */

.entreprise_diff_table_top{

	border-radius: 8px 8px 0px 0px;
	padding-top: 15px !important;
    padding-right: 10px !important;
    padding-bottom: 10px !important;
    padding-left: 10px !important;
	margin-bottom: 0 !important;
	
	height: auto;
	display: flex;
	align-items: center;
}

.entreprise_diff_table_top_v2{
	padding-top: 15px !important;
    padding-right: 10px !important;
    padding-bottom: 10px !important;
    padding-left: 10px !important;
	margin-bottom: 0 !important;
	
	height: auto;
	display: flex;
	align-items: center;
}


.logos_valign{
	display:flex;
	align-items:center;	
}

/*---------- [Testimonial Slider ]----------*/
        
.testimonial-slider,
.testimonial-slider .et_pb_container {
	height: auto !important;
}
.testimonial-slider,
.testimonial-slider .et_pb_slide {
	max-height: auto;
}
.testimonial-slider .et_pb_slide_image {
	width: 20% !important;
}
.testimonial-slider .et_pb_slide_description {
    width: 75%;
}


.testimonial-slider .et-pb-controllers a {
	border-radius: 0px;
}



/* ---  PAGE A PROPOS --- */

/* --- Images photo equipe ----------- */
.equipiers img{
	width: auto;
    height: 20vh;
	object-fit:cover;
}
.equipiers .et_pb_grid_item{
	margin-bottom: 2vh !important;
}

/* --- Timeline dots ----------- */
.dots-list {
	width: 100%;
}
.dots-list ol {
	padding-left: 190px;
	position: relative;
	margin-bottom: 20px;
	list-style: none !important;
}

@media only screen and (max-width:400px) {
.dots-list ol {
    	padding-left: 130px;
	}
.dots-list ol li .date {
	left: -140px !important;
	top: 0px !important;
	}
}

.dots-list ol li {
position: relative;
margin-top: 0em;
margin-bottom: 20px;
}
.dots-list ol li .date {
position: absolute;
left: -190px;
font-weight: bold;
font-size: 1em;
top: -2px;
}
.dots-list ol li:before {
content: "";
background: #35a6cb; /*edit line colour*/
position: absolute;
width: 2px;
top: 5px;
bottom: -25px;
left: -24px;
}
.dots-list ol li:after {
content: "";
background: #c7d8dd;  /*edit circle colour*/
position: absolute;
width: 13px;
height: 13px;
border-radius: 100%;
border:2px solid #35a6cb; /*edit circle border colour*/
top: 5px;
left: -31px;
}
.dots-list ol li:last-child:before {
content: "";
background: rgba(0, 0, 0, 0);
}