main > div > *,
main > div > span.content > *:not(.bg_choice){padding-right: 1.25%; padding-left: 1.25%; margin-left: auto;
margin-right: auto;}

main{text-align: center;}

.img img{display: block;}

main > div > span.content{text-align: center; width: 100%; max-width: 100%; display: block; padding-right: 0; padding-left: 0}

.contentMaxSizeDefault > *,
.contentMaxSizeMedium > *,
.contentMaxSizeSmall > *{margin-left:auto; margin-right: auto }

	main > div > *:not(.bg_choice),
main > div > span.content > *:not(.bg_choice), .contentMaxSizeDefault > *,
	.MeMaxSizeDefault,
main > div > span.content > .MeMaxSizeDefault, main > div > .MeMaxSizeDefault
{max-width: 1150px;}
@media screen and (max-width: 1150px) {
  main > div > span.content > .bg_choice.contentMaxSizeDefault > *, main > div > .bg_choice.contentMaxSizeDefault > *,
  .MeMaxSizeDefault,
  main > div > span.content > .MeMaxSizeDefault, main > div > .MeMaxSizeDefault { padding-right: 2%; padding-left: 2%; }
}

	.contentMaxSizeMedium > *,
 main > div > .bg_choice.contentMaxSizeMedium > *,main > div > span.content > .bg_choice.contentMaxSizeMedium > *,
	.MeMaxSizeMedium,
main > div > span.content > .MeMaxSizeMedium, main > div > .MeMaxSizeMedium 
{max-width: 900px;}
@media screen and (max-width: 900px) {
 main > div > .bg_choice.contentMaxSizeMedium > *,
 main > div > span.content > .bg_choice.contentMaxSizeMedium > *, .MeMaxSizeMedium,
 main > div > span.content > .MeMaxSizeMedium, main > div > .MeMaxSizeMedium{padding-right: 3%; padding-left: 3%;}
}


	.contentMaxSizeSmall > *, 
main > div > .bg_choice.contentMaxSizeSmall > *, main > div > span.content >.bg_choice.contentMaxSizeSmall > *,
 	.MeMaxSizeSmall,
main > div > span.content > .MeMaxSizeSmall, main > div > .MeMaxSizeSmall
{max-width: 700px;}
@media screen and (max-width: 700px) {
  main > div > .bg_choice.contentMaxSizeSmall > * ,
  main > div > span.content >.bg_choice.contentMaxSizeSmall > *, .MeMaxSizeSmall,
  main > div > span.content > .MeMaxSizeSmall, main > div > .MeMaxSizeSmall{padding-right: 4%; padding-left: 4%;}
}

.MeFullSize,
main > div > span.content > .MeFullSize, main > div > .MeFullSize{max-width: 100%; padding-right: 0;padding-left: 0; margin-left: 0;margin-right: 0;}
.fullPage{ width:100%; max-width: none;height: 100vh; position: relative;}


/* BOUTON */
.buttonWrap{text-align: center;}
.buttonWrap .button3{ background: rgb(166, 199, 228);position: relative;transition-duration:0.3s; transition-property:  color ,text-shadow; padding: 8px 18px;color: #FFF;display: inline-block;text-decoration: none;font-weight: bold;border: 2px solid transparent;z-index: 1;}
	.buttonWrap .button3:hover{color: rgb(166, 199, 228);border: 2px solid rgb(166, 199, 228); box-shadow: 0 0 15px #FFF, 0 0 15px #FFF, 0 0 5px #FFF;}
.buttonWrap .button3::after{ content: " "; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 0; transition: all 0.3s; background: #FFF; z-index: -1;}
	.buttonWrap .button3:hover::after {height: 100%;}
.buttonWrap .button3::before{ content: " ";display: block;position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgb(166, 199, 228);z-index: -2;}
.buttonWrap .button3 a::after{content: " ";display: block;position: absolute; top: 0;left: 0; width: 100%;height: 100%; cursor: pointer}
	.buttonWrap .button3 a{color: inherit; text-decoration: none;}
/* BOUTON 2*/
.buttonInside{text-align: center;}
.buttonInside .button2{ position:relative; transition: all 0.3s; padding: 8px 18px; color: #FFF; display: inline-block; text-decoration: none; font-weight: bold; border:2px solid transparent; z-index: 1}
.buttonInside .button2:hover {
    color: rgb(166, 199, 228);
    border:2px solid rgb(166, 199, 228);box-shadow: 0 0 15px #FFF, 0 0 15px #FFF, 0 0 5px #FFF;
}
.buttonInside .button2::before{content: " "; display: block; position: absolute;top: 0; left: 0; width: 100%; height: 100%; background: rgb(156,195,95); z-index: -2}
.buttonInside .button2::after{content: " "; display: block; position: absolute;top: 0; left: 0; width: 100%; height: 0; transition: all 0.3s;background:#FFF; z-index: -1}
.buttonInside .button2:hover::after{height: 100%;}
.mix-blend, .currentItem.mix-blend{background-color:rgba(166, 199, 228, 1)}


/********************************************************
 * 						bloc visu + text		 
 *******************************************************/

.img_text.bloc{ width: auto; margin: auto}
.img_text{margin-right:-25px; margin-left:-25px;  border-bottom:1px solid rgba(0,0,0,0.4); margin-bottom: 20px;}
.img_text .CoteText, .img_text .CoteImg{width:50%; display: inline-block;vertical-align: middle; position: relative;}
.CoteText{padding: 0 5%; box-sizing: border-box;}
.CoteImg img{width: 100%;display: block;}
.maxW50{max-width: 50%}


.CoteText.bloc2{margin: 0; vertical-align: middle;}

/********************************************************
 * 						.col_3 
 *******************************************************/

.col_3, .col_3 h3, .col_3 p, .col_3 .bloc3{text-align: center;}
.col_3 .img, .col_3 img{ height: 110px; display: inline-block; }
.col_3 .img.round, .col_3 .img.carre{ width: 110px; padding-bottom: 110px; }
.col_3 h3{ margin:0.5em 0 1em 0;color: #000; position: relative;text-transform: none;}
.col_3 h3:after{content:""; display: block; position: absolute; bottom: 0;left: 0;background-color: currentColor; width: 100%; height: 1px; opacity: 0.2}
.col_3 .bloc3{width: 30.66%; margin: 1.75%; }

/********************************************************
 * 						.bloc-fleche 
 *******************************************************/

.text-fleche{font-family: 'Shadows Into Light', cursive;font-size: 2em;}
.text-fleche p{text-align: center;}
.bloc-fleche1 .text-fleche-picto{padding-left: 20px}
.bloc-fleche1 .text-fleche{text-align: right;}
.bloc-fleche2 .text-fleche{text-align: left;}
.bloc-fleche2 .text-fleche-picto{padding-right: 20px; }
.bloc-fleche .text-fleche .design{width: 60%}
.bloc-fleche .img{ width: 75px; height: 75px; margin:auto; }
.bloc-fleche .img.round img, .bloc-fleche .img.carre{padding-bottom: 75px;}
.bloc-fleche .img.carre img{max-height: 100%}

.bloc-fleche2 .text-fleche .design{transform: rotate(-180deg) scaleY(-1);}
main.page .text-fleche-picto .bloc2{min-height: 0;}
.text-fleche-picto .bloc2 p{margin-bottom: 0}



/********************************************************
 *              slider incorporer
 *******************************************************/

/********************************************************
 * 						 responsive
 *******************************************************/
@media screen and (max-width: 1150px) {
	.form.bloc{ margin-right: auto; margin-left: auto }
}
@media screen and (max-width: 800px) {
 .bloc-fleche .bloc3{width: 100%; margin-left:0; margin-right:0}
}
@media screen and (max-width: 600px) {
  .bloc-fleche1 .text-fleche {text-align: left;}
  .bloc-fleche .bloc .bloc2.bloc1-3,
  body.amp-working .bloc-fleche .bloc .bloc2.bloc1-3{width: 32.5% !important;; margin: 1.25% !important;}
  
  .bloc-fleche .bloc .bloc2.bloc1-3:first-child,
  body.amp-working .bloc-fleche .bloc .bloc2.bloc1-3:first-child{margin-left:0 !important;}
  
  .bloc-fleche .bloc .bloc2.bloc1-3:nth-child(2),
  body.amp-working .bloc-fleche .bloc .bloc2.bloc1-3:nth-child(2){margin-right:0 !important;}
  
  .bloc-fleche .bloc .bloc2.bloc1-3.grand,
  body.amp-working .bloc-fleche .bloc .bloc2.bloc1-3.grand{width: 65% !important;;}
  
  .bloc-fleche .text-fleche .design,
  body.amp-working .bloc-fleche .text-fleche .design{transform: rotate(-30deg) scaleY(-1) scaleX(-1) !important;top:-35px; position: relative;}
  
  .bloc-fleche2{display: flex;flex-direction: column-reverse;}
  .form .bloc .bloc2 {margin-bottom: 2.5%;margin-top: 2.5%;}
}