@import url(http://fonts.googleapis.com/css?family=Roboto:300,700,400);
@import url("https://p.typekit.net/p.css?s=1&k=idz4ejs&ht=tk&f=28164&a=2241219&app=typekit&e=css");
@import url(https://fonts.googleapis.com/css?family=Varela+Round);
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@100&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto+Condensed:wght@700&display=swap');


@font-face {
font-family:"peachy-keen-jf";
src:url("https://use.typekit.net/af/12856b/00000000000000003b9ada86/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff2"),url("https://use.typekit.net/af/12856b/00000000000000003b9ada86/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff"),url("https://use.typekit.net/af/12856b/00000000000000003b9ada86/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("opentype");
font-style:normal;font-weight:400;
}


.robotoC {
font-family: 'Roboto Condensed', sans-serif;
}

.robotoL {
	font-family: 'Roboto', sans-serif;
}

.tk-peachy-keen-jf 			{ 
						font-family: "peachy-keen-jf",sans-serif; 
							}


.tk-suiv					 { 
					font-family: "peachy-keen-jf",sans-serif; 
					font-size:23px; 
					text-transform:uppercase; 
					color:#a7d0cd; 
							}


body						{ 
							font-family:'Roboto', sans-serif; 
							background:#dcceac;
							overflow-x: hidden;
							/*
							background-image:url(../images/fond_blanc.png); 
							background-attachment: fixed; 
							*/
							}

body.iframe {
				background-color: #FFF59B;

}


/*.headder-top 				{ height:120px; background-image:url(../images/fond_bleu.png)}*/
.headder-top 				{ 
							height:120px; 
							background:#eadebb;
							}


.navbar-collapse			{ 
							border:0!important; 
							box-shadow:none!important;
							}


/** Logo */
.navbar-brand				{margin-top:-8px}

.clap2 {

			width:143px; 
			height:118px;
			position: fixed; 
			z-index: 32;
			background-repeat: no-repeat; 
			background-image:url(../images/clap.png);
			margin-top: 10px;
}

/** Liens */
.navbar-nav > li > a		{
							color:#fff!important; 
							font-size:18px;
							}

.navbar-nav > li > a:hover	{
							color:#f90404!important; 
							}

.navbar-nav > .active > a	{
							background:rgba(233,88,80,0.0)!important;  
							color:#f90404!important
							}

/** Toggle */
.navbar-toggle				{background:#dcddd5!important; margin-top:0px;}
.navbar-toggle:hover		{background:#a7d0cd!important}
.icon-bar					{background:#000000!important}
.btn_contact				{position: relative; width:83px; height:73px; background-image:url(../images/btn_contactA.png);  }
.btn_contact:hover			{ background-image:url(../images/btn_contact_dw.png); }
.btn_logo					{position:relative; width:699px; height:140px; margin-left:148px; background-repeat: no-repeat; background-image:url(../images/logo.png);}
/*.btn_logo:hover				{background-image:url(../images/logo_up.png);}*/
.btn_agenda					{position: relative; width:83px; height:73px; background-image:url(../images/btn_agenda.png);  }
.btn_agenda:hover			{ background-image:url(../images/btn_agenda_dw.png); }	

/* bouton mobile  */
.navbar-mobil					{position: fixed; z-index: 12; width: 100%; height: 60px; background:#eadebb; padding-top: 5px;}
.navbar-mobil_dw				{position:relative; z-index: 3;  width: 100%; height: 60px; align-content: center}
.btn_menu_xs					{position: absolute; right: 10px; top: 10px; height:44px;}

.navbar-under					{
					position: fixed; 
					z-index: 12; 
					width: 100%; 
					height: 30px; 
					background:#ab3437; 
					padding-top: 8px; 
					top:60px;
					text-align: center;
				}

.navbar-under h3				{ 
							font-size:10px; 
						/*	font-weight:700; */
							margin-top:0px; 
							text-transform:uppercase;
							color: #fff;
							}


/** marges */
.mt200						{margin-top:200px}
.mt150						{margin-top:150px}
.mt120						{margin-top:120px}
.mt100						{margin-top:100px}
.mt50						{margin-top:50px}
.mt30						{margin-top:30px}
.mt20						{margin-top:20px}
.mt10						{margin-top:10px}
.mb30						{margin-bottom:30px}
.bloc10 {

		width: 600px;
		height: 10px;


}


/*  font  */




@font-face {
    font-family: pixelade;
    src: url(../font/PIXELADE.TTF);
}


/** contenu */

.contain {
	position: relative;
    width: : 100%;
    
    
}

.menu {
		position: fixed;
display: block;
		width: 800px;
		height: 250px;
		left: 50%;
		margin-left: -400px;
		z-index: 50;
		background-repeat: no-repeat; 
		background-image:url(../img/fond_haut.png);
		
}
/*
.menu {
		display: block;
		position: absolute;
		width: 800px;
		height: 400px;
	left: 50%;
      top: 21%;
		background-repeat: no-repeat; 
		background-image:url(../img/fond_haut.png);
		transform: translate(-50%, -50%);
} */

.bloc_main {
	display: block;
			position: absolute;
			width: 600px;
			height: 655px;
			left: 50%;
			margin-left: -250px;
		margin-top: 150px;
		border-radius: 15px 15px 15px 15px;	
		box-shadow: 5px 5px 5px #938b76;	
			
		
			
			

}

.bloc_main h1 {

		font-size: 35px;



}

.bloc_haut {
			width: 600px;
			height: 160px;
			background-repeat: no-repeat; 
		background-image:url(../img/fond_haut.png);
		border-radius: 15px 15px 0px 0px;


}


.bloc_menu {

width: 600px;
height: 25px;
background-color: #182C39;
text-align: center;
font-family: pixelade;
font-size: 20px;
color: white;
}

.bloc_menu a {

	color: white;
	text-decoration: none;
	transition: all 1s ease-out;
}

.bloc_menu a:hover {

	color: #5DA7DC;
	text-decoration: none;
}



.bloc_mid {
	position: relative;
			width: 600px;
			height: 440px;
			background-color: #FFF59B;
overflow:hidden;
/*overflow-y: scroll;*/
 

}

.trait {
	display: block;
	z-index: 49;
			position: fixed;
			width: 800px;
			height: 10px;
			left: 50%;
		margin-left: -400px;
		margin-top: 250px;
			background-color: #fff59b;

}


.bloc_art {

			width: 600px;
			height: 440px;
			/*padding-top: 1px;
			padding-left: 10px;
			padding-right: 10px;*/
			font-family:'Roboto', sans-serif;
			/*text-align: center;*/
			overflow: hidden;

			 
}









}

.bloc_art p {

	color: #182C39;

}

.bloc_art h1 {
	color: #182C39;
	font-size:22px;
}

.bloc_art h2 {
	color: #E9463C;
	font-size:17px;
}


.bloc_cont {

width: 600px;
			height: 440px;
			color: #182C39;
			padding-top: 10px;
			padding-left: 10px;
			padding-right: 10px;
			font-family:'Roboto', sans-serif;
			

}





.bloc_foot {

			width: 600px;
			height: 30px;
			background-color: #5DA7DC;
			border-radius: 0px 0px 15px 15px;
			text-align: center;
			padding-top: 10px;

}

.bloc_foot p {

			font-size: 10px;
			color: white;

}

/** footer */
.fouteur					{
							width: 100%;
							height:50px; 
							bottom: 0px;  
							position: fixed; 
							background:#ab3437;
							}

.foot p						{ 
							font-size:14px; 
							color:#fff; 
							margin-top:10px;  
							text-align:center
							}

.foot a 					{
							color: #fff;
							}



/**  css portable **/

.bloc_main_p {
	display: block;
			position: absolute;
			width: 100%;
			height: 100%;
			}	
			
		
			
			
.stick {
	display: block;
	z-index: 54;
	position: -webkit-sticky; /* Safari */
  position: sticky;
  top: 0;
}



.bloc_haut_p {
	
			
			width:100%;
  height:auto;
z-index: 50;
  background-color: red;

			/*background-repeat: no-repeat; 
		background-image:url(../img/fond_haut.png);
		background-size: cover;*/


}

.bloc_menu_p {


width: 100%;
height: 25px;
background-color: #182C39;
text-align: center;
font-family: pixelade;
font-size: 20px;
color: white;
z-index: 50;
}

.bloc_menu_p a {

	color: white;
	text-decoration: none;
	transition: all 1s ease-out;
}

.bloc_menu_p a:hover {

	color: #5DA7DC;
	text-decoration: none;
}



.bloc_mid_p {
	display: block;
	position: relative;
			width: 100%;
			height: 100%;
			background-color: #FFF59B;
overflow:hidden;

/*overflow-y: scroll;*/
 

}



.bloc_art_p {
			display: block;
			width: 100%;
			height: 100%;
			/*padding-top: 1px;
			padding-left: 10px;
			padding-right: 10px;*/
			font-family:'Roboto', sans-serif;
			/*text-align: center;*/
			overflow: hidden;
			padding: 5px;

			 
}









}

.bloc_art_p p {

	color: #182C39;

}

.bloc_art_p h1 {
	color: #182C39;
	font-size:22px;
}

.bloc_art_p h2 {
	color: #E9463C;
	font-size:17px;
}

.bloc_cont_p {

width: 100%;
			
			color: #182C39;
			padding-top: 10px;
			padding-left: 10px;
			padding-right: 10px;
			font-family:'Roboto', sans-serif;
			

}


/** footer portable */
.bloc_foot_p {
			display: block;
			width: 100%;
			height: 30px;
			background-color: #5DA7DC;
			bottom: 0px;  
			position: fixed;
			text-align: center;
			padding-top: 10px;

}

.bloc_foot_p p {

			font-size: 10px;
			color: white;

}

/** div */

/** style du formulaire */

input, textarea, select, option 	{
								 background-color:#FFF3F3;
								 	}


input, select {
			 padding:3px;
			 border:1px solid #F5C5C5;
			 border-radius:5px;
			 width:100px;
			 box-shadow:1px 1px 2px #C0C0C0 inset;
			 }

label 	{
		margin-right: 10px;
		font-size: 14px;	
		color:#182C39;
		font-weight:bold
 		}

textarea  		{
				display: flex;
				width: 50%;
				height: 80px;
				padding:3px;
				border:1px solid #F5C5C5;
				border-radius:5px;
				box-shadow:1px 1px 2px #C0C0C0 inset;	
				}

input[type=submit], input[type=reset] 	{
										font-weight: 700;
										font-size: 14px;
										width:200px;
										height: 50px;
										margin-top: 22px;
										color: #ab3437;
										cursor:pointer;
										}


/** style formulaire medium */


input.medium  	{	
				width: 100%;
				}

textarea.medium {
				width: 100%;
				}






/** page d'envoi du mail **/

.bloc_envoi			{ position: relative; width: 500px; text-align: center; margin: auto; margin-top: 10%;  }
.bloc_envoi h1 		{ font-size:50px; text-transform:uppercase; color:#721226; font-weight:700; margin-top:50px; text-shadow: 1px 1px 1px white;}
.bloc_envoi h2 		{ font-family:'Roboto', sans-serif;  font-size:15px; text-transform:uppercase; color:#a7d0cd; font-weight:700; margin-top:5px; text-shadow: 1px 1px 1px white;}
.bloc_envoi h3 		{ font-family:'Roboto', sans-serif; font-size:15px; text-transform:uppercase; color: black; font-weight:300; margin-top:5px; text-shadow: 1px 1px 1px white;}

 .redirect{
    background: white;
    border: 1px solid #e7e7e7;
    width:50%;
    margin: 0 auto;
    height: 150px;
    text-align: center;
    line-height: 150px;
  }


/* lightbox */

.slider {

	width: 600px;
	overflow: hidden;


}

.slides {
		width: calc(600px * 3);
		animation: glisse 15s infinite;

}

.slide {
	float: left;


}


/* version portable */

.slider_p {

	width: 360px;
	overflow: hidden;
	


}

.slides_p {
		width: calc(360px * 3);
		animation: glisse2 15s infinite;

}

.slide_p {
	float: left;


}

@keyframes glisse2 {

			0% {
				transform: translateX(0);
			}

			30% {
				transform: translateX(0);
			}

			33% {
				transform: translateX(-360px);
			}

			63% {
				transform: translateX(-360px);
			}

			66% {
				transform: translateX(-720px);
			}

			96% {
				transform: translateX(-720px);
			}

			100% {
				transform: translateX(0);
			}
}

.lightbx {
width: 580px;
height: 160px;
/*background-color: #182C39; */
background-image: url("../photos/001.png"); 
		background-repeat: round; 
		top left / 100% 100%; 
		animation:animback 15s infinite;

}


	.lightbox {
		display: block;
		position: absolute;

		margin: 0; 
		width: 600px; 
		height: auto; 
		float: none; 
		clear: both; 
		border-radius: 0px; 
		background-image: url("../photos/001.png"); 
		background-repeat: round; 
		top left / 100% 100%; 
		animation:animback 15s infinite;
		/*transform:rotate(-1deg); */
		}

	
	@keyframes animback {
    33% {background:url('../photos/002.png') top left / 100% 100%;}
    66% {background:url('../photos/003.png') top left / 100% 100%;}
}



.copyright				{
						position: absolute;
						width: 100px!important;
						height: 20px!important;
						color: #fff!important;
						font-size: 10px!important;
						bottom: 7%;
						right: 7%;
						text-shadow: 1px 1px 1px black;
						}


#blink{
    animation: Test 3s infinite;
}
@keyframes Test{
    0%{opacity: 1;}
    50%{opacity: 0.1;}
    100%{opacity: 1;}
}

/* carousel 

.card-content p {

	font-size: 15px; color: #ab3437;
}*/

.carousel-items {
    display: flex;
    /*overflow-x: scroll;*/
    padding: 1rem 0;
    scroll-snap-type: x mandatory;
}

.carousel-items li {
					list-style-type : none;
}

.carousel-item {
    flex: 1 0 600px;
    margin-left: 1rem;
    scroll-snap-align: start;

}

/*
::-webkit-scrollbar-track {
    background-color: #eadebb;
}

::-webkit-scrollbar {
    height: 6px;
    background-color: #eadebb;
}

::-webkit-scrollbar-thumb {
    background-color: #ab3437;
    border-radius: 3px;
}
*/

/* divers */


.bloc200 {
		height: 170px;


}

.bloc100 {
		height: 100px;


}

.bloc50 {
		height: 30px;


}


.img_illus1				{
							position: relative; 
							display: block;
							width:100%; 
							height:250PX; 
							background-image:url(../img_content/die.jpg); 
							background-position: center center;
							background-repeat: no-repeat;
							background-attachment: local;
							background-size: contain;

 }



.img_illus2 {

	margin:0;
  padding:0;
  background: url(../images/illustration.jpg) no-repeat center fixed; 
  -webkit-background-size: cover; /* pour anciens Chrome et Safari */
  background-size: cover; /* version standardisée */
}



.round {

	border-radius: 10px;
	/*filter: drop-shadow(5px 5px 4px #5F5F5F);*/
	transform: rotate(-1deg);
}

.round2 {

	border-radius: 10px;
	/*filter: drop-shadow(5px 5px 4px #5F5F5F);*/
	
}


.bloc_fond_video
{
	position: relative;
	top: 50px;
	width: 100%;
	flex: none;
}

.bloc_pub {
			display: block;
			width: 360px;
			height: 160px;
			

}