/**
 * Content
 */

b,
strong {
	font-weight: bolder;
}

sub,
sup {
	position: relative;
	vertical-align: baseline;
}

sub {
	top: 0.3em;
}

sup {
	top: -0.4em;
}

s {
	text-decoration: line-through;
}

img {
	border: 0;
	padding: 0;
}

ul,
ol {
	margin: 0;
	padding: 0 0 0 1em;
}

blockquote {
	margin: 0;
	padding: 0 0 0 1em;
}

hr {
	background: rgba(127, 127, 127, 0.2);
	border: 0;
	height: 1px;
	display: block;
}

.content img {
	float: none;
	margin-bottom: .5em;
    cursor: none!important;
}

.content .gallery_card_image img{
	float: none;
	margin-bottom: .5em;
    cursor: url(https://files.cargocollective.com/c1680689/icons8-chevron-24.png),auto !important;
}

.gallery_image_caption {
    margin-top: 0rem;
    margin-bottom: 0.5rem;
    font-size: 0.8rem;
	font-weight: 400;
	color: rgba(0, 0, 0, 255);
	font-family: "roboto", Icons;
	font-style: normal;
	line-height: 1.3;
    display: none;
    text-align: left;
    z-index: 1;
    white-space: normal;
    ;
    
}
.gallery_image_caption :hover {
    font-weight: bolder;
}

.gallery_image_caption a:after{
    content:"+";
}

.gallery_image_caption a:after{
    font-size:1.5rem;

}
.gallery_image_caption a:after:hover{
   font-weight: bolder;
}

.gallery_image_caption a:after{
    
    animation: 4s infinite blink;
    ;
}

@keyframes blink {
    0%, 15% {
        opacity: 0;
    }
    16%, 100% {
        opacity: 1;
    }
}

 
.content .gallery_card:hover .gallery_image_caption{
    display: inline;
  }
.gallery_image_caption:hover{
    cursor: crosshair
  }
	
a {
    cursor: crosshair
  }


[data-css-preset] #site_menu {
   background-color:transparent;
   font-family:roboto;
   font-size: 2rem;
}

[data-css-preset] #site_menu_panel a {
   color:black;
   
}

[data-css-preset] #site_menu_button {
    font-size: 28px /*!site_menu_button*/;
    position: absolute;

	top: 3rem /*!site_menu_button*/;
	left: 3rem /*!site_menu_button*/;
}

[data-message-wrapper] textarea {
    line-height: 1.4;
}
.new-message-height {
    min-height: 3rem;
}
.bs *, .bs :after, .bs :before {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.color-white, .color-white a {
    color: WHITE;
}
.type-size-medium {
    font-size: 10px;
}
.bg-black {
    background:white!important;
}

@media only screen and (max-width : 768px) {
/* Styles pour cette Media Queries */
    .image-gallery .gallery_card img {
    display: block;
    width: 100%!important;
    height: auto!important;
	}
    .container{
        text-align: center!important;
    width: 100%;

    }
    [image-gallery-horizontal]{
	justify-content: center!important;
    width: 100%!important;
    }

    [data-predefined-style="true"] small {
	display: inline-block;
	font-size: 2rem!important;
	font-weight: 400;
	color: rgba(0, 0, 0, 1);
	font-family: "roboto", Icons;
	font-style: normal;
	line-height: 1.3;
    text-align: justify!important;
 }
        [data-predefined-style="true"] bodycopy {
	display: inline-block;
	font-size: 2rem!important;
	font-weight: 400;
	color: rgba(0, 0, 0, 1);
	font-family: "roboto", Icons;
	font-style: normal;
	line-height: 1.3;
    text-align: center!important;
 }
    column-width {
    width: 100% auto!important;
	}
    
   
    [data-predefined-style="true"] H2 {
	display: inline-block;
	font-size: 3rem!important;
	font-weight: 400;
	color: rgba(0, 0, 0, 1);
	font-family: "roboto", Icons;
	font-style: normal;
	line-height: 1.3;
    text-align: center!important;
 }
    
  [data-predefined-style="true"] H1 {
	display: inline-block;
	font-size: 2.7rem!important;
	font-weight: 400;
	color: rgba(0, 0, 0, 1);
	font-family: "roboto", Icons;
	font-style: normal;
	line-height: 1.3;
    text-align: left!important;
 }
.gallery_image_caption {
	font-size:3.5rem;
    margin-bottom: 3rem;
	}

.content img {
	float: none;
	margin: 1rem auto!important;
    padding: auto;
    cursor: none!important;
    width: 100% auto!important;
	}
}
	

[data-predefined-style="true"] bodycopy a:hover {	
    font-weight: bolder;
}


/**
 * Loading Animation
 */

.loading[data-loading] {
	position: fixed;
	bottom: 8px; 
    left: 8px;
}

/**
 * Editor styles
 */

[data-predefined-style="true"] bodycopy {
	font-size: 0.8rem!important;
	font-weight: 400;
	color: black;
	font-family: "Roboto", Icons;
	font-style: normal;
	line-height: 1.4;
}

[data-predefined-style="true"] bodycopy a {
	color: rgba(0, 0, 0, 1);
	text-decoration: none;
}

[data-predefined-style="true"] bodycopy a:hover {

}

bodycopy a.image-link,
bodycopy a.icon-link,
bodycopy a.image-link:hover,
bodycopy a.icon-link:hover {
	border-bottom: 0;
	padding-bottom: 0;
}

[data-predefined-style="true"] h1 {
	font-family: Roboto;
	font-style: normal;
	font-weight: 500;
	padding: 0;
	margin: 0;
	font-size: 1.2rem;
	line-height: 1.2;
	color: rgba(0, 0, 0, 1);
}

[data-predefined-style="true"] h1 a {
	color: rgba(0, 0, 0, 0.85);
}

[data-predefined-style="true"] h2 {
	font-family: "roboto";
	font-style: normal;
	font-weight: 500;
	padding: 0;
	margin: 0;
	color: rgba(0, 0, 0, 0.85);
	font-size: 1.3rem;
	line-height: 1.4;
}

[data-predefined-style="true"] h2 a {
	color: rgba(0, 0, 0, 0.85);
}

[data-predefined-style="true"] small {
	display: inline-block;
	font-size: .8rem;
	font-weight: 400;
	color: rgba(0, 0, 0, 1);
	font-family: "roboto", Icons;
	font-style: normal;
	line-height: 1.4;	

}

[data-css-preset] .container {
	text-align: left;
    width: 100%;
    margin-left: auto;
/*!text_left*/;
}